@7pmlabs/design-system 0.1.2 → 0.1.3

package/dist/design-system20.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system20.js","sources":["../src/components/BDatePicker.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = [\"id\", \"placeholder\", \"disabled\"]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = [\"for\"]\nconst _hoisted_5 = [\"for\"]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\nimport IMask from 'imask';\n/**\n * https://stackoverflow.com/questions/25384360/how-to-prevent-moment-js-from-loading-locales-with-webpack\n * Due to this issue with moment (it loads a bunch of unnecessary ./locale)\n * https://github.com/ksloan/moment-mini\n */\nimport moment from 'moment-mini';\nimport { useI18n } from 'vue-i18n';\n// https://air-datepicker.com/docs\n// DO NOT upgrade to the higher version than 3.3.0\nimport AirDatepicker, {\n  type AirDatepickerLocale,\n  type AirDatepickerOptions,\n  type AirDatepickerButton,\n} from 'air-datepicker';\nimport 'air-datepicker/air-datepicker.css';\nimport { v4 as uuid } from 'uuid';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport BLabel from './BLabel.vue';\nimport BErrorMessage from './BErrorMessage.vue';\nimport { checkIfISOFormat } from '@/helpers/DateHelper';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { DateDelimiter } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  modelValue: any;\n  label?: string;\n  validationRules?: ValidationRule[];\n  placeholder?: string;\n  required?: boolean;\n  requiredErrorMessage?: string;\n  disabled?: boolean;\n  timepicker?: boolean;\n  onlyTimepicker?: boolean;\n  inputCssClass?: string;\n  minDate?: any;\n  maxDate?: any;\n  showHintToday?: boolean;\n  view?: string;\n  hideDetails?: boolean;\n  position?: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDatePicker',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    timepicker: { type: Boolean, default: false },\n    onlyTimepicker: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    minDate: { default: '' },\n    maxDate: { default: '' },\n    showHintToday: { type: Boolean, default: false },\n    view: { default: 'days' },\n    hideDetails: { type: Boolean, default: false },\n    position: { default: 'bottom left' }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t, locale } = useI18n();\nconst dateFormat = `DD${DateDelimiter}MM${DateDelimiter}YYYY`; // moment's date format\nconst currentDate = new Date();\nlet datePicker: AirDatepicker<HTMLInputElement>;\nlet mask: any;\nconst inputMaskRef = ref<HTMLElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst selectedDate = ref();\n\n/**\n * Computed\n */\n// The \"Failed to execute 'querySelector' on Document\" error occurs when using querySelector method with an identifier that starts with a digit\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 datePickerButtons = computed<AirDatepickerButton[]>(() => [\n  {\n    content: t('ds.components.base.date_picker.buttons.cancel'),\n    className:\n      'ds-rounded-lg ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-py-3 ds-px-4 ds-h-auto ds-mx-1',\n    onClick: (dp) => {\n      dp.clear();\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n  },\n  {\n    content: t('ds.components.base.date_picker.buttons.confirm'),\n    className: `${id.value}-btn-confirm ds-rounded-lg focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-py-3 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-h-auto ds-mx-1`,\n    onClick: (dp) => {\n      value.value = selectedDate.value !== undefined ? selectedDate.value : '';\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n    attrs: props.required\n      ? {\n          disabled: '',\n        }\n      : undefined,\n  },\n]);\nconst datePickerOptions = computed(() => {\n  const datePickerLocale: AirDatepickerLocale = {\n    days: [\n      t('ds.components.base.date_picker.days.sunday'),\n      t('ds.components.base.date_picker.days.monday'),\n      t('ds.components.base.date_picker.days.tuesday'),\n      t('ds.components.base.date_picker.days.wednesday'),\n      t('ds.components.base.date_picker.days.thursday'),\n      t('ds.components.base.date_picker.days.friday'),\n      t('ds.components.base.date_picker.days.saturday'),\n    ],\n    daysShort: [\n      t('ds.components.base.date_picker.days_short.sunday'),\n      t('ds.components.base.date_picker.days_short.monday'),\n      t('ds.components.base.date_picker.days_short.tuesday'),\n      t('ds.components.base.date_picker.days_short.wednesday'),\n      t('ds.components.base.date_picker.days_short.thursday'),\n      t('ds.components.base.date_picker.days_short.friday'),\n      t('ds.components.base.date_picker.days_short.saturday'),\n    ],\n    daysMin: [\n      t('ds.components.base.date_picker.days_min.sunday'),\n      t('ds.components.base.date_picker.days_min.monday'),\n      t('ds.components.base.date_picker.days_min.tuesday'),\n      t('ds.components.base.date_picker.days_min.wednesday'),\n      t('ds.components.base.date_picker.days_min.thursday'),\n      t('ds.components.base.date_picker.days_min.friday'),\n      t('ds.components.base.date_picker.days_min.saturday'),\n    ],\n    months: [\n      t('ds.components.base.date_picker.months.january'),\n      t('ds.components.base.date_picker.months.february'),\n      t('ds.components.base.date_picker.months.march'),\n      t('ds.components.base.date_picker.months.april'),\n      t('ds.components.base.date_picker.months.may'),\n      t('ds.components.base.date_picker.months.june'),\n      t('ds.components.base.date_picker.months.july'),\n      t('ds.components.base.date_picker.months.august'),\n      t('ds.components.base.date_picker.months.september'),\n      t('ds.components.base.date_picker.months.october'),\n      t('ds.components.base.date_picker.months.november'),\n      t('ds.components.base.date_picker.months.december'),\n    ],\n    monthsShort: [\n      t('ds.components.base.date_picker.months_short.january'),\n      t('ds.components.base.date_picker.months_short.february'),\n      t('ds.components.base.date_picker.months_short.march'),\n      t('ds.components.base.date_picker.months_short.april'),\n      t('ds.components.base.date_picker.months_short.may'),\n      t('ds.components.base.date_picker.months_short.june'),\n      t('ds.components.base.date_picker.months_short.july'),\n      t('ds.components.base.date_picker.months_short.august'),\n      t('ds.components.base.date_picker.months_short.september'),\n      t('ds.components.base.date_picker.months_short.october'),\n      t('ds.components.base.date_picker.months_short.november'),\n      t('ds.components.base.date_picker.months_short.december'),\n    ],\n    today: t('ds.components.base.date_picker.buttons.today'),\n    clear: t('ds.components.base.date_picker.buttons.clear'),\n    dateFormat: 'dd/MM/yyyy',\n    timeFormat: 'HH:mm',\n    firstDay: 1, // Monday\n  };\n  const onSelectDatePicker = ({\n    date,\n  }: {\n    date: Date | Date[];\n    formattedDate: string | string[];\n    datepicker: AirDatepicker;\n  }) => {\n    // 'date' is undefined when clicking 'Clear' button/ deselect the date\n    selectedDate.value = date;\n    if (props.required) {\n      toggleButtonCofirm(!!date);\n    }\n  };\n\n  return {\n    locale: datePickerLocale,\n    selectedDates: [props.modelValue],\n    onSelect: onSelectDatePicker,\n    buttons: [...datePickerButtons.value],\n    showOtherMonths: false,\n    timepicker: props.timepicker,\n    onlyTimepicker: props.onlyTimepicker,\n    minDate: props.minDate,\n    maxDate: props.maxDate,\n    view: props.view,\n    onHide: onHidePicker,\n    onShow: onShowPicker,\n    navTitles: {\n      days: 'MMMM yyyy',\n    },\n    position: props.position,\n  } as AirDatepickerOptions;\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 inputCssClassValue = computed(() => [\n  'ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]',\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    '!ds-border-focus ds-ring-1 ds-ring-focus': datePickerVisible.value,\n  },\n  props.inputCssClass,\n]);\nconst isToday = computed(() => {\n  if (!props.modelValue) {\n    return false;\n  }\n  return (\n    currentDate.getDate() === props.modelValue.getDate() &&\n    currentDate.getMonth() === props.modelValue.getMonth() &&\n    currentDate.getFullYear() === props.modelValue.getFullYear()\n  );\n});\nconst inputMaskOptions = computed(() => {\n  const result: any = {\n    mask: IMask.MaskedDate,\n    pattern: dateFormat,\n    lazy: true,\n\n    format: (date: any) => moment(date).format(dateFormat),\n    parse: (str: string) => moment(str, dateFormat),\n\n    blocks: {\n      YYYY: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 9999,\n      },\n      MM: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 12,\n      },\n      DD: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 31,\n      },\n    },\n  };\n\n  if (props.minDate) {\n    result.min = props.minDate;\n  }\n  if (props.maxDate) {\n    result.max = props.maxDate;\n  }\n\n  return result;\n});\nconst datePickerVisible = ref(false);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n/**\n * Watch\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    // Make sure to update value once\n    if (checkIfModelNeedToSync(datePicker.selectedDates[0])) {\n      if (props.modelValue) {\n        datePicker.selectDate(props.modelValue);\n      } else {\n        datePicker.clear();\n      }\n    }\n    if (checkIfModelNeedToSync(getInputMaskDate())) {\n      mask.value = formatDate(props.modelValue);\n    }\n  },\n  { deep: true }\n);\nwatch(locale, () => {\n  datePicker.update(datePickerOptions.value);\n});\n\nonMounted(() => {\n  // Picker\n  datePicker = new AirDatepicker<HTMLInputElement>(\n    `#${id.value}Picker`,\n    datePickerOptions.value\n  );\n  // Input mask\n  mask = IMask(inputMaskRef.value!, inputMaskOptions.value);\n  mask.value = formatDate(props.modelValue);\n  mask.on('accept', onAccept);\n  mask.on('complete', onComplete);\n});\n\n/**\n * Methods\n */\nconst formatDate = (date: string | Date) =>\n  checkIfISOFormat(date) ? moment(date).format(dateFormat) : date;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onHidePicker = (isAnimationComplete: boolean) => {\n  datePickerVisible.value = false;\n  unlockScrollBody();\n};\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onShowPicker = (isAnimationComplete: boolean) => {\n  datePickerVisible.value = true;\n  if (props.modelValue) {\n    datePicker.selectDate(props.modelValue);\n  } else {\n    datePicker.clear();\n  }\n  lockScrollBody();\n};\nconst onAccept = () => {\n  if (!mask.unmaskedValue) {\n    emit('update:modelValue', '');\n  }\n};\nconst onComplete = () => {\n  const date = getInputMaskDate();\n  return date ? emit('update:modelValue', date) : emit('update:modelValue', '');\n};\nconst onBlur = () => {\n  const date = getInputMaskDate();\n  validate();\n  if (!checkIfModelNeedToSync(date)) {\n    return;\n  }\n  emit('update:modelValue', date === undefined ? '' : date);\n};\nconst checkIfModelNeedToSync = (date: any) => {\n  const ruleEngine = [\n    !props.modelValue && date,\n    !date && props.modelValue,\n    props.modelValue && date && props.modelValue.getTime() !== date.getTime(),\n  ];\n\n  return ruleEngine.some((r) => r);\n};\nconst getInputMaskDate = () => {\n  const arr = mask.value.split('/');\n  const dateStr = `${arr[2]}-${arr[1]}-${arr[0]}`;\n  // Check if string is in ISO format\n  if (moment(dateStr, moment.ISO_8601, true).isValid()) {\n    return new Date(dateStr);\n  }\n\n  return undefined;\n};\nconst toggleButtonCofirm = (enabled: boolean) => {\n  const btnEl = document.querySelector(`.${id.value}-btn-confirm`);\n  if (enabled) {\n    btnEl?.removeAttribute('disabled');\n  } else {\n    btnEl?.setAttribute('disabled', '');\n  }\n};\n\n/**\n * Lifecycle hooks\n */\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputMaskRef\",\n        ref: inputMaskRef,\n        class: _normalizeClass([\"ds-relative ds-z-[2] ds-drop-shadow-light\", inputCssClassValue.value]),\n        placeholder: _ctx.placeholder,\n        disabled: _ctx.disabled,\n        onBlur: onBlur\n      }, null, 42, _hoisted_2),\n      _createElementVNode(\"input\", {\n        id: `${id.value}Picker`,\n        readonly: \"\",\n        class: _normalizeClass([\"ds-absolute ds-top-0 ds-z-[1]\", inputCssClassValue.value]),\n        disabled: _ctx.disabled\n      }, null, 10, _hoisted_3),\n      (_ctx.showHintToday && isToday.value)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: id.value,\n            class: \"ds-absolute ds-left-[98px] ds-top-2.5 ds-z-[3] ds-text-sm\"\n          }, _toDisplayString(`(${_ctx.$t('ds.components.base.date_picker.today')})`), 9, _hoisted_4))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"label\", {\n        for: `${id.value}Picker`,\n        class: \"ds-absolute ds-right-3 ds-top-2 ds-z-[3]\"\n      }, [\n        _createElementVNode(\"i\", {\n          class: _normalizeClass([\"fa-solid fa-calendar-lines\", [\n            props.disabled ? 'ds-text-black/[0.4]' : 'ds-text-black/[0.85]',\n          ]])\n        }, null, 2)\n      ], 8, _hoisted_5)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          class: \"ds-mt-1\",\n          \"error-message\": _unref(validationResult).errorMessage(),\n          \"prepend-icon\": \"fa-solid fa-circle-exclamation\"\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","__props","emit","props","t","locale","useI18n","dateFormat","DateDelimiter","currentDate","datePicker","mask","inputMaskRef","ref","validateRequired","val","selectedDate","id","computed","uuid","value","datePickerButtons","dp","nextTick","validate","datePickerOptions","datePickerLocale","onSelectDatePicker","date","toggleButtonCofirm","onHidePicker","onShowPicker","vRules","result","inputCssClassValue","validationResult","datePickerVisible","isToday","inputMaskOptions","IMask","moment","str","useValidationField","watch","checkIfModelNeedToSync","getInputMaskDate","formatDate","onMounted","AirDatepicker","onAccept","onComplete","checkIfISOFormat","isAnimationComplete","unlockScrollBody","lockScrollBody","onBlur","r","arr","dateStr","enabled","btnEl","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system20.js","sources":["../src/components/BDatePicker.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = [\"id\", \"placeholder\", \"disabled\"]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = [\"for\"]\nconst _hoisted_5 = [\"for\"]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\n// https://imask.js.org/guide.html#getting-started\nimport IMask from '@/vendor/imask-6.4.3.js';\n/**\n * https://stackoverflow.com/questions/25384360/how-to-prevent-moment-js-from-loading-locales-with-webpack\n * Due to this issue with moment (it loads a bunch of unnecessary ./locale)\n * https://github.com/ksloan/moment-mini\n */\nimport moment from 'moment-mini';\nimport { useI18n } from 'vue-i18n';\n// https://air-datepicker.com/docs\n// DO NOT upgrade to the higher version than 3.3.0\nimport AirDatepicker, {\n  type AirDatepickerLocale,\n  type AirDatepickerOptions,\n  type AirDatepickerButton,\n} from 'air-datepicker';\n\nimport { v4 as uuid } from 'uuid';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport BLabel from './BLabel.vue';\nimport BErrorMessage from './BErrorMessage.vue';\nimport { checkIfISOFormat } from '@/helpers/DateHelper';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { DateDelimiter } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  modelValue: any;\n  label?: string;\n  validationRules?: ValidationRule[];\n  placeholder?: string;\n  required?: boolean;\n  requiredErrorMessage?: string;\n  disabled?: boolean;\n  timepicker?: boolean;\n  onlyTimepicker?: boolean;\n  inputCssClass?: string;\n  minDate?: any;\n  maxDate?: any;\n  showHintToday?: boolean;\n  view?: string;\n  hideDetails?: boolean;\n  position?: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDatePicker',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    timepicker: { type: Boolean, default: false },\n    onlyTimepicker: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    minDate: { default: '' },\n    maxDate: { default: '' },\n    showHintToday: { type: Boolean, default: false },\n    view: { default: 'days' },\n    hideDetails: { type: Boolean, default: false },\n    position: { default: 'bottom left' }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t, locale } = useI18n();\nconst dateFormat = `DD${DateDelimiter}MM${DateDelimiter}YYYY`; // moment's date format\nconst currentDate = new Date();\nlet datePicker: AirDatepicker<HTMLInputElement>;\nlet mask: any;\nconst inputMaskRef = ref<HTMLElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst selectedDate = ref();\n\n/**\n * Computed\n */\n// The \"Failed to execute 'querySelector' on Document\" error occurs when using querySelector method with an identifier that starts with a digit\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 datePickerButtons = computed<AirDatepickerButton[]>(() => [\n  {\n    content: t('ds.components.base.date_picker.buttons.cancel'),\n    className:\n      'ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1',\n    onClick: (dp) => {\n      dp.clear();\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n  },\n  {\n    content: t('ds.components.base.date_picker.buttons.confirm'),\n    className: `${id.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,\n    onClick: (dp) => {\n      value.value = selectedDate.value !== undefined ? selectedDate.value : '';\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n    attrs: props.required\n      ? {\n          disabled: '',\n        }\n      : undefined,\n  },\n]);\nconst datePickerOptions = computed(() => {\n  const datePickerLocale: AirDatepickerLocale = {\n    days: [\n      t('ds.components.base.date_picker.days.sunday'),\n      t('ds.components.base.date_picker.days.monday'),\n      t('ds.components.base.date_picker.days.tuesday'),\n      t('ds.components.base.date_picker.days.wednesday'),\n      t('ds.components.base.date_picker.days.thursday'),\n      t('ds.components.base.date_picker.days.friday'),\n      t('ds.components.base.date_picker.days.saturday'),\n    ],\n    daysShort: [\n      t('ds.components.base.date_picker.days_short.sunday'),\n      t('ds.components.base.date_picker.days_short.monday'),\n      t('ds.components.base.date_picker.days_short.tuesday'),\n      t('ds.components.base.date_picker.days_short.wednesday'),\n      t('ds.components.base.date_picker.days_short.thursday'),\n      t('ds.components.base.date_picker.days_short.friday'),\n      t('ds.components.base.date_picker.days_short.saturday'),\n    ],\n    daysMin: [\n      t('ds.components.base.date_picker.days_min.sunday'),\n      t('ds.components.base.date_picker.days_min.monday'),\n      t('ds.components.base.date_picker.days_min.tuesday'),\n      t('ds.components.base.date_picker.days_min.wednesday'),\n      t('ds.components.base.date_picker.days_min.thursday'),\n      t('ds.components.base.date_picker.days_min.friday'),\n      t('ds.components.base.date_picker.days_min.saturday'),\n    ],\n    months: [\n      t('ds.components.base.date_picker.months.january'),\n      t('ds.components.base.date_picker.months.february'),\n      t('ds.components.base.date_picker.months.march'),\n      t('ds.components.base.date_picker.months.april'),\n      t('ds.components.base.date_picker.months.may'),\n      t('ds.components.base.date_picker.months.june'),\n      t('ds.components.base.date_picker.months.july'),\n      t('ds.components.base.date_picker.months.august'),\n      t('ds.components.base.date_picker.months.september'),\n      t('ds.components.base.date_picker.months.october'),\n      t('ds.components.base.date_picker.months.november'),\n      t('ds.components.base.date_picker.months.december'),\n    ],\n    monthsShort: [\n      t('ds.components.base.date_picker.months_short.january'),\n      t('ds.components.base.date_picker.months_short.february'),\n      t('ds.components.base.date_picker.months_short.march'),\n      t('ds.components.base.date_picker.months_short.april'),\n      t('ds.components.base.date_picker.months_short.may'),\n      t('ds.components.base.date_picker.months_short.june'),\n      t('ds.components.base.date_picker.months_short.july'),\n      t('ds.components.base.date_picker.months_short.august'),\n      t('ds.components.base.date_picker.months_short.september'),\n      t('ds.components.base.date_picker.months_short.october'),\n      t('ds.components.base.date_picker.months_short.november'),\n      t('ds.components.base.date_picker.months_short.december'),\n    ],\n    today: t('ds.components.base.date_picker.buttons.today'),\n    clear: t('ds.components.base.date_picker.buttons.clear'),\n    dateFormat: 'dd/MM/yyyy',\n    timeFormat: 'HH:mm',\n    firstDay: 1, // Monday\n  };\n  const onSelectDatePicker = ({\n    date,\n  }: {\n    date: Date | Date[];\n    formattedDate: string | string[];\n    datepicker: AirDatepicker;\n  }) => {\n    // 'date' is undefined when clicking 'Clear' button/ deselect the date\n    selectedDate.value = date;\n    if (props.required) {\n      toggleButtonCofirm(!!date);\n    }\n  };\n\n  return {\n    locale: datePickerLocale,\n    selectedDates: [props.modelValue],\n    onSelect: onSelectDatePicker,\n    buttons: [...datePickerButtons.value],\n    showOtherMonths: false,\n    timepicker: props.timepicker,\n    onlyTimepicker: props.onlyTimepicker,\n    minDate: props.minDate,\n    maxDate: props.maxDate,\n    view: props.view,\n    onHide: onHidePicker,\n    onShow: onShowPicker,\n    navTitles: {\n      days: 'MMMM yyyy',\n    },\n    position: props.position,\n  } as AirDatepickerOptions;\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 inputCssClassValue = computed(() => [\n  'ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]',\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    '!ds-border-focus ds-ring-1 ds-ring-focus': datePickerVisible.value,\n  },\n  props.inputCssClass,\n]);\nconst isToday = computed(() => {\n  if (!props.modelValue) {\n    return false;\n  }\n  return (\n    currentDate.getDate() === props.modelValue.getDate() &&\n    currentDate.getMonth() === props.modelValue.getMonth() &&\n    currentDate.getFullYear() === props.modelValue.getFullYear()\n  );\n});\nconst inputMaskOptions = computed(() => {\n  const result: any = {\n    mask: IMask.MaskedDate,\n    pattern: dateFormat,\n    lazy: true,\n\n    format: (date: any) => moment(date).format(dateFormat),\n    parse: (str: string) => moment(str, dateFormat),\n\n    blocks: {\n      YYYY: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 9999,\n      },\n      MM: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 12,\n      },\n      DD: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 31,\n      },\n    },\n  };\n\n  if (props.minDate) {\n    result.min = props.minDate;\n  }\n  if (props.maxDate) {\n    result.max = props.maxDate;\n  }\n\n  return result;\n});\nconst datePickerVisible = ref(false);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n/**\n * Watch\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    // Make sure to update value once\n    if (checkIfModelNeedToSync(datePicker.selectedDates[0])) {\n      if (props.modelValue) {\n        datePicker.selectDate(props.modelValue);\n      } else {\n        datePicker.clear();\n      }\n    }\n    if (checkIfModelNeedToSync(getInputMaskDate())) {\n      mask.value = formatDate(props.modelValue);\n    }\n  },\n  { deep: true }\n);\nwatch(locale, () => {\n  datePicker.update(datePickerOptions.value);\n});\n\nonMounted(() => {\n  // Picker\n  datePicker = new AirDatepicker<HTMLInputElement>(\n    `#${id.value}Picker`,\n    datePickerOptions.value\n  );\n  // Input mask\n  mask = IMask(inputMaskRef.value!, inputMaskOptions.value);\n  mask.value = formatDate(props.modelValue);\n  mask.on('accept', onAccept);\n  mask.on('complete', onComplete);\n});\n\n/**\n * Methods\n */\nconst formatDate = (date: string | Date) =>\n  checkIfISOFormat(date) ? moment(date).format(dateFormat) : date;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onHidePicker = (isAnimationComplete: boolean) => {\n  datePickerVisible.value = false;\n  unlockScrollBody();\n};\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onShowPicker = (isAnimationComplete: boolean) => {\n  datePickerVisible.value = true;\n  if (props.modelValue) {\n    datePicker.selectDate(props.modelValue);\n  } else {\n    datePicker.clear();\n  }\n  lockScrollBody();\n};\nconst onAccept = () => {\n  if (!mask.unmaskedValue) {\n    emit('update:modelValue', '');\n  }\n};\nconst onComplete = () => {\n  const date = getInputMaskDate();\n  return date ? emit('update:modelValue', date) : emit('update:modelValue', '');\n};\nconst onBlur = () => {\n  const date = getInputMaskDate();\n  validate();\n  if (!checkIfModelNeedToSync(date)) {\n    return;\n  }\n  emit('update:modelValue', date === undefined ? '' : date);\n};\nconst checkIfModelNeedToSync = (date: any) => {\n  const ruleEngine = [\n    !props.modelValue && date,\n    !date && props.modelValue,\n    props.modelValue && date && props.modelValue.getTime() !== date.getTime(),\n  ];\n\n  return ruleEngine.some((r) => r);\n};\nconst getInputMaskDate = () => {\n  const arr = mask.value.split('/');\n  const dateStr = `${arr[2]}-${arr[1]}-${arr[0]}`;\n  // Check if string is in ISO format\n  if (moment(dateStr, moment.ISO_8601, true).isValid()) {\n    return new Date(dateStr);\n  }\n\n  return undefined;\n};\nconst toggleButtonCofirm = (enabled: boolean) => {\n  const btnEl = document.querySelector(`.${id.value}-btn-confirm`);\n  if (enabled) {\n    btnEl?.removeAttribute('disabled');\n  } else {\n    btnEl?.setAttribute('disabled', '');\n  }\n};\n\n/**\n * Lifecycle hooks\n */\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputMaskRef\",\n        ref: inputMaskRef,\n        class: _normalizeClass([\"ds-relative ds-z-[2] ds-drop-shadow-light\", inputCssClassValue.value]),\n        placeholder: _ctx.placeholder,\n        disabled: _ctx.disabled,\n        onBlur: onBlur\n      }, null, 42, _hoisted_2),\n      _createElementVNode(\"input\", {\n        id: `${id.value}Picker`,\n        readonly: \"\",\n        class: _normalizeClass([\"ds-absolute ds-top-0 ds-z-[1]\", inputCssClassValue.value]),\n        disabled: _ctx.disabled\n      }, null, 10, _hoisted_3),\n      (_ctx.showHintToday && isToday.value)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: id.value,\n            class: \"ds-absolute ds-left-[98px] ds-top-2.5 ds-z-[3] ds-text-sm\"\n          }, _toDisplayString(`(${_ctx.$t('ds.components.base.date_picker.today')})`), 9, _hoisted_4))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"label\", {\n        for: `${id.value}Picker`,\n        class: \"ds-absolute ds-right-3 ds-top-2 ds-z-[3]\"\n      }, [\n        _createElementVNode(\"i\", {\n          class: _normalizeClass([\"fa-solid fa-calendar-lines\", [\n            props.disabled ? 'ds-text-black/[0.4]' : 'ds-text-black/[0.85]',\n          ]])\n        }, null, 2)\n      ], 8, _hoisted_5)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          class: \"ds-mt-1\",\n          \"error-message\": _unref(validationResult).errorMessage(),\n          \"prepend-icon\": \"fa-solid fa-circle-exclamation\"\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","__props","emit","props","t","locale","useI18n","dateFormat","DateDelimiter","currentDate","datePicker","mask","inputMaskRef","ref","validateRequired","val","selectedDate","id","computed","uuid","value","datePickerButtons","dp","nextTick","validate","datePickerOptions","datePickerLocale","onSelectDatePicker","date","toggleButtonCofirm","onHidePicker","onShowPicker","vRules","result","inputCssClassValue","validationResult","datePickerVisible","isToday","inputMaskOptions","IMask","moment","str","useValidationField","watch","checkIfModelNeedToSync","getInputMaskDate","formatDate","onMounted","AirDatepicker","onAccept","onComplete","checkIfISOFormat","isAnimationComplete","unlockScrollBody","lockScrollBody","onBlur","r","arr","dateStr","enabled","btnEl","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system20.mjs

@@ -1,18 +1,16 @@
 import { defineComponent as J, ref as g, computed as d, nextTick as $, watch as S, onMounted as K, onBeforeUnmount as Q, openBlock as D, createElementBlock as q, createVNode as W, createElementVNode as i, normalizeClass as V, toDisplayString as X, createCommentVNode as P, createBlock as Z, unref as ee } from "vue";
-import "./design-system83.mjs";
-import c from "./design-system78.mjs";
-import { useI18n as se } from "./design-system39.mjs";
-import te from "./design-system84.mjs";
-import "./design-system85.mjs";
+import c from "./design-system85.mjs";
+import m from "./design-system77.mjs";
+import { useI18n as se } from "./design-system38.mjs";
+import te from "./design-system86.mjs";
 import { useValidationField as ae } from "./design-system2.mjs";
-import oe from "./design-system31.mjs";
-import de from "./design-system32.mjs";
-import { checkIfISOFormat as ne } from "./design-system38.mjs";
+import oe from "./design-system30.mjs";
+import de from "./design-system31.mjs";
+import { checkIfISOFormat as ne } from "./design-system37.mjs";
 import { unlockScrollBody as R, lockScrollBody as re } from "./design-system6.mjs";
 import { DateDelimiter as T } from "./design-system4.mjs";
-import le from "./design-system80.mjs";
-import m from "./design-system86.mjs";
-const ie = { class: "ds-relative" }, ce = ["id", "placeholder", "disabled"], me = ["id", "disabled"], ue = ["for"], pe = ["for"], Ce = /* @__PURE__ */ J({
+import le from "./design-system79.mjs";
+const ie = { class: "ds-relative" }, ce = ["id", "placeholder", "disabled"], me = ["id", "disabled"], ue = ["for"], pe = ["for"], we = /* @__PURE__ */ J({
   __name: "BDatePicker",
   props: {
     inputId: { default: "" },
@@ -50,7 +48,7 @@ const ie = { class: "ds-relative" }, ce = ["id", "placeholder", "disabled"], me
     }), j = d(() => [
       {
         content: s("ds.components.base.date_picker.buttons.cancel"),
-        className: "ds-rounded-lg ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-py-3 ds-px-4 ds-h-auto ds-mx-1",
+        className: "ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1",
         onClick: (e) => {
           e.clear(), $(() => {
             y();
@@ -59,7 +57,7 @@ const ie = { class: "ds-relative" }, ce = ["id", "placeholder", "disabled"], me
       },
       {
         content: s("ds.components.base.date_picker.buttons.confirm"),
-        className: `${o.value}-btn-confirm ds-rounded-lg focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-py-3 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-h-auto ds-mx-1`,
+        className: `${o.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,
         onClick: (e) => {
           x.value = b.value !== void 0 ? b.value : "", $(() => {
             y();
@@ -170,24 +168,24 @@ const ie = { class: "ds-relative" }, ce = ["id", "placeholder", "disabled"], me
       t.inputCssClass
     ]), A = d(() => t.modelValue ? f.getDate() === t.modelValue.getDate() && f.getMonth() === t.modelValue.getMonth() && f.getFullYear() === t.modelValue.getFullYear() : !1), H = d(() => {
       const e = {
-        mask: m.MaskedDate,
+        mask: c.MaskedDate,
         pattern: u,
         lazy: !0,
-        format: (a) => c(a).format(u),
-        parse: (a) => c(a, u),
+        format: (a) => m(a).format(u),
+        parse: (a) => m(a, u),
         blocks: {
           YYYY: {
-            mask: m.MaskedRange,
+            mask: c.MaskedRange,
             from: 1,
             to: 9999
           },
           MM: {
-            mask: m.MaskedRange,
+            mask: c.MaskedRange,
             from: 1,
             to: 12
           },
           DD: {
-            mask: m.MaskedRange,
+            mask: c.MaskedRange,
             from: 1,
             to: 31
           }
@@ -211,9 +209,9 @@ const ie = { class: "ds-relative" }, ce = ["id", "placeholder", "disabled"], me
       n = new te(
         `#${o.value}Picker`,
         w.value
-      ), r = m(M.value, H.value), r.value = C(t.modelValue), r.on("accept", E), r.on("complete", L);
+      ), r = c(M.value, H.value), r.value = C(t.modelValue), r.on("accept", E), r.on("complete", L);
     });
-    const C = (e) => ne(e) ? c(e).format(u) : e, N = (e) => {
+    const C = (e) => ne(e) ? m(e).format(u) : e, N = (e) => {
       k.value = !1, R();
     }, O = (e) => {
       k.value = !0, t.modelValue ? n.selectDate(t.modelValue) : n.clear(), re();
@@ -231,7 +229,7 @@ const ie = { class: "ds-relative" }, ce = ["id", "placeholder", "disabled"], me
       t.modelValue && e && t.modelValue.getTime() !== e.getTime()
     ].some((p) => p), v = () => {
       const e = r.value.split("/"), a = `${e[2]}-${e[1]}-${e[0]}`;
-      if (c(a, c.ISO_8601, !0).isValid())
+      if (m(a, m.ISO_8601, !0).isValid())
         return new Date(a);
     }, G = (e) => {
       const a = document.querySelector(`.${o.value}-btn-confirm`);
@@ -287,6 +285,6 @@ const ie = { class: "ds-relative" }, ce = ["id", "placeholder", "disabled"], me
   }
 });
 export {
-  Ce as default
+  we as default
 };
 //# sourceMappingURL=design-system20.mjs.map

package/dist/design-system20.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system20.mjs","sources":["../src/components/BDatePicker.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = [\"id\", \"placeholder\", \"disabled\"]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = [\"for\"]\nconst _hoisted_5 = [\"for\"]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\nimport IMask from 'imask';\n/**\n * https://stackoverflow.com/questions/25384360/how-to-prevent-moment-js-from-loading-locales-with-webpack\n * Due to this issue with moment (it loads a bunch of unnecessary ./locale)\n * https://github.com/ksloan/moment-mini\n */\nimport moment from 'moment-mini';\nimport { useI18n } from 'vue-i18n';\n// https://air-datepicker.com/docs\n// DO NOT upgrade to the higher version than 3.3.0\nimport AirDatepicker, {\n  type AirDatepickerLocale,\n  type AirDatepickerOptions,\n  type AirDatepickerButton,\n} from 'air-datepicker';\nimport 'air-datepicker/air-datepicker.css';\nimport { v4 as uuid } from 'uuid';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport BLabel from './BLabel.vue';\nimport BErrorMessage from './BErrorMessage.vue';\nimport { checkIfISOFormat } from '@/helpers/DateHelper';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { DateDelimiter } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  modelValue: any;\n  label?: string;\n  validationRules?: ValidationRule[];\n  placeholder?: string;\n  required?: boolean;\n  requiredErrorMessage?: string;\n  disabled?: boolean;\n  timepicker?: boolean;\n  onlyTimepicker?: boolean;\n  inputCssClass?: string;\n  minDate?: any;\n  maxDate?: any;\n  showHintToday?: boolean;\n  view?: string;\n  hideDetails?: boolean;\n  position?: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDatePicker',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    timepicker: { type: Boolean, default: false },\n    onlyTimepicker: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    minDate: { default: '' },\n    maxDate: { default: '' },\n    showHintToday: { type: Boolean, default: false },\n    view: { default: 'days' },\n    hideDetails: { type: Boolean, default: false },\n    position: { default: 'bottom left' }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t, locale } = useI18n();\nconst dateFormat = `DD${DateDelimiter}MM${DateDelimiter}YYYY`; // moment's date format\nconst currentDate = new Date();\nlet datePicker: AirDatepicker<HTMLInputElement>;\nlet mask: any;\nconst inputMaskRef = ref<HTMLElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst selectedDate = ref();\n\n/**\n * Computed\n */\n// The \"Failed to execute 'querySelector' on Document\" error occurs when using querySelector method with an identifier that starts with a digit\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 datePickerButtons = computed<AirDatepickerButton[]>(() => [\n  {\n    content: t('ds.components.base.date_picker.buttons.cancel'),\n    className:\n      'ds-rounded-lg ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-py-3 ds-px-4 ds-h-auto ds-mx-1',\n    onClick: (dp) => {\n      dp.clear();\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n  },\n  {\n    content: t('ds.components.base.date_picker.buttons.confirm'),\n    className: `${id.value}-btn-confirm ds-rounded-lg focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-py-3 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-h-auto ds-mx-1`,\n    onClick: (dp) => {\n      value.value = selectedDate.value !== undefined ? selectedDate.value : '';\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n    attrs: props.required\n      ? {\n          disabled: '',\n        }\n      : undefined,\n  },\n]);\nconst datePickerOptions = computed(() => {\n  const datePickerLocale: AirDatepickerLocale = {\n    days: [\n      t('ds.components.base.date_picker.days.sunday'),\n      t('ds.components.base.date_picker.days.monday'),\n      t('ds.components.base.date_picker.days.tuesday'),\n      t('ds.components.base.date_picker.days.wednesday'),\n      t('ds.components.base.date_picker.days.thursday'),\n      t('ds.components.base.date_picker.days.friday'),\n      t('ds.components.base.date_picker.days.saturday'),\n    ],\n    daysShort: [\n      t('ds.components.base.date_picker.days_short.sunday'),\n      t('ds.components.base.date_picker.days_short.monday'),\n      t('ds.components.base.date_picker.days_short.tuesday'),\n      t('ds.components.base.date_picker.days_short.wednesday'),\n      t('ds.components.base.date_picker.days_short.thursday'),\n      t('ds.components.base.date_picker.days_short.friday'),\n      t('ds.components.base.date_picker.days_short.saturday'),\n    ],\n    daysMin: [\n      t('ds.components.base.date_picker.days_min.sunday'),\n      t('ds.components.base.date_picker.days_min.monday'),\n      t('ds.components.base.date_picker.days_min.tuesday'),\n      t('ds.components.base.date_picker.days_min.wednesday'),\n      t('ds.components.base.date_picker.days_min.thursday'),\n      t('ds.components.base.date_picker.days_min.friday'),\n      t('ds.components.base.date_picker.days_min.saturday'),\n    ],\n    months: [\n      t('ds.components.base.date_picker.months.january'),\n      t('ds.components.base.date_picker.months.february'),\n      t('ds.components.base.date_picker.months.march'),\n      t('ds.components.base.date_picker.months.april'),\n      t('ds.components.base.date_picker.months.may'),\n      t('ds.components.base.date_picker.months.june'),\n      t('ds.components.base.date_picker.months.july'),\n      t('ds.components.base.date_picker.months.august'),\n      t('ds.components.base.date_picker.months.september'),\n      t('ds.components.base.date_picker.months.october'),\n      t('ds.components.base.date_picker.months.november'),\n      t('ds.components.base.date_picker.months.december'),\n    ],\n    monthsShort: [\n      t('ds.components.base.date_picker.months_short.january'),\n      t('ds.components.base.date_picker.months_short.february'),\n      t('ds.components.base.date_picker.months_short.march'),\n      t('ds.components.base.date_picker.months_short.april'),\n      t('ds.components.base.date_picker.months_short.may'),\n      t('ds.components.base.date_picker.months_short.june'),\n      t('ds.components.base.date_picker.months_short.july'),\n      t('ds.components.base.date_picker.months_short.august'),\n      t('ds.components.base.date_picker.months_short.september'),\n      t('ds.components.base.date_picker.months_short.october'),\n      t('ds.components.base.date_picker.months_short.november'),\n      t('ds.components.base.date_picker.months_short.december'),\n    ],\n    today: t('ds.components.base.date_picker.buttons.today'),\n    clear: t('ds.components.base.date_picker.buttons.clear'),\n    dateFormat: 'dd/MM/yyyy',\n    timeFormat: 'HH:mm',\n    firstDay: 1, // Monday\n  };\n  const onSelectDatePicker = ({\n    date,\n  }: {\n    date: Date | Date[];\n    formattedDate: string | string[];\n    datepicker: AirDatepicker;\n  }) => {\n    // 'date' is undefined when clicking 'Clear' button/ deselect the date\n    selectedDate.value = date;\n    if (props.required) {\n      toggleButtonCofirm(!!date);\n    }\n  };\n\n  return {\n    locale: datePickerLocale,\n    selectedDates: [props.modelValue],\n    onSelect: onSelectDatePicker,\n    buttons: [...datePickerButtons.value],\n    showOtherMonths: false,\n    timepicker: props.timepicker,\n    onlyTimepicker: props.onlyTimepicker,\n    minDate: props.minDate,\n    maxDate: props.maxDate,\n    view: props.view,\n    onHide: onHidePicker,\n    onShow: onShowPicker,\n    navTitles: {\n      days: 'MMMM yyyy',\n    },\n    position: props.position,\n  } as AirDatepickerOptions;\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 inputCssClassValue = computed(() => [\n  'ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]',\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    '!ds-border-focus ds-ring-1 ds-ring-focus': datePickerVisible.value,\n  },\n  props.inputCssClass,\n]);\nconst isToday = computed(() => {\n  if (!props.modelValue) {\n    return false;\n  }\n  return (\n    currentDate.getDate() === props.modelValue.getDate() &&\n    currentDate.getMonth() === props.modelValue.getMonth() &&\n    currentDate.getFullYear() === props.modelValue.getFullYear()\n  );\n});\nconst inputMaskOptions = computed(() => {\n  const result: any = {\n    mask: IMask.MaskedDate,\n    pattern: dateFormat,\n    lazy: true,\n\n    format: (date: any) => moment(date).format(dateFormat),\n    parse: (str: string) => moment(str, dateFormat),\n\n    blocks: {\n      YYYY: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 9999,\n      },\n      MM: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 12,\n      },\n      DD: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 31,\n      },\n    },\n  };\n\n  if (props.minDate) {\n    result.min = props.minDate;\n  }\n  if (props.maxDate) {\n    result.max = props.maxDate;\n  }\n\n  return result;\n});\nconst datePickerVisible = ref(false);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n/**\n * Watch\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    // Make sure to update value once\n    if (checkIfModelNeedToSync(datePicker.selectedDates[0])) {\n      if (props.modelValue) {\n        datePicker.selectDate(props.modelValue);\n      } else {\n        datePicker.clear();\n      }\n    }\n    if (checkIfModelNeedToSync(getInputMaskDate())) {\n      mask.value = formatDate(props.modelValue);\n    }\n  },\n  { deep: true }\n);\nwatch(locale, () => {\n  datePicker.update(datePickerOptions.value);\n});\n\nonMounted(() => {\n  // Picker\n  datePicker = new AirDatepicker<HTMLInputElement>(\n    `#${id.value}Picker`,\n    datePickerOptions.value\n  );\n  // Input mask\n  mask = IMask(inputMaskRef.value!, inputMaskOptions.value);\n  mask.value = formatDate(props.modelValue);\n  mask.on('accept', onAccept);\n  mask.on('complete', onComplete);\n});\n\n/**\n * Methods\n */\nconst formatDate = (date: string | Date) =>\n  checkIfISOFormat(date) ? moment(date).format(dateFormat) : date;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onHidePicker = (isAnimationComplete: boolean) => {\n  datePickerVisible.value = false;\n  unlockScrollBody();\n};\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onShowPicker = (isAnimationComplete: boolean) => {\n  datePickerVisible.value = true;\n  if (props.modelValue) {\n    datePicker.selectDate(props.modelValue);\n  } else {\n    datePicker.clear();\n  }\n  lockScrollBody();\n};\nconst onAccept = () => {\n  if (!mask.unmaskedValue) {\n    emit('update:modelValue', '');\n  }\n};\nconst onComplete = () => {\n  const date = getInputMaskDate();\n  return date ? emit('update:modelValue', date) : emit('update:modelValue', '');\n};\nconst onBlur = () => {\n  const date = getInputMaskDate();\n  validate();\n  if (!checkIfModelNeedToSync(date)) {\n    return;\n  }\n  emit('update:modelValue', date === undefined ? '' : date);\n};\nconst checkIfModelNeedToSync = (date: any) => {\n  const ruleEngine = [\n    !props.modelValue && date,\n    !date && props.modelValue,\n    props.modelValue && date && props.modelValue.getTime() !== date.getTime(),\n  ];\n\n  return ruleEngine.some((r) => r);\n};\nconst getInputMaskDate = () => {\n  const arr = mask.value.split('/');\n  const dateStr = `${arr[2]}-${arr[1]}-${arr[0]}`;\n  // Check if string is in ISO format\n  if (moment(dateStr, moment.ISO_8601, true).isValid()) {\n    return new Date(dateStr);\n  }\n\n  return undefined;\n};\nconst toggleButtonCofirm = (enabled: boolean) => {\n  const btnEl = document.querySelector(`.${id.value}-btn-confirm`);\n  if (enabled) {\n    btnEl?.removeAttribute('disabled');\n  } else {\n    btnEl?.setAttribute('disabled', '');\n  }\n};\n\n/**\n * Lifecycle hooks\n */\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputMaskRef\",\n        ref: inputMaskRef,\n        class: _normalizeClass([\"ds-relative ds-z-[2] ds-drop-shadow-light\", inputCssClassValue.value]),\n        placeholder: _ctx.placeholder,\n        disabled: _ctx.disabled,\n        onBlur: onBlur\n      }, null, 42, _hoisted_2),\n      _createElementVNode(\"input\", {\n        id: `${id.value}Picker`,\n        readonly: \"\",\n        class: _normalizeClass([\"ds-absolute ds-top-0 ds-z-[1]\", inputCssClassValue.value]),\n        disabled: _ctx.disabled\n      }, null, 10, _hoisted_3),\n      (_ctx.showHintToday && isToday.value)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: id.value,\n            class: \"ds-absolute ds-left-[98px] ds-top-2.5 ds-z-[3] ds-text-sm\"\n          }, _toDisplayString(`(${_ctx.$t('ds.components.base.date_picker.today')})`), 9, _hoisted_4))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"label\", {\n        for: `${id.value}Picker`,\n        class: \"ds-absolute ds-right-3 ds-top-2 ds-z-[3]\"\n      }, [\n        _createElementVNode(\"i\", {\n          class: _normalizeClass([\"fa-solid fa-calendar-lines\", [\n            props.disabled ? 'ds-text-black/[0.4]' : 'ds-text-black/[0.85]',\n          ]])\n        }, null, 2)\n      ], 8, _hoisted_5)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          class: \"ds-mt-1\",\n          \"error-message\": _unref(validationResult).errorMessage(),\n          \"prepend-icon\": \"fa-solid fa-circle-exclamation\"\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","__props","emit","props","t","locale","useI18n","dateFormat","DateDelimiter","currentDate","datePicker","mask","inputMaskRef","ref","validateRequired","val","selectedDate","id","computed","uuid","value","datePickerButtons","dp","nextTick","validate","datePickerOptions","datePickerLocale","onSelectDatePicker","date","toggleButtonCofirm","onHidePicker","onShowPicker","vRules","result","inputCssClassValue","validationResult","datePickerVisible","isToday","inputMaskOptions","IMask","moment","str","useValidationField","watch","checkIfModelNeedToSync","getInputMaskDate","formatDate","onMounted","AirDatepicker","onAccept","onComplete","checkIfISOFormat","isAnimationComplete","unlockScrollBody","lockScrollBody","onBlur","r","arr","dateStr","enabled","btnEl","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system20.mjs","sources":["../src/components/BDatePicker.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = [\"id\", \"placeholder\", \"disabled\"]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = [\"for\"]\nconst _hoisted_5 = [\"for\"]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\n// https://imask.js.org/guide.html#getting-started\nimport IMask from '@/vendor/imask-6.4.3.js';\n/**\n * https://stackoverflow.com/questions/25384360/how-to-prevent-moment-js-from-loading-locales-with-webpack\n * Due to this issue with moment (it loads a bunch of unnecessary ./locale)\n * https://github.com/ksloan/moment-mini\n */\nimport moment from 'moment-mini';\nimport { useI18n } from 'vue-i18n';\n// https://air-datepicker.com/docs\n// DO NOT upgrade to the higher version than 3.3.0\nimport AirDatepicker, {\n  type AirDatepickerLocale,\n  type AirDatepickerOptions,\n  type AirDatepickerButton,\n} from 'air-datepicker';\n\nimport { v4 as uuid } from 'uuid';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport BLabel from './BLabel.vue';\nimport BErrorMessage from './BErrorMessage.vue';\nimport { checkIfISOFormat } from '@/helpers/DateHelper';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { DateDelimiter } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  modelValue: any;\n  label?: string;\n  validationRules?: ValidationRule[];\n  placeholder?: string;\n  required?: boolean;\n  requiredErrorMessage?: string;\n  disabled?: boolean;\n  timepicker?: boolean;\n  onlyTimepicker?: boolean;\n  inputCssClass?: string;\n  minDate?: any;\n  maxDate?: any;\n  showHintToday?: boolean;\n  view?: string;\n  hideDetails?: boolean;\n  position?: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDatePicker',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    timepicker: { type: Boolean, default: false },\n    onlyTimepicker: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    minDate: { default: '' },\n    maxDate: { default: '' },\n    showHintToday: { type: Boolean, default: false },\n    view: { default: 'days' },\n    hideDetails: { type: Boolean, default: false },\n    position: { default: 'bottom left' }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t, locale } = useI18n();\nconst dateFormat = `DD${DateDelimiter}MM${DateDelimiter}YYYY`; // moment's date format\nconst currentDate = new Date();\nlet datePicker: AirDatepicker<HTMLInputElement>;\nlet mask: any;\nconst inputMaskRef = ref<HTMLElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst selectedDate = ref();\n\n/**\n * Computed\n */\n// The \"Failed to execute 'querySelector' on Document\" error occurs when using querySelector method with an identifier that starts with a digit\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 datePickerButtons = computed<AirDatepickerButton[]>(() => [\n  {\n    content: t('ds.components.base.date_picker.buttons.cancel'),\n    className:\n      'ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1',\n    onClick: (dp) => {\n      dp.clear();\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n  },\n  {\n    content: t('ds.components.base.date_picker.buttons.confirm'),\n    className: `${id.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,\n    onClick: (dp) => {\n      value.value = selectedDate.value !== undefined ? selectedDate.value : '';\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n    attrs: props.required\n      ? {\n          disabled: '',\n        }\n      : undefined,\n  },\n]);\nconst datePickerOptions = computed(() => {\n  const datePickerLocale: AirDatepickerLocale = {\n    days: [\n      t('ds.components.base.date_picker.days.sunday'),\n      t('ds.components.base.date_picker.days.monday'),\n      t('ds.components.base.date_picker.days.tuesday'),\n      t('ds.components.base.date_picker.days.wednesday'),\n      t('ds.components.base.date_picker.days.thursday'),\n      t('ds.components.base.date_picker.days.friday'),\n      t('ds.components.base.date_picker.days.saturday'),\n    ],\n    daysShort: [\n      t('ds.components.base.date_picker.days_short.sunday'),\n      t('ds.components.base.date_picker.days_short.monday'),\n      t('ds.components.base.date_picker.days_short.tuesday'),\n      t('ds.components.base.date_picker.days_short.wednesday'),\n      t('ds.components.base.date_picker.days_short.thursday'),\n      t('ds.components.base.date_picker.days_short.friday'),\n      t('ds.components.base.date_picker.days_short.saturday'),\n    ],\n    daysMin: [\n      t('ds.components.base.date_picker.days_min.sunday'),\n      t('ds.components.base.date_picker.days_min.monday'),\n      t('ds.components.base.date_picker.days_min.tuesday'),\n      t('ds.components.base.date_picker.days_min.wednesday'),\n      t('ds.components.base.date_picker.days_min.thursday'),\n      t('ds.components.base.date_picker.days_min.friday'),\n      t('ds.components.base.date_picker.days_min.saturday'),\n    ],\n    months: [\n      t('ds.components.base.date_picker.months.january'),\n      t('ds.components.base.date_picker.months.february'),\n      t('ds.components.base.date_picker.months.march'),\n      t('ds.components.base.date_picker.months.april'),\n      t('ds.components.base.date_picker.months.may'),\n      t('ds.components.base.date_picker.months.june'),\n      t('ds.components.base.date_picker.months.july'),\n      t('ds.components.base.date_picker.months.august'),\n      t('ds.components.base.date_picker.months.september'),\n      t('ds.components.base.date_picker.months.october'),\n      t('ds.components.base.date_picker.months.november'),\n      t('ds.components.base.date_picker.months.december'),\n    ],\n    monthsShort: [\n      t('ds.components.base.date_picker.months_short.january'),\n      t('ds.components.base.date_picker.months_short.february'),\n      t('ds.components.base.date_picker.months_short.march'),\n      t('ds.components.base.date_picker.months_short.april'),\n      t('ds.components.base.date_picker.months_short.may'),\n      t('ds.components.base.date_picker.months_short.june'),\n      t('ds.components.base.date_picker.months_short.july'),\n      t('ds.components.base.date_picker.months_short.august'),\n      t('ds.components.base.date_picker.months_short.september'),\n      t('ds.components.base.date_picker.months_short.october'),\n      t('ds.components.base.date_picker.months_short.november'),\n      t('ds.components.base.date_picker.months_short.december'),\n    ],\n    today: t('ds.components.base.date_picker.buttons.today'),\n    clear: t('ds.components.base.date_picker.buttons.clear'),\n    dateFormat: 'dd/MM/yyyy',\n    timeFormat: 'HH:mm',\n    firstDay: 1, // Monday\n  };\n  const onSelectDatePicker = ({\n    date,\n  }: {\n    date: Date | Date[];\n    formattedDate: string | string[];\n    datepicker: AirDatepicker;\n  }) => {\n    // 'date' is undefined when clicking 'Clear' button/ deselect the date\n    selectedDate.value = date;\n    if (props.required) {\n      toggleButtonCofirm(!!date);\n    }\n  };\n\n  return {\n    locale: datePickerLocale,\n    selectedDates: [props.modelValue],\n    onSelect: onSelectDatePicker,\n    buttons: [...datePickerButtons.value],\n    showOtherMonths: false,\n    timepicker: props.timepicker,\n    onlyTimepicker: props.onlyTimepicker,\n    minDate: props.minDate,\n    maxDate: props.maxDate,\n    view: props.view,\n    onHide: onHidePicker,\n    onShow: onShowPicker,\n    navTitles: {\n      days: 'MMMM yyyy',\n    },\n    position: props.position,\n  } as AirDatepickerOptions;\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 inputCssClassValue = computed(() => [\n  'ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]',\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    '!ds-border-focus ds-ring-1 ds-ring-focus': datePickerVisible.value,\n  },\n  props.inputCssClass,\n]);\nconst isToday = computed(() => {\n  if (!props.modelValue) {\n    return false;\n  }\n  return (\n    currentDate.getDate() === props.modelValue.getDate() &&\n    currentDate.getMonth() === props.modelValue.getMonth() &&\n    currentDate.getFullYear() === props.modelValue.getFullYear()\n  );\n});\nconst inputMaskOptions = computed(() => {\n  const result: any = {\n    mask: IMask.MaskedDate,\n    pattern: dateFormat,\n    lazy: true,\n\n    format: (date: any) => moment(date).format(dateFormat),\n    parse: (str: string) => moment(str, dateFormat),\n\n    blocks: {\n      YYYY: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 9999,\n      },\n      MM: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 12,\n      },\n      DD: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 31,\n      },\n    },\n  };\n\n  if (props.minDate) {\n    result.min = props.minDate;\n  }\n  if (props.maxDate) {\n    result.max = props.maxDate;\n  }\n\n  return result;\n});\nconst datePickerVisible = ref(false);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n/**\n * Watch\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    // Make sure to update value once\n    if (checkIfModelNeedToSync(datePicker.selectedDates[0])) {\n      if (props.modelValue) {\n        datePicker.selectDate(props.modelValue);\n      } else {\n        datePicker.clear();\n      }\n    }\n    if (checkIfModelNeedToSync(getInputMaskDate())) {\n      mask.value = formatDate(props.modelValue);\n    }\n  },\n  { deep: true }\n);\nwatch(locale, () => {\n  datePicker.update(datePickerOptions.value);\n});\n\nonMounted(() => {\n  // Picker\n  datePicker = new AirDatepicker<HTMLInputElement>(\n    `#${id.value}Picker`,\n    datePickerOptions.value\n  );\n  // Input mask\n  mask = IMask(inputMaskRef.value!, inputMaskOptions.value);\n  mask.value = formatDate(props.modelValue);\n  mask.on('accept', onAccept);\n  mask.on('complete', onComplete);\n});\n\n/**\n * Methods\n */\nconst formatDate = (date: string | Date) =>\n  checkIfISOFormat(date) ? moment(date).format(dateFormat) : date;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onHidePicker = (isAnimationComplete: boolean) => {\n  datePickerVisible.value = false;\n  unlockScrollBody();\n};\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onShowPicker = (isAnimationComplete: boolean) => {\n  datePickerVisible.value = true;\n  if (props.modelValue) {\n    datePicker.selectDate(props.modelValue);\n  } else {\n    datePicker.clear();\n  }\n  lockScrollBody();\n};\nconst onAccept = () => {\n  if (!mask.unmaskedValue) {\n    emit('update:modelValue', '');\n  }\n};\nconst onComplete = () => {\n  const date = getInputMaskDate();\n  return date ? emit('update:modelValue', date) : emit('update:modelValue', '');\n};\nconst onBlur = () => {\n  const date = getInputMaskDate();\n  validate();\n  if (!checkIfModelNeedToSync(date)) {\n    return;\n  }\n  emit('update:modelValue', date === undefined ? '' : date);\n};\nconst checkIfModelNeedToSync = (date: any) => {\n  const ruleEngine = [\n    !props.modelValue && date,\n    !date && props.modelValue,\n    props.modelValue && date && props.modelValue.getTime() !== date.getTime(),\n  ];\n\n  return ruleEngine.some((r) => r);\n};\nconst getInputMaskDate = () => {\n  const arr = mask.value.split('/');\n  const dateStr = `${arr[2]}-${arr[1]}-${arr[0]}`;\n  // Check if string is in ISO format\n  if (moment(dateStr, moment.ISO_8601, true).isValid()) {\n    return new Date(dateStr);\n  }\n\n  return undefined;\n};\nconst toggleButtonCofirm = (enabled: boolean) => {\n  const btnEl = document.querySelector(`.${id.value}-btn-confirm`);\n  if (enabled) {\n    btnEl?.removeAttribute('disabled');\n  } else {\n    btnEl?.setAttribute('disabled', '');\n  }\n};\n\n/**\n * Lifecycle hooks\n */\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputMaskRef\",\n        ref: inputMaskRef,\n        class: _normalizeClass([\"ds-relative ds-z-[2] ds-drop-shadow-light\", inputCssClassValue.value]),\n        placeholder: _ctx.placeholder,\n        disabled: _ctx.disabled,\n        onBlur: onBlur\n      }, null, 42, _hoisted_2),\n      _createElementVNode(\"input\", {\n        id: `${id.value}Picker`,\n        readonly: \"\",\n        class: _normalizeClass([\"ds-absolute ds-top-0 ds-z-[1]\", inputCssClassValue.value]),\n        disabled: _ctx.disabled\n      }, null, 10, _hoisted_3),\n      (_ctx.showHintToday && isToday.value)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: id.value,\n            class: \"ds-absolute ds-left-[98px] ds-top-2.5 ds-z-[3] ds-text-sm\"\n          }, _toDisplayString(`(${_ctx.$t('ds.components.base.date_picker.today')})`), 9, _hoisted_4))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"label\", {\n        for: `${id.value}Picker`,\n        class: \"ds-absolute ds-right-3 ds-top-2 ds-z-[3]\"\n      }, [\n        _createElementVNode(\"i\", {\n          class: _normalizeClass([\"fa-solid fa-calendar-lines\", [\n            props.disabled ? 'ds-text-black/[0.4]' : 'ds-text-black/[0.85]',\n          ]])\n        }, null, 2)\n      ], 8, _hoisted_5)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          class: \"ds-mt-1\",\n          \"error-message\": _unref(validationResult).errorMessage(),\n          \"prepend-icon\": \"fa-solid fa-circle-exclamation\"\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","__props","emit","props","t","locale","useI18n","dateFormat","DateDelimiter","currentDate","datePicker","mask","inputMaskRef","ref","validateRequired","val","selectedDate","id","computed","uuid","value","datePickerButtons","dp","nextTick","validate","datePickerOptions","datePickerLocale","onSelectDatePicker","date","toggleButtonCofirm","onHidePicker","onShowPicker","vRules","result","inputCssClassValue","validationResult","datePickerVisible","isToday","inputMaskOptions","IMask","moment","str","useValidationField","watch","checkIfModelNeedToSync","getInputMaskDate","formatDate","onMounted","AirDatepicker","onAccept","onComplete","checkIfISOFormat","isAnimationComplete","unlockScrollBody","lockScrollBody","onBlur","r","arr","dateStr","enabled","btnEl","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system200.js

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

package/dist/design-system200.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system200.js","sources":["../node_modules/lodash-es/_stackClear.js"],"sourcesContent":["import ListCache from './_ListCache.js';\n\n/**\n * Removes all key-value entries from the stack.\n *\n * @private\n * @name clear\n * @memberOf Stack\n */\nfunction stackClear() {\n  this.__data__ = new ListCache;\n  this.size = 0;\n}\n\nexport default stackClear;\n"],"names":["stackClear","ListCache"],"mappings":"sDASA,SAASA,GAAa,CACpB,KAAK,SAAW,IAAIC,EACpB,KAAK,KAAO,CACd","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system200.js","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":"qDAUA,SAASA,EAAaC,EAAOC,EAAK,CAEhC,QADIC,EAASF,EAAM,OACZE,KACL,GAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,EAAGD,CAAG,EAC1B,OAAOC,EAGX,MAAO,EACT","x_google_ignoreList":[0]}

package/dist/design-system200.mjs

@@ -1,8 +1,11 @@
-import t from "./design-system199.mjs";
-function e() {
-  this.__data__ = new t(), this.size = 0;
+import r from "./design-system94.mjs";
+function o(t, n) {
+  for (var e = t.length; e--; )
+    if (r(t[e][0], n))
+      return e;
+  return -1;
 }
 export {
-  e as default
+  o as default
 };
 //# sourceMappingURL=design-system200.mjs.map

package/dist/design-system200.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system200.mjs","sources":["../node_modules/lodash-es/_stackClear.js"],"sourcesContent":["import ListCache from './_ListCache.js';\n\n/**\n * Removes all key-value entries from the stack.\n *\n * @private\n * @name clear\n * @memberOf Stack\n */\nfunction stackClear() {\n  this.__data__ = new ListCache;\n  this.size = 0;\n}\n\nexport default stackClear;\n"],"names":["stackClear","ListCache"],"mappings":";AASA,SAASA,IAAa;AACpB,OAAK,WAAW,IAAIC,KACpB,KAAK,OAAO;AACd;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system200.mjs","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":";AAUA,SAASA,EAAaC,GAAOC,GAAK;AAEhC,WADIC,IAASF,EAAM,QACZE;AACL,QAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,GAAGD,CAAG;AAC1B,aAAOC;AAGX,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/design-system201.js

@@ -1,2 +1,2 @@
-"use strict";function a(e){var t=this.__data__,s=t.delete(e);return this.size=t.size,s}module.exports=a;
+"use strict";const e=require("./design-system171.js");var t=e(Object,"create");const r=t;module.exports=r;
 //# sourceMappingURL=design-system201.js.map

package/dist/design-system201.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system201.js","sources":["../node_modules/lodash-es/_stackDelete.js"],"sourcesContent":["/**\n * Removes `key` and its value from the stack.\n *\n * @private\n * @name delete\n * @memberOf Stack\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction stackDelete(key) {\n  var data = this.__data__,\n      result = data['delete'](key);\n\n  this.size = data.size;\n  return result;\n}\n\nexport default stackDelete;\n"],"names":["stackDelete","key","data","result"],"mappings":"aASA,SAASA,EAAYC,EAAK,CACxB,IAAIC,EAAO,KAAK,SACZC,EAASD,EAAK,OAAUD,CAAG,EAE/B,YAAK,KAAOC,EAAK,KACVC,CACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system201.js","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":"sDAGA,IAAIA,EAAeC,EAAU,OAAQ,QAAQ,EAE7C,MAAAC,EAAeF","x_google_ignoreList":[0]}

package/dist/design-system201.mjs

@@ -1,8 +1,7 @@
-function s(t) {
-  var e = this.__data__, a = e.delete(t);
-  return this.size = e.size, a;
-}
+import e from "./design-system171.mjs";
+var t = e(Object, "create");
+const r = t;
 export {
-  s as default
+  r as default
 };
 //# sourceMappingURL=design-system201.mjs.map

package/dist/design-system201.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system201.mjs","sources":["../node_modules/lodash-es/_stackDelete.js"],"sourcesContent":["/**\n * Removes `key` and its value from the stack.\n *\n * @private\n * @name delete\n * @memberOf Stack\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction stackDelete(key) {\n  var data = this.__data__,\n      result = data['delete'](key);\n\n  this.size = data.size;\n  return result;\n}\n\nexport default stackDelete;\n"],"names":["stackDelete","key","data","result"],"mappings":"AASA,SAASA,EAAYC,GAAK;AACxB,MAAIC,IAAO,KAAK,UACZC,IAASD,EAAK,OAAUD,CAAG;AAE/B,cAAK,OAAOC,EAAK,MACVC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system201.mjs","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":";AAGA,IAAIA,IAAeC,EAAU,QAAQ,QAAQ;AAE7C,MAAAC,IAAeF;","x_google_ignoreList":[0]}

package/dist/design-system21.js

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

package/dist/design-system21.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system21.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system21.js","sources":["../src/components/BTextarea.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, vModelText as _vModelText, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"id\", \"rows\", \"placeholder\", \"autocomplete\", \"disabled\", \"readonly\"]\n\nimport { v4 as uuid } from 'uuid';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BLabel from './BLabel.vue';\nimport BErrorMessage from './BErrorMessage.vue';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: string;\n  validationRules?: ValidationRule[];\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  rows?: number;\n  required?: boolean;\n  requiredErrorMessage?: string;\n  hideDetails?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextarea',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    validationRules: { default: undefined },\n    label: { default: '' },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    rows: { default: 3 },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\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/40': 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 { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n__expose({ validate });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _withDirectives(_createElementVNode(\"textarea\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([\"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light\", inputCssClassValue.value]),\n      rows: props.rows,\n      placeholder: props.placeholder,\n      autocomplete: props.autocomplete ? 'on' : 'off',\n      disabled: props.disabled,\n      readonly: props.readonly\n    }, null, 10, _hoisted_1), [\n      [_vModelText, value.value]\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          class: \"ds-mt-1\",\n          \"error-message\": _unref(validationResult).errorMessage()\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_withDirectives","_createElementVNode","$event","_normalizeClass","_vModelText","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system21.mjs

@@ -1,5 +1,81 @@
-const e = "";
+import { defineComponent as g, computed as o, openBlock as t, createElementBlock as y, createVNode as h, withDirectives as V, createElementVNode as q, normalizeClass as B, vModelText as C, createBlock as k, unref as w, createCommentVNode as _ } from "vue";
+import { useValidationField as x } from "./design-system2.mjs";
+import { useI18n as R } from "./design-system38.mjs";
+import M from "./design-system30.mjs";
+import E from "./design-system31.mjs";
+import D from "./design-system79.mjs";
+const I = ["id", "rows", "placeholder", "autocomplete", "disabled", "readonly"], j = /* @__PURE__ */ g({
+  __name: "BTextarea",
+  props: {
+    inputId: { default: "" },
+    inputCssClass: { default: "" },
+    modelValue: {},
+    validationRules: { default: void 0 },
+    label: { default: "" },
+    placeholder: { default: "" },
+    autocomplete: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    rows: { default: 3 },
+    required: { type: Boolean, default: !1 },
+    requiredErrorMessage: { default: "" },
+    hideDetails: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { expose: i, emit: n }) {
+    const l = u, { t: f } = R(), c = {
+      validateRule: (e) => typeof e == "number" ? !!e : !!(e && (e != null && e.trim())),
+      errorMessage: () => l.requiredErrorMessage || f("ds.global.field_required")
+    }, d = o(() => l.inputId || `id-${D()}`), a = o({
+      get() {
+        return l.modelValue;
+      },
+      set(e) {
+        n("update:modelValue", e);
+      }
+    }), p = o(() => [
+      {
+        "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40": l.disabled,
+        "ds-text-black/[0.85]": !l.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
+      },
+      l.inputCssClass
+    ]), m = o(() => {
+      let e = [];
+      return l.required && e.push(c), l.validationRules && (e = e.concat(l.validationRules)), e.length ? e : void 0;
+    }), { validate: b, validationResult: r } = x(
+      d.value,
+      a,
+      m.value
+    );
+    return i({ validate: b }), (e, s) => (t(), y("div", null, [
+      h(M, {
+        id: d.value,
+        label: e.label,
+        required: e.required
+      }, null, 8, ["id", "label", "required"]),
+      V(q("textarea", {
+        id: d.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (v) => a.value = v),
+        class: B(["ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light", p.value]),
+        rows: l.rows,
+        placeholder: l.placeholder,
+        autocomplete: l.autocomplete ? "on" : "off",
+        disabled: l.disabled,
+        readonly: l.readonly
+      }, null, 10, I), [
+        [C, a.value]
+      ]),
+      e.hideDetails ? _("", !0) : (t(), k(E, {
+        key: 0,
+        class: "ds-mt-1",
+        "error-message": w(r).errorMessage()
+      }, null, 8, ["error-message"]))
+    ]));
+  }
+});
 export {
-  e as default
+  j as default
 };
 //# sourceMappingURL=design-system21.mjs.map

package/dist/design-system21.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system21.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system21.mjs","sources":["../src/components/BTextarea.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, vModelText as _vModelText, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"id\", \"rows\", \"placeholder\", \"autocomplete\", \"disabled\", \"readonly\"]\n\nimport { v4 as uuid } from 'uuid';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BLabel from './BLabel.vue';\nimport BErrorMessage from './BErrorMessage.vue';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: string;\n  validationRules?: ValidationRule[];\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  rows?: number;\n  required?: boolean;\n  requiredErrorMessage?: string;\n  hideDetails?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextarea',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    validationRules: { default: undefined },\n    label: { default: '' },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    rows: { default: 3 },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\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/40': 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 { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n__expose({ validate });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _withDirectives(_createElementVNode(\"textarea\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([\"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light\", inputCssClassValue.value]),\n      rows: props.rows,\n      placeholder: props.placeholder,\n      autocomplete: props.autocomplete ? 'on' : 'off',\n      disabled: props.disabled,\n      readonly: props.readonly\n    }, null, 10, _hoisted_1), [\n      [_vModelText, value.value]\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          class: \"ds-mt-1\",\n          \"error-message\": _unref(validationResult).errorMessage()\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_withDirectives","_createElementVNode","$event","_normalizeClass","_vModelText","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system22.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("vue"),b=require("./design-system2.js"),g=require("./design-system39.js"),_=require("./design-system31.js"),q=require("./design-system32.js"),y=require("./design-system80.js"),B=["id","rows","placeholder","autocomplete","disabled","readonly"],h=l.defineComponent({__name:"BTextarea",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},validationRules:{default:void 0},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rows:{default:3},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{expose:u,emit:i}){const s=a,{t:n}=g.useI18n(),c={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||n("ds.global.field_required")},r=l.computed(()=>s.inputId||`id-${y()}`),t=l.computed({get(){return s.modelValue},set(e){i("update:modelValue",e)}}),p=l.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},s.inputCssClass]),f=l.computed(()=>{let e=[];return s.required&&e.push(c),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:m,validationResult:d}=b.useValidationField(r.value,t,f.value);return u({validate:m}),(e,o)=>(l.openBlock(),l.createElementBlock("div",null,[l.createVNode(_,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),l.withDirectives(l.createElementVNode("textarea",{id:r.value,"onUpdate:modelValue":o[0]||(o[0]=v=>t.value=v),class:l.normalizeClass(["ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light",p.value]),rows:s.rows,placeholder:s.placeholder,autocomplete:s.autocomplete?"on":"off",disabled:s.disabled,readonly:s.readonly},null,10,B),[[l.vModelText,t.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(q,{key:0,class:"ds-mt-1","error-message":l.unref(d).errorMessage()},null,8,["error-message"]))]))}});module.exports=h;
+"use strict";const e=require("vue"),l=require("./design-system5.js"),r={key:0,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},i=["innerHTML"],u=e.createElementVNode("i",{class:"fa-solid fa-xmark ds-text-lg"},null,-1),m=[u],f=e.defineComponent({__name:"BToastItem",props:{text:{default:""},icon:{default:""},type:{default:l.BToastItemType.Default},hideClose:{type:Boolean,default:!1}},emits:["close"],setup(c,{emit:d}){const t=c,n=e.computed(()=>{let s="ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";switch(t.type){case l.BToastItemType.Success:s+="ds-bg-[#00a86b] ds-text-white ";break;case l.BToastItemType.Error:s+="ds-bg-red-600 ds-text-white ";break;case l.BToastItemType.Default:default:s+="ds-bg-white ds-text-primary-t "}return s}),o=e.ref({success:"fa-solid fa-circle-check",error:"fa-solid fa-circle-exclamation",default:""});return(s,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[t.icon||o.value[t.type]?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("i",{class:e.normalizeClass([t.icon||o.value[t.type],"ds-text-lg"])},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"ds-flex-auto ds-text-sm ds-font-normal",innerHTML:s.text},null,8,i),t.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",onClick:a[0]||(a[0]=p=>d("close"))},m))],2))}});module.exports=f;
 //# sourceMappingURL=design-system22.js.map