@7pmlabs/design-system 0.4.0 → 0.4.1

package/dist/design-system2.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system2.js","sources":["../src/composables/Date.ts"],"sourcesContent":["import { padStartZero } from '@/helpers/DateHelper';\r\nimport { computed } from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\n\r\nexport function useDate() {\r\n  /**\r\n   * Data\r\n   */\r\n  const { t, locale } = useI18n();\r\n  const dayNames = computed<Record<number, string>>(() => ({\r\n    0: t('ds.components.base.date_picker.days.sunday'),\r\n    1: t('ds.components.base.date_picker.days.monday'),\r\n    2: t('ds.components.base.date_picker.days.tuesday'),\r\n    3: t('ds.components.base.date_picker.days.wednesday'),\r\n    4: t('ds.components.base.date_picker.days.thursday'),\r\n    5: t('ds.components.base.date_picker.days.friday'),\r\n    6: t('ds.components.base.date_picker.days.saturday'),\r\n  }));\r\n  const monthNames = computed<Record<number, string>>(() => ({\r\n    0: t('ds.components.base.date_picker.months.january'),\r\n    1: t('ds.components.base.date_picker.months.february'),\r\n    2: t('ds.components.base.date_picker.months.march'),\r\n    3: t('ds.components.base.date_picker.months.april'),\r\n    4: t('ds.components.base.date_picker.months.may'),\r\n    5: t('ds.components.base.date_picker.months.june'),\r\n    6: t('ds.components.base.date_picker.months.july'),\r\n    7: t('ds.components.base.date_picker.months.august'),\r\n    8: t('ds.components.base.date_picker.months.september'),\r\n    9: t('ds.components.base.date_picker.months.october'),\r\n    10: t('ds.components.base.date_picker.months.november'),\r\n    11: t('ds.components.base.date_picker.months.december'),\r\n  }));\r\n  const monthShortNames = computed<Record<number, string>>(() => ({\r\n    0: t('ds.components.base.date_picker.months_short.january'),\r\n    1: t('ds.components.base.date_picker.months_short.february'),\r\n    2: t('ds.components.base.date_picker.months_short.march'),\r\n    3: t('ds.components.base.date_picker.months_short.april'),\r\n    4: t('ds.components.base.date_picker.months_short.may'),\r\n    5: t('ds.components.base.date_picker.months_short.june'),\r\n    6: t('ds.components.base.date_picker.months_short.july'),\r\n    7: t('ds.components.base.date_picker.months_short.august'),\r\n    8: t('ds.components.base.date_picker.months_short.september'),\r\n    9: t('ds.components.base.date_picker.months_short.october'),\r\n    10: t('ds.components.base.date_picker.months_short.november'),\r\n    11: t('ds.components.base.date_picker.months_short.december'),\r\n  }));\r\n  const dayShortNames = computed<Record<number, string>>(() => ({\r\n    0: t('ds.components.base.date_picker.days_short.sunday'),\r\n    1: t('ds.components.base.date_picker.days_short.monday'),\r\n    2: t('ds.components.base.date_picker.days_short.tuesday'),\r\n    3: t('ds.components.base.date_picker.days_short.wednesday'),\r\n    4: t('ds.components.base.date_picker.days_short.thursday'),\r\n    5: t('ds.components.base.date_picker.days_short.friday'),\r\n    6: t('ds.components.base.date_picker.days_short.saturday'),\r\n  }));\r\n\r\n  /**\r\n   * Methods\r\n   */\r\n  const formatDateHuge = (date: Date) => {\r\n    if (!validateDate(date)) {\r\n      return date;\r\n    }\r\n\r\n    const dayName = dayNames.value[date.getDay()];\r\n    const monthName = monthNames.value[date.getMonth()];\r\n    const enUSResult = `${dayName}, ${monthName} ${date.getDate()}, ${date.getFullYear()}`;\r\n    const viVNResult = `${dayName}, ${date.getDate()}/${\r\n      date.getMonth() + 1\r\n    }/${date.getFullYear()}`;\r\n\r\n    const result: Record<string, string> = {\r\n      'en-US': enUSResult,\r\n      'vi-VN': viVNResult,\r\n    };\r\n\r\n    return result[locale.value] || enUSResult;\r\n  };\r\n  const formatDate = (date: Date) => {\r\n    if (!validateDate(date)) {\r\n      return date;\r\n    }\r\n\r\n    const result: Record<string, string> = {\r\n      'vi-VN': `${padStartZero(date.getDate(), 2)}/${padStartZero(\r\n        date.getMonth() + 1,\r\n        2,\r\n      )}/${padStartZero(date.getFullYear(), 4)}`,\r\n      'en-US': `${monthNames.value[date.getMonth()]} ${padStartZero(\r\n        date.getDate(),\r\n        2,\r\n      )}, ${date.getFullYear()}`,\r\n    };\r\n\r\n    return result[locale.value];\r\n  };\r\n  const formatTime = (date: Date) => {\r\n    if (!validateDate(date)) {\r\n      return date;\r\n    }\r\n\r\n    const d = new Date(date);\r\n    const h = d.getHours();\r\n    const m = d.getMinutes();\r\n    const formattedStr = `${padStartZero(h, 2)}:${padStartZero(m, 2)}`;\r\n\r\n    const result: Record<string, string> = {\r\n      'vi-VN': formattedStr,\r\n      'en-US': formattedStr,\r\n    };\r\n\r\n    return result[locale.value];\r\n  };\r\n  const formatMonthYear = (\r\n    date: Date,\r\n    type: 'full' | 'short' | 'number' = 'full',\r\n  ) => {\r\n    if (!validateDate(date)) {\r\n      return date;\r\n    }\r\n\r\n    const months = {\r\n      full: monthNames.value,\r\n      short: monthShortNames.value,\r\n      number: [\r\n        '01',\r\n        '02',\r\n        '03',\r\n        '04',\r\n        '05',\r\n        '06',\r\n        '07',\r\n        '08',\r\n        '09',\r\n        '10',\r\n        '11',\r\n        '12',\r\n      ],\r\n    };\r\n\r\n    const monthName = months[type][date.getMonth()];\r\n    const year = date.getFullYear();\r\n    return `${type === 'number' ? `${monthName}/` : `${monthName} `}${year}`;\r\n  };\r\n  const validateDate = (date: Date) =>\r\n    date ? date.toString() !== 'Invalid Date' : false;\r\n\r\n  return {\r\n    formatTime,\r\n    formatDate,\r\n    formatDateHuge,\r\n    formatMonthYear,\r\n    dayShortNames,\r\n  };\r\n}\r\n"],"names":["useDate","t","locale","useI18n","dayNames","computed","monthNames","monthShortNames","dayShortNames","formatDateHuge","date","validateDate","dayName","monthName","enUSResult","viVNResult","formatDate","padStartZero","formatTime","d","h","m","formattedStr","formatMonthYear","type","year"],"mappings":"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"}
+{"version":3,"file":"design-system2.js","sources":["../src/composables/Date.ts"],"sourcesContent":["import { padStartZero } from '@/helpers/DateHelper';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nexport function useDate() {\n  /**\n   * Data\n   */\n  const { t, locale } = useI18n();\n  const dayNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.days.sunday'),\n    1: t('ds.components.base.date_picker.days.monday'),\n    2: t('ds.components.base.date_picker.days.tuesday'),\n    3: t('ds.components.base.date_picker.days.wednesday'),\n    4: t('ds.components.base.date_picker.days.thursday'),\n    5: t('ds.components.base.date_picker.days.friday'),\n    6: t('ds.components.base.date_picker.days.saturday'),\n  }));\n  const monthNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.months.january'),\n    1: t('ds.components.base.date_picker.months.february'),\n    2: t('ds.components.base.date_picker.months.march'),\n    3: t('ds.components.base.date_picker.months.april'),\n    4: t('ds.components.base.date_picker.months.may'),\n    5: t('ds.components.base.date_picker.months.june'),\n    6: t('ds.components.base.date_picker.months.july'),\n    7: t('ds.components.base.date_picker.months.august'),\n    8: t('ds.components.base.date_picker.months.september'),\n    9: t('ds.components.base.date_picker.months.october'),\n    10: t('ds.components.base.date_picker.months.november'),\n    11: t('ds.components.base.date_picker.months.december'),\n  }));\n  const monthShortNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.months_short.january'),\n    1: t('ds.components.base.date_picker.months_short.february'),\n    2: t('ds.components.base.date_picker.months_short.march'),\n    3: t('ds.components.base.date_picker.months_short.april'),\n    4: t('ds.components.base.date_picker.months_short.may'),\n    5: t('ds.components.base.date_picker.months_short.june'),\n    6: t('ds.components.base.date_picker.months_short.july'),\n    7: t('ds.components.base.date_picker.months_short.august'),\n    8: t('ds.components.base.date_picker.months_short.september'),\n    9: t('ds.components.base.date_picker.months_short.october'),\n    10: t('ds.components.base.date_picker.months_short.november'),\n    11: t('ds.components.base.date_picker.months_short.december'),\n  }));\n  const dayShortNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.days_short.sunday'),\n    1: t('ds.components.base.date_picker.days_short.monday'),\n    2: t('ds.components.base.date_picker.days_short.tuesday'),\n    3: t('ds.components.base.date_picker.days_short.wednesday'),\n    4: t('ds.components.base.date_picker.days_short.thursday'),\n    5: t('ds.components.base.date_picker.days_short.friday'),\n    6: t('ds.components.base.date_picker.days_short.saturday'),\n  }));\n\n  /**\n   * Methods\n   */\n  const formatDateHuge = (date: Date) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const dayName = dayNames.value[date.getDay()];\n    const monthName = monthNames.value[date.getMonth()];\n    const enUSResult = `${dayName}, ${monthName} ${date.getDate()}, ${date.getFullYear()}`;\n    const viVNResult = `${dayName}, ${date.getDate()}/${\n      date.getMonth() + 1\n    }/${date.getFullYear()}`;\n\n    const result: Record<string, string> = {\n      'en-US': enUSResult,\n      'vi-VN': viVNResult,\n    };\n\n    return result[locale.value] || enUSResult;\n  };\n  const formatDate = (date: Date) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const result: Record<string, string> = {\n      'vi-VN': `${padStartZero(date.getDate(), 2)}/${padStartZero(\n        date.getMonth() + 1,\n        2,\n      )}/${padStartZero(date.getFullYear(), 4)}`,\n      'en-US': `${monthNames.value[date.getMonth()]} ${padStartZero(\n        date.getDate(),\n        2,\n      )}, ${date.getFullYear()}`,\n    };\n\n    return result[locale.value];\n  };\n  const formatTime = (date: Date) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const d = new Date(date);\n    const h = d.getHours();\n    const m = d.getMinutes();\n    const formattedStr = `${padStartZero(h, 2)}:${padStartZero(m, 2)}`;\n\n    const result: Record<string, string> = {\n      'vi-VN': formattedStr,\n      'en-US': formattedStr,\n    };\n\n    return result[locale.value];\n  };\n  const formatMonthYear = (\n    date: Date,\n    type: 'full' | 'short' | 'number' = 'full',\n  ) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const months = {\n      full: monthNames.value,\n      short: monthShortNames.value,\n      number: [\n        '01',\n        '02',\n        '03',\n        '04',\n        '05',\n        '06',\n        '07',\n        '08',\n        '09',\n        '10',\n        '11',\n        '12',\n      ],\n    };\n\n    const monthName = months[type][date.getMonth()];\n    const year = date.getFullYear();\n    return `${type === 'number' ? `${monthName}/` : `${monthName} `}${year}`;\n  };\n  const validateDate = (date: Date) =>\n    date ? date.toString() !== 'Invalid Date' : false;\n\n  return {\n    formatTime,\n    formatDate,\n    formatDateHuge,\n    formatMonthYear,\n    dayShortNames,\n  };\n}\n"],"names":["useDate","t","locale","useI18n","dayNames","computed","monthNames","monthShortNames","dayShortNames","formatDateHuge","date","validateDate","dayName","monthName","enUSResult","viVNResult","formatDate","padStartZero","formatTime","d","h","m","formattedStr","formatMonthYear","type","year"],"mappings":"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"}

package/dist/design-system2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system2.mjs","sources":["../src/composables/Date.ts"],"sourcesContent":["import { padStartZero } from '@/helpers/DateHelper';\r\nimport { computed } from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\n\r\nexport function useDate() {\r\n  /**\r\n   * Data\r\n   */\r\n  const { t, locale } = useI18n();\r\n  const dayNames = computed<Record<number, string>>(() => ({\r\n    0: t('ds.components.base.date_picker.days.sunday'),\r\n    1: t('ds.components.base.date_picker.days.monday'),\r\n    2: t('ds.components.base.date_picker.days.tuesday'),\r\n    3: t('ds.components.base.date_picker.days.wednesday'),\r\n    4: t('ds.components.base.date_picker.days.thursday'),\r\n    5: t('ds.components.base.date_picker.days.friday'),\r\n    6: t('ds.components.base.date_picker.days.saturday'),\r\n  }));\r\n  const monthNames = computed<Record<number, string>>(() => ({\r\n    0: t('ds.components.base.date_picker.months.january'),\r\n    1: t('ds.components.base.date_picker.months.february'),\r\n    2: t('ds.components.base.date_picker.months.march'),\r\n    3: t('ds.components.base.date_picker.months.april'),\r\n    4: t('ds.components.base.date_picker.months.may'),\r\n    5: t('ds.components.base.date_picker.months.june'),\r\n    6: t('ds.components.base.date_picker.months.july'),\r\n    7: t('ds.components.base.date_picker.months.august'),\r\n    8: t('ds.components.base.date_picker.months.september'),\r\n    9: t('ds.components.base.date_picker.months.october'),\r\n    10: t('ds.components.base.date_picker.months.november'),\r\n    11: t('ds.components.base.date_picker.months.december'),\r\n  }));\r\n  const monthShortNames = computed<Record<number, string>>(() => ({\r\n    0: t('ds.components.base.date_picker.months_short.january'),\r\n    1: t('ds.components.base.date_picker.months_short.february'),\r\n    2: t('ds.components.base.date_picker.months_short.march'),\r\n    3: t('ds.components.base.date_picker.months_short.april'),\r\n    4: t('ds.components.base.date_picker.months_short.may'),\r\n    5: t('ds.components.base.date_picker.months_short.june'),\r\n    6: t('ds.components.base.date_picker.months_short.july'),\r\n    7: t('ds.components.base.date_picker.months_short.august'),\r\n    8: t('ds.components.base.date_picker.months_short.september'),\r\n    9: t('ds.components.base.date_picker.months_short.october'),\r\n    10: t('ds.components.base.date_picker.months_short.november'),\r\n    11: t('ds.components.base.date_picker.months_short.december'),\r\n  }));\r\n  const dayShortNames = computed<Record<number, string>>(() => ({\r\n    0: t('ds.components.base.date_picker.days_short.sunday'),\r\n    1: t('ds.components.base.date_picker.days_short.monday'),\r\n    2: t('ds.components.base.date_picker.days_short.tuesday'),\r\n    3: t('ds.components.base.date_picker.days_short.wednesday'),\r\n    4: t('ds.components.base.date_picker.days_short.thursday'),\r\n    5: t('ds.components.base.date_picker.days_short.friday'),\r\n    6: t('ds.components.base.date_picker.days_short.saturday'),\r\n  }));\r\n\r\n  /**\r\n   * Methods\r\n   */\r\n  const formatDateHuge = (date: Date) => {\r\n    if (!validateDate(date)) {\r\n      return date;\r\n    }\r\n\r\n    const dayName = dayNames.value[date.getDay()];\r\n    const monthName = monthNames.value[date.getMonth()];\r\n    const enUSResult = `${dayName}, ${monthName} ${date.getDate()}, ${date.getFullYear()}`;\r\n    const viVNResult = `${dayName}, ${date.getDate()}/${\r\n      date.getMonth() + 1\r\n    }/${date.getFullYear()}`;\r\n\r\n    const result: Record<string, string> = {\r\n      'en-US': enUSResult,\r\n      'vi-VN': viVNResult,\r\n    };\r\n\r\n    return result[locale.value] || enUSResult;\r\n  };\r\n  const formatDate = (date: Date) => {\r\n    if (!validateDate(date)) {\r\n      return date;\r\n    }\r\n\r\n    const result: Record<string, string> = {\r\n      'vi-VN': `${padStartZero(date.getDate(), 2)}/${padStartZero(\r\n        date.getMonth() + 1,\r\n        2,\r\n      )}/${padStartZero(date.getFullYear(), 4)}`,\r\n      'en-US': `${monthNames.value[date.getMonth()]} ${padStartZero(\r\n        date.getDate(),\r\n        2,\r\n      )}, ${date.getFullYear()}`,\r\n    };\r\n\r\n    return result[locale.value];\r\n  };\r\n  const formatTime = (date: Date) => {\r\n    if (!validateDate(date)) {\r\n      return date;\r\n    }\r\n\r\n    const d = new Date(date);\r\n    const h = d.getHours();\r\n    const m = d.getMinutes();\r\n    const formattedStr = `${padStartZero(h, 2)}:${padStartZero(m, 2)}`;\r\n\r\n    const result: Record<string, string> = {\r\n      'vi-VN': formattedStr,\r\n      'en-US': formattedStr,\r\n    };\r\n\r\n    return result[locale.value];\r\n  };\r\n  const formatMonthYear = (\r\n    date: Date,\r\n    type: 'full' | 'short' | 'number' = 'full',\r\n  ) => {\r\n    if (!validateDate(date)) {\r\n      return date;\r\n    }\r\n\r\n    const months = {\r\n      full: monthNames.value,\r\n      short: monthShortNames.value,\r\n      number: [\r\n        '01',\r\n        '02',\r\n        '03',\r\n        '04',\r\n        '05',\r\n        '06',\r\n        '07',\r\n        '08',\r\n        '09',\r\n        '10',\r\n        '11',\r\n        '12',\r\n      ],\r\n    };\r\n\r\n    const monthName = months[type][date.getMonth()];\r\n    const year = date.getFullYear();\r\n    return `${type === 'number' ? `${monthName}/` : `${monthName} `}${year}`;\r\n  };\r\n  const validateDate = (date: Date) =>\r\n    date ? date.toString() !== 'Invalid Date' : false;\r\n\r\n  return {\r\n    formatTime,\r\n    formatDate,\r\n    formatDateHuge,\r\n    formatMonthYear,\r\n    dayShortNames,\r\n  };\r\n}\r\n"],"names":["useDate","t","locale","useI18n","dayNames","computed","monthNames","monthShortNames","dayShortNames","formatDateHuge","date","validateDate","dayName","monthName","enUSResult","viVNResult","formatDate","padStartZero","formatTime","d","h","m","formattedStr","formatMonthYear","type","year"],"mappings":";;;AAIO,SAASA,IAAU;AAIxB,QAAM,EAAE,GAAAC,GAAG,QAAAC,EAAO,IAAIC,EAAQ,GACxBC,IAAWC,EAAiC,OAAO;AAAA,IACvD,GAAGJ,EAAE,4CAA4C;AAAA,IACjD,GAAGA,EAAE,4CAA4C;AAAA,IACjD,GAAGA,EAAE,6CAA6C;AAAA,IAClD,GAAGA,EAAE,+CAA+C;AAAA,IACpD,GAAGA,EAAE,8CAA8C;AAAA,IACnD,GAAGA,EAAE,4CAA4C;AAAA,IACjD,GAAGA,EAAE,8CAA8C;AAAA,EACnD,EAAA,GACIK,IAAaD,EAAiC,OAAO;AAAA,IACzD,GAAGJ,EAAE,+CAA+C;AAAA,IACpD,GAAGA,EAAE,gDAAgD;AAAA,IACrD,GAAGA,EAAE,6CAA6C;AAAA,IAClD,GAAGA,EAAE,6CAA6C;AAAA,IAClD,GAAGA,EAAE,2CAA2C;AAAA,IAChD,GAAGA,EAAE,4CAA4C;AAAA,IACjD,GAAGA,EAAE,4CAA4C;AAAA,IACjD,GAAGA,EAAE,8CAA8C;AAAA,IACnD,GAAGA,EAAE,iDAAiD;AAAA,IACtD,GAAGA,EAAE,+CAA+C;AAAA,IACpD,IAAIA,EAAE,gDAAgD;AAAA,IACtD,IAAIA,EAAE,gDAAgD;AAAA,EACtD,EAAA,GACIM,IAAkBF,EAAiC,OAAO;AAAA,IAC9D,GAAGJ,EAAE,qDAAqD;AAAA,IAC1D,GAAGA,EAAE,sDAAsD;AAAA,IAC3D,GAAGA,EAAE,mDAAmD;AAAA,IACxD,GAAGA,EAAE,mDAAmD;AAAA,IACxD,GAAGA,EAAE,iDAAiD;AAAA,IACtD,GAAGA,EAAE,kDAAkD;AAAA,IACvD,GAAGA,EAAE,kDAAkD;AAAA,IACvD,GAAGA,EAAE,oDAAoD;AAAA,IACzD,GAAGA,EAAE,uDAAuD;AAAA,IAC5D,GAAGA,EAAE,qDAAqD;AAAA,IAC1D,IAAIA,EAAE,sDAAsD;AAAA,IAC5D,IAAIA,EAAE,sDAAsD;AAAA,EAC5D,EAAA,GACIO,IAAgBH,EAAiC,OAAO;AAAA,IAC5D,GAAGJ,EAAE,kDAAkD;AAAA,IACvD,GAAGA,EAAE,kDAAkD;AAAA,IACvD,GAAGA,EAAE,mDAAmD;AAAA,IACxD,GAAGA,EAAE,qDAAqD;AAAA,IAC1D,GAAGA,EAAE,oDAAoD;AAAA,IACzD,GAAGA,EAAE,kDAAkD;AAAA,IACvD,GAAGA,EAAE,oDAAoD;AAAA,EACzD,EAAA,GAKIQ,IAAiB,CAACC,MAAe;AACjC,QAAA,CAACC,EAAaD,CAAI;AACb,aAAAA;AAGT,UAAME,IAAUR,EAAS,MAAMM,EAAK,OAAQ,CAAA,GACtCG,IAAYP,EAAW,MAAMI,EAAK,SAAU,CAAA,GAC5CI,IAAa,GAAGF,CAAO,KAAKC,CAAS,IAAIH,EAAK,QAAS,CAAA,KAAKA,EAAK,YAAA,CAAa,IAC9EK,IAAa,GAAGH,CAAO,KAAKF,EAAK,SAAS,IAC9CA,EAAK,SAAa,IAAA,CACpB,IAAIA,EAAK,YAAa,CAAA;AAOf,WALgC;AAAA,MACrC,SAASI;AAAA,MACT,SAASC;AAAA,IAAA,EAGGb,EAAO,KAAK,KAAKY;AAAA,EAAA,GAE3BE,IAAa,CAACN,MACbC,EAAaD,CAAI,IAIiB;AAAA,IACrC,SAAS,GAAGO,EAAaP,EAAK,WAAW,CAAC,CAAC,IAAIO;AAAA,MAC7CP,EAAK,aAAa;AAAA,MAClB;AAAA,IAAA,CACD,IAAIO,EAAaP,EAAK,YAAY,GAAG,CAAC,CAAC;AAAA,IACxC,SAAS,GAAGJ,EAAW,MAAMI,EAAK,SAAU,CAAA,CAAC,IAAIO;AAAA,MAC/CP,EAAK,QAAQ;AAAA,MACb;AAAA,IACD,CAAA,KAAKA,EAAK,YAAA,CAAa;AAAA,EAAA,EAGZR,EAAO,KAAK,IAdjBQ,GAgBLQ,IAAa,CAACR,MAAe;AAC7B,QAAA,CAACC,EAAaD,CAAI;AACb,aAAAA;AAGH,UAAAS,IAAI,IAAI,KAAKT,CAAI,GACjBU,IAAID,EAAE,YACNE,IAAIF,EAAE,cACNG,IAAe,GAAGL,EAAaG,GAAG,CAAC,CAAC,IAAIH,EAAaI,GAAG,CAAC,CAAC;AAOzD,WALgC;AAAA,MACrC,SAASC;AAAA,MACT,SAASA;AAAA,IAAA,EAGGpB,EAAO,KAAK;AAAA,EAAA,GAEtBqB,IAAkB,CACtBb,GACAc,IAAoC,WACjC;AACC,QAAA,CAACb,EAAaD,CAAI;AACb,aAAAA;AAsBT,UAAMG,IAnBS;AAAA,MACb,MAAMP,EAAW;AAAA,MACjB,OAAOC,EAAgB;AAAA,MACvB,QAAQ;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,EAGuBiB,CAAI,EAAEd,EAAK,UAAU,GACxCe,IAAOf,EAAK;AACX,WAAA,GAAGc,MAAS,WAAW,GAAGX,CAAS,MAAM,GAAGA,CAAS,GAAG,GAAGY,CAAI;AAAA,EAAA,GAElEd,IAAe,CAACD,MACpBA,IAAOA,EAAK,eAAe,iBAAiB;AAEvC,SAAA;AAAA,IACL,YAAAQ;AAAA,IACA,YAAAF;AAAA,IACA,gBAAAP;AAAA,IACA,iBAAAc;AAAA,IACA,eAAAf;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"design-system2.mjs","sources":["../src/composables/Date.ts"],"sourcesContent":["import { padStartZero } from '@/helpers/DateHelper';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nexport function useDate() {\n  /**\n   * Data\n   */\n  const { t, locale } = useI18n();\n  const dayNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.days.sunday'),\n    1: t('ds.components.base.date_picker.days.monday'),\n    2: t('ds.components.base.date_picker.days.tuesday'),\n    3: t('ds.components.base.date_picker.days.wednesday'),\n    4: t('ds.components.base.date_picker.days.thursday'),\n    5: t('ds.components.base.date_picker.days.friday'),\n    6: t('ds.components.base.date_picker.days.saturday'),\n  }));\n  const monthNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.months.january'),\n    1: t('ds.components.base.date_picker.months.february'),\n    2: t('ds.components.base.date_picker.months.march'),\n    3: t('ds.components.base.date_picker.months.april'),\n    4: t('ds.components.base.date_picker.months.may'),\n    5: t('ds.components.base.date_picker.months.june'),\n    6: t('ds.components.base.date_picker.months.july'),\n    7: t('ds.components.base.date_picker.months.august'),\n    8: t('ds.components.base.date_picker.months.september'),\n    9: t('ds.components.base.date_picker.months.october'),\n    10: t('ds.components.base.date_picker.months.november'),\n    11: t('ds.components.base.date_picker.months.december'),\n  }));\n  const monthShortNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.months_short.january'),\n    1: t('ds.components.base.date_picker.months_short.february'),\n    2: t('ds.components.base.date_picker.months_short.march'),\n    3: t('ds.components.base.date_picker.months_short.april'),\n    4: t('ds.components.base.date_picker.months_short.may'),\n    5: t('ds.components.base.date_picker.months_short.june'),\n    6: t('ds.components.base.date_picker.months_short.july'),\n    7: t('ds.components.base.date_picker.months_short.august'),\n    8: t('ds.components.base.date_picker.months_short.september'),\n    9: t('ds.components.base.date_picker.months_short.october'),\n    10: t('ds.components.base.date_picker.months_short.november'),\n    11: t('ds.components.base.date_picker.months_short.december'),\n  }));\n  const dayShortNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.days_short.sunday'),\n    1: t('ds.components.base.date_picker.days_short.monday'),\n    2: t('ds.components.base.date_picker.days_short.tuesday'),\n    3: t('ds.components.base.date_picker.days_short.wednesday'),\n    4: t('ds.components.base.date_picker.days_short.thursday'),\n    5: t('ds.components.base.date_picker.days_short.friday'),\n    6: t('ds.components.base.date_picker.days_short.saturday'),\n  }));\n\n  /**\n   * Methods\n   */\n  const formatDateHuge = (date: Date) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const dayName = dayNames.value[date.getDay()];\n    const monthName = monthNames.value[date.getMonth()];\n    const enUSResult = `${dayName}, ${monthName} ${date.getDate()}, ${date.getFullYear()}`;\n    const viVNResult = `${dayName}, ${date.getDate()}/${\n      date.getMonth() + 1\n    }/${date.getFullYear()}`;\n\n    const result: Record<string, string> = {\n      'en-US': enUSResult,\n      'vi-VN': viVNResult,\n    };\n\n    return result[locale.value] || enUSResult;\n  };\n  const formatDate = (date: Date) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const result: Record<string, string> = {\n      'vi-VN': `${padStartZero(date.getDate(), 2)}/${padStartZero(\n        date.getMonth() + 1,\n        2,\n      )}/${padStartZero(date.getFullYear(), 4)}`,\n      'en-US': `${monthNames.value[date.getMonth()]} ${padStartZero(\n        date.getDate(),\n        2,\n      )}, ${date.getFullYear()}`,\n    };\n\n    return result[locale.value];\n  };\n  const formatTime = (date: Date) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const d = new Date(date);\n    const h = d.getHours();\n    const m = d.getMinutes();\n    const formattedStr = `${padStartZero(h, 2)}:${padStartZero(m, 2)}`;\n\n    const result: Record<string, string> = {\n      'vi-VN': formattedStr,\n      'en-US': formattedStr,\n    };\n\n    return result[locale.value];\n  };\n  const formatMonthYear = (\n    date: Date,\n    type: 'full' | 'short' | 'number' = 'full',\n  ) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const months = {\n      full: monthNames.value,\n      short: monthShortNames.value,\n      number: [\n        '01',\n        '02',\n        '03',\n        '04',\n        '05',\n        '06',\n        '07',\n        '08',\n        '09',\n        '10',\n        '11',\n        '12',\n      ],\n    };\n\n    const monthName = months[type][date.getMonth()];\n    const year = date.getFullYear();\n    return `${type === 'number' ? `${monthName}/` : `${monthName} `}${year}`;\n  };\n  const validateDate = (date: Date) =>\n    date ? date.toString() !== 'Invalid Date' : false;\n\n  return {\n    formatTime,\n    formatDate,\n    formatDateHuge,\n    formatMonthYear,\n    dayShortNames,\n  };\n}\n"],"names":["useDate","t","locale","useI18n","dayNames","computed","monthNames","monthShortNames","dayShortNames","formatDateHuge","date","validateDate","dayName","monthName","enUSResult","viVNResult","formatDate","padStartZero","formatTime","d","h","m","formattedStr","formatMonthYear","type","year"],"mappings":"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"}

package/dist/design-system20.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system20.js","sources":["../src/components/BPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-inline-flex ds-space-x-1\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\" })\n], -1)\nconst _hoisted_5 = [\n  _hoisted_4\n]\n\nimport { BPaginationSize } from '@/constants/Enums';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\nexport interface BPaginationProps {\r\n  /**\r\n   * Start by 1.\r\n   */\r\n  modelValue: number;\r\n  numberOfPages: number;\r\n  /**\r\n   * Bordered buttons.\r\n   */\r\n  border?: boolean;\r\n  /**\r\n   * Transparent background buttons.\r\n   */\r\n  transparent?: boolean;\r\n  size?: `${BPaginationSize}`;\r\n}\r\n\r\nconst First = 1;\r\nconst EllipsisText = '...';\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BPagination',\n  props: {\n    modelValue: {},\n    numberOfPages: {},\n    border: { type: Boolean, default: false },\n    transparent: { type: Boolean, default: false },\n    size: { default: BPaginationSize.Medium }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue + 1;\r\n  },\r\n  set(val: number) {\r\n    emit('update:modelValue', val - 1);\r\n  },\r\n});\r\nconst paginationItemClass = computed(() => {\r\n  let result = `\r\n  ds-flex ds-items-center ds-justify-center\r\n  ds-rounded-lg `;\r\n\r\n  if (props.border) {\r\n    result += 'ds-border ds-border-gray-300 ';\r\n  }\r\n\r\n  switch (props.size) {\r\n    case BPaginationSize.Small:\r\n      result += `ds-w-8 ds-h-8 `;\r\n      break;\r\n    case BPaginationSize.Medium:\r\n    default:\r\n      result += `ds-w-10 ds-h-10 `;\r\n      break;\r\n  }\r\n\r\n  return result;\r\n});\r\n//#endregion\r\n\r\n//#region Methods\r\nconst clickPage = (page: number) => {\r\n  value.value = page;\r\n  // Emitted when page changes via user interaction\r\n  emit('change', value.value);\r\n};\r\nconst clickPrevious = () => {\r\n  if (value.value > 1) {\r\n    value.value--;\r\n    emit('change', value.value);\r\n  }\r\n};\r\nconst clickNext = () => {\r\n  if (value.value < props.numberOfPages) {\r\n    value.value++;\r\n    emit('change', value.value);\r\n  }\r\n};\r\nconst getActiveClass = (isActive: boolean = true) => {\r\n  return isActive\r\n    ? `ds-text-white ds-bg-primary-t `\r\n    : `ds-text-black/80 hover:ds-bg-primary-t/10 ${\r\n        props.transparent ? 'ds-bg-transparent' : 'ds-bg-white'\r\n      }`;\r\n};\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-ml-0 ds-cursor-pointer\"]),\n        onClick: clickPrevious\n      }, _hoisted_3, 2),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[getActiveClass(value.value === 1), paginationItemClass.value], \"ds-cursor-pointer\"]),\n        onClick: _cache[0] || (_cache[0] = ($event: any) => (clickPage(1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(First))\n      ], 2),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value > 3]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[1] || (_cache[1] = ($event: any) => (clickPage(value.value - 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value - 1), 1)\n      ], 2), [\n        [_vShow, value.value > 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass()], \"ds-cursor-pointer\"]),\n        onClick: _cache[2] || (_cache[2] = ($event: any) => (clickPage(value.value)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value), 1)\n      ], 2), [\n        [_vShow, value.value !== 1 && value.value !== _ctx.numberOfPages]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[3] || (_cache[3] = ($event: any) => (clickPage(value.value + 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value + 1), 1)\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 1]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(value.value === _ctx.numberOfPages)], \"ds-cursor-pointer\"]),\n        onClick: _cache[4] || (_cache[4] = ($event: any) => (clickPage(_ctx.numberOfPages)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(_ctx.numberOfPages), 1)\n      ], 2), [\n        [_vShow, _ctx.numberOfPages > 1]\n      ]),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: clickNext\n      }, _hoisted_5, 2)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","First","EllipsisText","_sfc_main","_defineComponent","BPaginationSize","__props","emit","props","value","computed","val","paginationItemClass","result","clickPage","page","clickPrevious","clickNext","getActiveClass","isActive","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","$event","_toDisplayString","_withDirectives","_vShow"],"mappings":"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"}
+{"version":3,"file":"design-system20.js","sources":["../src/components/BPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-inline-flex ds-space-x-1\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\" })\n], -1)\nconst _hoisted_5 = [\n  _hoisted_4\n]\n\nimport { BPaginationSize } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BPaginationProps {\n  /**\n   * Start by 1.\n   */\n  modelValue: number;\n  numberOfPages: number;\n  /**\n   * Bordered buttons.\n   */\n  border?: boolean;\n  /**\n   * Transparent background buttons.\n   */\n  transparent?: boolean;\n  size?: `${BPaginationSize}`;\n}\n\nconst First = 1;\nconst EllipsisText = '...';\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BPagination',\n  props: {\n    modelValue: {},\n    numberOfPages: {},\n    border: { type: Boolean, default: false },\n    transparent: { type: Boolean, default: false },\n    size: { default: BPaginationSize.Medium }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue + 1;\n  },\n  set(val: number) {\n    emit('update:modelValue', val - 1);\n  },\n});\nconst paginationItemClass = computed(() => {\n  let result = `\n  ds-flex ds-items-center ds-justify-center\n  ds-rounded-lg `;\n\n  if (props.border) {\n    result += 'ds-border ds-border-gray-300 ';\n  }\n\n  switch (props.size) {\n    case BPaginationSize.Small:\n      result += `ds-w-8 ds-h-8 `;\n      break;\n    case BPaginationSize.Medium:\n    default:\n      result += `ds-w-10 ds-h-10 `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n//#region Methods\nconst clickPage = (page: number) => {\n  value.value = page;\n  // Emitted when page changes via user interaction\n  emit('change', value.value);\n};\nconst clickPrevious = () => {\n  if (value.value > 1) {\n    value.value--;\n    emit('change', value.value);\n  }\n};\nconst clickNext = () => {\n  if (value.value < props.numberOfPages) {\n    value.value++;\n    emit('change', value.value);\n  }\n};\nconst getActiveClass = (isActive: boolean = true) => {\n  return isActive\n    ? `ds-text-white ds-bg-primary-t `\n    : `ds-text-black/80 hover:ds-bg-primary-t/10 ${\n        props.transparent ? 'ds-bg-transparent' : 'ds-bg-white'\n      }`;\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-ml-0 ds-cursor-pointer\"]),\n        onClick: clickPrevious\n      }, _hoisted_3, 2),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[getActiveClass(value.value === 1), paginationItemClass.value], \"ds-cursor-pointer\"]),\n        onClick: _cache[0] || (_cache[0] = ($event: any) => (clickPage(1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(First))\n      ], 2),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value > 3]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[1] || (_cache[1] = ($event: any) => (clickPage(value.value - 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value - 1), 1)\n      ], 2), [\n        [_vShow, value.value > 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass()], \"ds-cursor-pointer\"]),\n        onClick: _cache[2] || (_cache[2] = ($event: any) => (clickPage(value.value)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value), 1)\n      ], 2), [\n        [_vShow, value.value !== 1 && value.value !== _ctx.numberOfPages]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[3] || (_cache[3] = ($event: any) => (clickPage(value.value + 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value + 1), 1)\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 1]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(value.value === _ctx.numberOfPages)], \"ds-cursor-pointer\"]),\n        onClick: _cache[4] || (_cache[4] = ($event: any) => (clickPage(_ctx.numberOfPages)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(_ctx.numberOfPages), 1)\n      ], 2), [\n        [_vShow, _ctx.numberOfPages > 1]\n      ]),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: clickNext\n      }, _hoisted_5, 2)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","First","EllipsisText","_sfc_main","_defineComponent","BPaginationSize","__props","emit","props","value","computed","val","paginationItemClass","result","clickPage","page","clickPrevious","clickNext","getActiveClass","isActive","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","$event","_toDisplayString","_withDirectives","_vShow"],"mappings":"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"}

package/dist/design-system20.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system20.mjs","sources":["../src/components/BPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-inline-flex ds-space-x-1\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\" })\n], -1)\nconst _hoisted_5 = [\n  _hoisted_4\n]\n\nimport { BPaginationSize } from '@/constants/Enums';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\nexport interface BPaginationProps {\r\n  /**\r\n   * Start by 1.\r\n   */\r\n  modelValue: number;\r\n  numberOfPages: number;\r\n  /**\r\n   * Bordered buttons.\r\n   */\r\n  border?: boolean;\r\n  /**\r\n   * Transparent background buttons.\r\n   */\r\n  transparent?: boolean;\r\n  size?: `${BPaginationSize}`;\r\n}\r\n\r\nconst First = 1;\r\nconst EllipsisText = '...';\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BPagination',\n  props: {\n    modelValue: {},\n    numberOfPages: {},\n    border: { type: Boolean, default: false },\n    transparent: { type: Boolean, default: false },\n    size: { default: BPaginationSize.Medium }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue + 1;\r\n  },\r\n  set(val: number) {\r\n    emit('update:modelValue', val - 1);\r\n  },\r\n});\r\nconst paginationItemClass = computed(() => {\r\n  let result = `\r\n  ds-flex ds-items-center ds-justify-center\r\n  ds-rounded-lg `;\r\n\r\n  if (props.border) {\r\n    result += 'ds-border ds-border-gray-300 ';\r\n  }\r\n\r\n  switch (props.size) {\r\n    case BPaginationSize.Small:\r\n      result += `ds-w-8 ds-h-8 `;\r\n      break;\r\n    case BPaginationSize.Medium:\r\n    default:\r\n      result += `ds-w-10 ds-h-10 `;\r\n      break;\r\n  }\r\n\r\n  return result;\r\n});\r\n//#endregion\r\n\r\n//#region Methods\r\nconst clickPage = (page: number) => {\r\n  value.value = page;\r\n  // Emitted when page changes via user interaction\r\n  emit('change', value.value);\r\n};\r\nconst clickPrevious = () => {\r\n  if (value.value > 1) {\r\n    value.value--;\r\n    emit('change', value.value);\r\n  }\r\n};\r\nconst clickNext = () => {\r\n  if (value.value < props.numberOfPages) {\r\n    value.value++;\r\n    emit('change', value.value);\r\n  }\r\n};\r\nconst getActiveClass = (isActive: boolean = true) => {\r\n  return isActive\r\n    ? `ds-text-white ds-bg-primary-t `\r\n    : `ds-text-black/80 hover:ds-bg-primary-t/10 ${\r\n        props.transparent ? 'ds-bg-transparent' : 'ds-bg-white'\r\n      }`;\r\n};\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-ml-0 ds-cursor-pointer\"]),\n        onClick: clickPrevious\n      }, _hoisted_3, 2),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[getActiveClass(value.value === 1), paginationItemClass.value], \"ds-cursor-pointer\"]),\n        onClick: _cache[0] || (_cache[0] = ($event: any) => (clickPage(1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(First))\n      ], 2),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value > 3]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[1] || (_cache[1] = ($event: any) => (clickPage(value.value - 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value - 1), 1)\n      ], 2), [\n        [_vShow, value.value > 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass()], \"ds-cursor-pointer\"]),\n        onClick: _cache[2] || (_cache[2] = ($event: any) => (clickPage(value.value)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value), 1)\n      ], 2), [\n        [_vShow, value.value !== 1 && value.value !== _ctx.numberOfPages]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[3] || (_cache[3] = ($event: any) => (clickPage(value.value + 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value + 1), 1)\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 1]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(value.value === _ctx.numberOfPages)], \"ds-cursor-pointer\"]),\n        onClick: _cache[4] || (_cache[4] = ($event: any) => (clickPage(_ctx.numberOfPages)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(_ctx.numberOfPages), 1)\n      ], 2), [\n        [_vShow, _ctx.numberOfPages > 1]\n      ]),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: clickNext\n      }, _hoisted_5, 2)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","First","EllipsisText","_sfc_main","_defineComponent","BPaginationSize","__props","emit","props","value","computed","val","paginationItemClass","result","clickPage","page","clickPrevious","clickNext","getActiveClass","isActive","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","$event","_toDisplayString","_withDirectives","_vShow"],"mappings":"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"}
+{"version":3,"file":"design-system20.mjs","sources":["../src/components/BPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-inline-flex ds-space-x-1\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\" })\n], -1)\nconst _hoisted_5 = [\n  _hoisted_4\n]\n\nimport { BPaginationSize } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BPaginationProps {\n  /**\n   * Start by 1.\n   */\n  modelValue: number;\n  numberOfPages: number;\n  /**\n   * Bordered buttons.\n   */\n  border?: boolean;\n  /**\n   * Transparent background buttons.\n   */\n  transparent?: boolean;\n  size?: `${BPaginationSize}`;\n}\n\nconst First = 1;\nconst EllipsisText = '...';\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BPagination',\n  props: {\n    modelValue: {},\n    numberOfPages: {},\n    border: { type: Boolean, default: false },\n    transparent: { type: Boolean, default: false },\n    size: { default: BPaginationSize.Medium }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue + 1;\n  },\n  set(val: number) {\n    emit('update:modelValue', val - 1);\n  },\n});\nconst paginationItemClass = computed(() => {\n  let result = `\n  ds-flex ds-items-center ds-justify-center\n  ds-rounded-lg `;\n\n  if (props.border) {\n    result += 'ds-border ds-border-gray-300 ';\n  }\n\n  switch (props.size) {\n    case BPaginationSize.Small:\n      result += `ds-w-8 ds-h-8 `;\n      break;\n    case BPaginationSize.Medium:\n    default:\n      result += `ds-w-10 ds-h-10 `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n//#region Methods\nconst clickPage = (page: number) => {\n  value.value = page;\n  // Emitted when page changes via user interaction\n  emit('change', value.value);\n};\nconst clickPrevious = () => {\n  if (value.value > 1) {\n    value.value--;\n    emit('change', value.value);\n  }\n};\nconst clickNext = () => {\n  if (value.value < props.numberOfPages) {\n    value.value++;\n    emit('change', value.value);\n  }\n};\nconst getActiveClass = (isActive: boolean = true) => {\n  return isActive\n    ? `ds-text-white ds-bg-primary-t `\n    : `ds-text-black/80 hover:ds-bg-primary-t/10 ${\n        props.transparent ? 'ds-bg-transparent' : 'ds-bg-white'\n      }`;\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-ml-0 ds-cursor-pointer\"]),\n        onClick: clickPrevious\n      }, _hoisted_3, 2),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[getActiveClass(value.value === 1), paginationItemClass.value], \"ds-cursor-pointer\"]),\n        onClick: _cache[0] || (_cache[0] = ($event: any) => (clickPage(1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(First))\n      ], 2),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value > 3]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[1] || (_cache[1] = ($event: any) => (clickPage(value.value - 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value - 1), 1)\n      ], 2), [\n        [_vShow, value.value > 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass()], \"ds-cursor-pointer\"]),\n        onClick: _cache[2] || (_cache[2] = ($event: any) => (clickPage(value.value)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value), 1)\n      ], 2), [\n        [_vShow, value.value !== 1 && value.value !== _ctx.numberOfPages]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[3] || (_cache[3] = ($event: any) => (clickPage(value.value + 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value + 1), 1)\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 1]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(value.value === _ctx.numberOfPages)], \"ds-cursor-pointer\"]),\n        onClick: _cache[4] || (_cache[4] = ($event: any) => (clickPage(_ctx.numberOfPages)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(_ctx.numberOfPages), 1)\n      ], 2), [\n        [_vShow, _ctx.numberOfPages > 1]\n      ]),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: clickNext\n      }, _hoisted_5, 2)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","First","EllipsisText","_sfc_main","_defineComponent","BPaginationSize","__props","emit","props","value","computed","val","paginationItemClass","result","clickPage","page","clickPrevious","clickNext","getActiveClass","isActive","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","$event","_toDisplayString","_withDirectives","_vShow"],"mappings":"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"}

package/dist/design-system201.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system118.js");var s=r["__core-js_shared__"];const e=s;module.exports=e;
+"use strict";const r=require("./design-system121.js");var s=r["__core-js_shared__"];const e=s;module.exports=e;
 //# sourceMappingURL=design-system201.js.map

package/dist/design-system201.mjs

@@ -1,4 +1,4 @@
-import o from "./design-system118.mjs";
+import o from "./design-system121.mjs";
 var r = o["__core-js_shared__"];
 const t = r;
 export {

package/dist/design-system21.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),f=require("./design-system29.js"),g=require("./design-system3.js"),b=require("./design-system48.js"),y=require("./design-system98.js"),B={class:"ds-flex ds-items-center"},h=["id","disabled","name","value"],q=["for"],V=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},disabled:{type:Boolean,default:!1},labelCssClass:{default:""},hideDetails:{type:Boolean,default:!1},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""}},emits:["change","update:modelValue"],setup(o,{emit:r}){const l=o,{t:u}=b.useI18n(),n={validateRule:a=>!!(a&&a.trim()),errorMessage:()=>l.requiredErrorMessage||u("ds.global.field_required")},s=e.computed(()=>l.inputId||`id-${y()}`),t=e.computed({get(){return l.modelValue},set(a){r("update:modelValue",a)}}),i=e.computed(()=>{let a=[];return l.required&&a.push(n),l.validationRules&&(a=a.concat(l.validationRules)),a.length?a:void 0}),{validate:m,validationResult:c}=g.useValidationField(s.value,t,i.value),p=()=>{r("change"),m()};return(a,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:s.value,"onUpdate:modelValue":d[0]||(d[0]=v=>t.value=v),class:e.normalizeClass([{"ds-cursor-not-allowed":a.disabled},"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t"]),disabled:a.disabled,name:a.inputName,value:a.$attrs.value,type:"radio",onChange:p},null,42,h),[[e.vModelRadio,t.value]]),a.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([a.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"]),for:s.value},e.toDisplayString(a.label),11,q)):e.createCommentVNode("",!0)]),a.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{key:0,"error-message":e.unref(c).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=V;
+"use strict";const e=require("vue"),f=require("./design-system29.js"),g=require("./design-system3.js"),b=require("./design-system48.js"),y=require("./design-system99.js"),B={class:"ds-flex ds-items-center"},h=["id","disabled","name","value"],q=["for"],V=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},disabled:{type:Boolean,default:!1},labelCssClass:{default:""},hideDetails:{type:Boolean,default:!1},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""}},emits:["change","update:modelValue"],setup(o,{emit:r}){const l=o,{t:u}=b.useI18n(),n={validateRule:a=>!!(a&&a.trim()),errorMessage:()=>l.requiredErrorMessage||u("ds.global.field_required")},s=e.computed(()=>l.inputId||`id-${y()}`),t=e.computed({get(){return l.modelValue},set(a){r("update:modelValue",a)}}),i=e.computed(()=>{let a=[];return l.required&&a.push(n),l.validationRules&&(a=a.concat(l.validationRules)),a.length?a:void 0}),{validate:m,validationResult:c}=g.useValidationField(s.value,t,i.value),p=()=>{r("change"),m()};return(a,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:s.value,"onUpdate:modelValue":d[0]||(d[0]=v=>t.value=v),class:e.normalizeClass([{"ds-cursor-not-allowed":a.disabled},"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t"]),disabled:a.disabled,name:a.inputName,value:a.$attrs.value,type:"radio",onChange:p},null,42,h),[[e.vModelRadio,t.value]]),a.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([a.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"]),for:s.value},e.toDisplayString(a.label),11,q)):e.createCommentVNode("",!0)]),a.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{key:0,"error-message":e.unref(c).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=V;
 //# sourceMappingURL=design-system21.js.map

package/dist/design-system21.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system21.js","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"for\"]\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\r\nimport {\r\n  useValidationField,\r\n  type ValidationRule,\r\n} from '@/composables/Validation';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { computed } from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\n\r\n//#region Props\r\nexport interface BRadioProps {\r\n  inputId?: string;\r\n  modelValue?: string | number | boolean;\r\n  inputName?: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  labelCssClass?: string;\r\n  /**\r\n   * Hide the validation error message.\r\n   */\r\n  hideDetails?: boolean;\r\n  /**\r\n   * Array of custom validation rules.\r\n   */\r\n  validationRules?: ValidationRule[];\r\n  /**\r\n   * Validate if the field is left empty.\r\n   */\r\n  required?: boolean;\r\n  requiredErrorMessage?: string;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BRadio',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [String, Number, Boolean], default: '' },\n    inputName: { default: '' },\n    label: { default: '' },\n    disabled: { type: Boolean, default: false },\n    labelCssClass: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst { t } = useI18n();\r\nconst validateRequired: ValidationRule = {\r\n  validateRule: (val: string) => !!(val && val.trim()),\r\n  errorMessage: () =>\r\n    props.requiredErrorMessage || t('ds.global.field_required'),\r\n};\r\nconst id = computed(() => props.inputId || `id-${uuid()}`);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\nconst vRules = computed(() => {\r\n  let result: ValidationRule[] = [];\r\n\r\n  if (props.required) {\r\n    result.push(validateRequired);\r\n  }\r\n  if (props.validationRules) {\r\n    result = result.concat(props.validationRules);\r\n  }\r\n\r\n  return result.length ? result : undefined;\r\n});\r\n\r\nconst { validate, validationResult } = useValidationField(\r\n  id.value,\r\n  value,\r\n  vRules.value,\r\n);\r\n//#endregion\r\n\r\n//#region Methods\r\nconst onChange = () => {\r\n  emit('change');\r\n  validate();\r\n};\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        class: _normalizeClass([{ 'ds-cursor-not-allowed': _ctx.disabled }, \"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t\"]),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        type: \"radio\",\n        onChange: onChange\n      }, null, 42, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      (_ctx.label)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            class: _normalizeClass([_ctx.labelCssClass, \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"]),\n            for: id.value\n          }, _toDisplayString(_ctx.label), 11, _hoisted_3))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ], 64))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_normalizeClass","_vModelRadio","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"2KAGMA,EAAa,CAAE,MAAO,2BACtBC,EAAa,CAAC,KAAM,WAAY,OAAQ,OAAO,EAC/CC,EAAa,CAAC,KAAK,EAmCGC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,KAAM,CAAC,OAAQ,OAAQ,OAAO,EAAG,QAAS,EAAG,EAC3D,UAAW,CAAE,QAAS,EAAG,EACzB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,cAAe,CAAE,QAAS,EAAG,EAC7B,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,gBAAiB,CAAE,QAAS,MAAU,EACtC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,qBAAsB,CAAE,QAAS,EAAG,CACtC,EACA,MAAO,CAAC,SAAU,mBAAmB,EACrC,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAUR,CAAE,EAAAG,GAAMC,EAAAA,UACRC,EAAmC,CACvC,aAAeC,GAAgB,CAAC,EAAEA,GAAOA,EAAI,QAC7C,aAAc,IACZJ,EAAM,sBAAwBC,EAAE,0BAA0B,CAAA,EAExDI,EAAKC,WAAS,IAAMN,EAAM,SAAW,MAAMO,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAON,EAAM,UACf,EACA,IAAII,EAAK,CACPL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EACKK,EAASH,EAAAA,SAAS,IAAM,CAC5B,IAAII,EAA2B,CAAA,EAE/B,OAAIV,EAAM,UACRU,EAAO,KAAKP,CAAgB,EAE1BH,EAAM,kBACCU,EAAAA,EAAO,OAAOV,EAAM,eAAe,GAGvCU,EAAO,OAASA,EAAS,MAAA,CACjC,EAEK,CAAE,SAAAC,EAAU,iBAAAC,CAAA,EAAqBC,EAAA,mBACrCR,EAAG,MACHG,EACAC,EAAO,KAAA,EAKHK,EAAW,IAAM,CACrBf,EAAK,QAAQ,EACJY,GAAA,EAIJ,MAAA,CAACI,EAAUC,KACRC,YAAW,EAAGC,qBAAoBC,EAAAA,SAAW,KAAM,CACzDC,EAAA,mBAAoB,MAAO3B,EAAY,CACrC4B,EAAA,eAAgBD,qBAAoB,QAAS,CAC3C,GAAIf,EAAG,MACP,sBAAuBW,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBd,EAAO,MAAQc,GACnF,MAAOC,iBAAgB,CAAC,CAAE,wBAAyBR,EAAK,QAAA,EAAY,+HAA+H,CAAC,EACpM,SAAUA,EAAK,SACf,KAAMA,EAAK,UACX,MAAOA,EAAK,OAAO,MACnB,KAAM,QACN,SAAAD,CAAA,EACC,KAAM,GAAIpB,CAAU,EAAG,CACxB,CAAC8B,EAAc,YAAAhB,EAAM,KAAK,CAAA,CAC3B,EACAO,EAAK,OACDE,EAAAA,YAAcC,EAAAA,mBAAoB,QAAS,CAC1C,IAAK,EACL,MAAOK,EAAAA,eAAgB,CAACR,EAAK,cAAe,oDAAoD,CAAC,EACjG,IAAKV,EAAG,KAAA,EACPoB,EAAiB,gBAAAV,EAAK,KAAK,EAAG,GAAIpB,CAAU,GAC/C+B,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACCX,EAAK,YAMHW,EAAoB,mBAAA,GAAI,EAAI,GAL3BT,EAAW,UAAA,EAAGU,EAAAA,YAAaC,EAAe,CACzC,IAAK,EACL,gBAAiBC,EAAA,MAAOjB,CAAgB,EAAE,aAAa,EACvD,MAAO,SAAA,EACN,KAAM,EAAG,CAAC,eAAe,CAAC,IAEhC,EAAE,EAEP,CAEA,CAAC"}
+{"version":3,"file":"design-system21.js","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"for\"]\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n//#region Props\nexport interface BRadioProps {\n  inputId?: string;\n  modelValue?: string | number | boolean;\n  inputName?: string;\n  label?: string;\n  disabled?: boolean;\n  labelCssClass?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BRadio',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [String, Number, Boolean], default: '' },\n    inputName: { default: '' },\n    label: { default: '' },\n    disabled: { type: Boolean, default: false },\n    labelCssClass: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val.trim()),\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst 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});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Methods\nconst onChange = () => {\n  emit('change');\n  validate();\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        class: _normalizeClass([{ 'ds-cursor-not-allowed': _ctx.disabled }, \"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t\"]),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        type: \"radio\",\n        onChange: onChange\n      }, null, 42, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      (_ctx.label)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            class: _normalizeClass([_ctx.labelCssClass, \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"]),\n            for: id.value\n          }, _toDisplayString(_ctx.label), 11, _hoisted_3))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ], 64))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_normalizeClass","_vModelRadio","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"2KAGMA,EAAa,CAAE,MAAO,2BACtBC,EAAa,CAAC,KAAM,WAAY,OAAQ,OAAO,EAC/CC,EAAa,CAAC,KAAK,EAmCGC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,KAAM,CAAC,OAAQ,OAAQ,OAAO,EAAG,QAAS,EAAG,EAC3D,UAAW,CAAE,QAAS,EAAG,EACzB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,cAAe,CAAE,QAAS,EAAG,EAC7B,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,gBAAiB,CAAE,QAAS,MAAU,EACtC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,qBAAsB,CAAE,QAAS,EAAG,CACtC,EACA,MAAO,CAAC,SAAU,mBAAmB,EACrC,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAUR,CAAE,EAAAG,GAAMC,EAAAA,UACRC,EAAmC,CACvC,aAAeC,GAAgB,CAAC,EAAEA,GAAOA,EAAI,QAC7C,aAAc,IACZJ,EAAM,sBAAwBC,EAAE,0BAA0B,CAAA,EAExDI,EAAKC,WAAS,IAAMN,EAAM,SAAW,MAAMO,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAON,EAAM,UACf,EACA,IAAII,EAAK,CACPL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EACKK,EAASH,EAAAA,SAAS,IAAM,CAC5B,IAAII,EAA2B,CAAA,EAE/B,OAAIV,EAAM,UACRU,EAAO,KAAKP,CAAgB,EAE1BH,EAAM,kBACCU,EAAAA,EAAO,OAAOV,EAAM,eAAe,GAGvCU,EAAO,OAASA,EAAS,MAAA,CACjC,EAEK,CAAE,SAAAC,EAAU,iBAAAC,CAAA,EAAqBC,EAAA,mBACrCR,EAAG,MACHG,EACAC,EAAO,KAAA,EAKHK,EAAW,IAAM,CACrBf,EAAK,QAAQ,EACJY,GAAA,EAIJ,MAAA,CAACI,EAAUC,KACRC,YAAW,EAAGC,qBAAoBC,EAAAA,SAAW,KAAM,CACzDC,EAAA,mBAAoB,MAAO3B,EAAY,CACrC4B,EAAA,eAAgBD,qBAAoB,QAAS,CAC3C,GAAIf,EAAG,MACP,sBAAuBW,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBd,EAAO,MAAQc,GACnF,MAAOC,iBAAgB,CAAC,CAAE,wBAAyBR,EAAK,QAAA,EAAY,+HAA+H,CAAC,EACpM,SAAUA,EAAK,SACf,KAAMA,EAAK,UACX,MAAOA,EAAK,OAAO,MACnB,KAAM,QACN,SAAAD,CAAA,EACC,KAAM,GAAIpB,CAAU,EAAG,CACxB,CAAC8B,EAAc,YAAAhB,EAAM,KAAK,CAAA,CAC3B,EACAO,EAAK,OACDE,EAAAA,YAAcC,EAAAA,mBAAoB,QAAS,CAC1C,IAAK,EACL,MAAOK,EAAAA,eAAgB,CAACR,EAAK,cAAe,oDAAoD,CAAC,EACjG,IAAKV,EAAG,KAAA,EACPoB,EAAiB,gBAAAV,EAAK,KAAK,EAAG,GAAIpB,CAAU,GAC/C+B,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACCX,EAAK,YAMHW,EAAoB,mBAAA,GAAI,EAAI,GAL3BT,EAAW,UAAA,EAAGU,EAAAA,YAAaC,EAAe,CACzC,IAAK,EACL,gBAAiBC,EAAA,MAAOjB,CAAgB,EAAE,aAAa,EACvD,MAAO,SAAA,EACN,KAAM,EAAG,CAAC,eAAe,CAAC,IAEhC,EAAE,EAEP,CAEA,CAAC"}

package/dist/design-system21.mjs

@@ -2,7 +2,7 @@ import { defineComponent as R, computed as t, openBlock as d, createElementBlock
 import N from "./design-system29.mjs";
 import { useValidationField as _ } from "./design-system3.mjs";
 import { useI18n as w } from "./design-system48.mjs";
-import D from "./design-system98.mjs";
+import D from "./design-system99.mjs";
 const E = { class: "ds-flex ds-items-center" }, I = ["id", "disabled", "name", "value"], $ = ["for"], A = /* @__PURE__ */ R({
   __name: "BRadio",
   props: {

package/dist/design-system21.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system21.mjs","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"for\"]\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\r\nimport {\r\n  useValidationField,\r\n  type ValidationRule,\r\n} from '@/composables/Validation';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { computed } from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\n\r\n//#region Props\r\nexport interface BRadioProps {\r\n  inputId?: string;\r\n  modelValue?: string | number | boolean;\r\n  inputName?: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  labelCssClass?: string;\r\n  /**\r\n   * Hide the validation error message.\r\n   */\r\n  hideDetails?: boolean;\r\n  /**\r\n   * Array of custom validation rules.\r\n   */\r\n  validationRules?: ValidationRule[];\r\n  /**\r\n   * Validate if the field is left empty.\r\n   */\r\n  required?: boolean;\r\n  requiredErrorMessage?: string;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BRadio',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [String, Number, Boolean], default: '' },\n    inputName: { default: '' },\n    label: { default: '' },\n    disabled: { type: Boolean, default: false },\n    labelCssClass: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst { t } = useI18n();\r\nconst validateRequired: ValidationRule = {\r\n  validateRule: (val: string) => !!(val && val.trim()),\r\n  errorMessage: () =>\r\n    props.requiredErrorMessage || t('ds.global.field_required'),\r\n};\r\nconst id = computed(() => props.inputId || `id-${uuid()}`);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\nconst vRules = computed(() => {\r\n  let result: ValidationRule[] = [];\r\n\r\n  if (props.required) {\r\n    result.push(validateRequired);\r\n  }\r\n  if (props.validationRules) {\r\n    result = result.concat(props.validationRules);\r\n  }\r\n\r\n  return result.length ? result : undefined;\r\n});\r\n\r\nconst { validate, validationResult } = useValidationField(\r\n  id.value,\r\n  value,\r\n  vRules.value,\r\n);\r\n//#endregion\r\n\r\n//#region Methods\r\nconst onChange = () => {\r\n  emit('change');\r\n  validate();\r\n};\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        class: _normalizeClass([{ 'ds-cursor-not-allowed': _ctx.disabled }, \"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t\"]),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        type: \"radio\",\n        onChange: onChange\n      }, null, 42, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      (_ctx.label)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            class: _normalizeClass([_ctx.labelCssClass, \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"]),\n            for: id.value\n          }, _toDisplayString(_ctx.label), 11, _hoisted_3))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ], 64))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_normalizeClass","_vModelRadio","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system21.mjs","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"for\"]\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n//#region Props\nexport interface BRadioProps {\n  inputId?: string;\n  modelValue?: string | number | boolean;\n  inputName?: string;\n  label?: string;\n  disabled?: boolean;\n  labelCssClass?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BRadio',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [String, Number, Boolean], default: '' },\n    inputName: { default: '' },\n    label: { default: '' },\n    disabled: { type: Boolean, default: false },\n    labelCssClass: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val.trim()),\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst 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});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Methods\nconst onChange = () => {\n  emit('change');\n  validate();\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        class: _normalizeClass([{ 'ds-cursor-not-allowed': _ctx.disabled }, \"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t\"]),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        type: \"radio\",\n        onChange: onChange\n      }, null, 42, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      (_ctx.label)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            class: _normalizeClass([_ctx.labelCssClass, \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"]),\n            for: id.value\n          }, _toDisplayString(_ctx.label), 11, _hoisted_3))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ], 64))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_normalizeClass","_vModelRadio","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system210.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system118.js");var t=r.Uint8Array;const i=t;module.exports=i;
+"use strict";const r=require("./design-system121.js");var t=r.Uint8Array;const i=t;module.exports=i;
 //# sourceMappingURL=design-system210.js.map

package/dist/design-system210.mjs

@@ -1,4 +1,4 @@
-import r from "./design-system118.mjs";
+import r from "./design-system121.mjs";
 var t = r.Uint8Array;
 const o = t;
 export {

package/dist/design-system217.js

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

package/dist/design-system217.mjs

@@ -1,4 +1,4 @@
-import r from "./design-system109.mjs";
+import r from "./design-system112.mjs";
 function o(t, n) {
   for (var e = t.length; e--; )
     if (r(t[e][0], n))

package/dist/design-system22.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),T=require("./design-system3.js"),v=require("./design-system6.js"),D=require("./design-system48.js"),F=require("./design-system29.js"),O=require("./design-system30.js"),U=require("./design-system39.js"),W=require("./design-system98.js"),j=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),H=[j],A=["id","disabled"],G={key:0},J={key:1,class:"ds-text-black/[0.4]"},K=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),Q=[K],X=["id","data-cy","data-ut"],Y={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},Z={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ee=["onClick"],se=e.defineComponent({__name:"BSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(x,{expose:V,emit:d}){const t=x,r=e.ref(null),k=e.ref(null),u=e.ref(null),n=e.ref(!1),{t:M}=D.useI18n(),q={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||M("ds.global.field_required")},h=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${W()}`),a=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),$=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=t.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=w.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),I=e.computed(()=>{let s=[];return t.required&&s.push(q),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:w}=T.useValidationField(c.value,a,I.value);e.watch(n,s=>{s?(v.lockScrollBody(),R(),d("open")):(v.unlockScrollBody(),C(),d("close"))}),e.watch(a,()=>{g(),p()}),e.watch(()=>t.items,()=>{var s;a.value&&!((s=i.value)!=null&&s.value)&&(g(),p())},{deep:!0});const g=()=>{i.value=t.items.find(s=>s.value===a.value)},p=()=>{var s;t.allowInput&&(h.value=((s=i.value)==null?void 0:s.text)||"")},N=()=>{document.addEventListener("keydown",E)},E=s=>{s.key==="Escape"&&b()},L=()=>{document.addEventListener("click",_)},_=s=>{[r.value,u.value].some(f=>s.composedPath().includes(f))||b()},S=s=>{a.value=s.value,b(),d("change",s.value),e.nextTick(()=>{B()})},z=(s,l)=>{l.style.width=`${s.offsetWidth}px`},R=()=>{e.nextTick(()=>{v.ensureVisiblePosition(r.value,u.value),z(r.value,u.value)})},C=()=>{v.resetPosition(r.value,u.value)},P=s=>{d("change:input",s)},b=()=>{var s;n.value=!1,(s=k.value)==null||s.blur(),p()};return(()=>{g(),p()})(),e.onMounted(()=>{N(),L()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",E),document.removeEventListener("click",_),v.unlockScrollBody(),C()}),V({validate:B,selectMenu:n}),(s,l)=>{var y,f;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(O,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(U,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:h.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>h.value=o),P],disabled:t.disabled,placeholder:t.placeholder,"hide-details":"",onFocus:l[1]||(l[1]=o=>n.value=!0),"onClick:append":l[2]||(l[2]=o=>{var m;return(m=k.value)==null?void 0:m.focus()})},{appendIcon:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},H,2))]),_:1},8,["id","modelValue","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass($.value),disabled:t.disabled,type:"button",onClick:l[3]||(l[3]=o=>n.value=!n.value)},[e.createElementVNode("span",{class:e.normalizeClass([s.valueCssClass,"ds-truncate"])},[(y=i.value)!=null&&y.text?(e.openBlock(),e.createElementBlock("span",G,e.toDisplayString((f=i.value)==null?void 0:f.text),1)):(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(t.placeholder),1))],2),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},Q,2))],10,A)),e.withDirectives(e.createElementVNode("div",{id:`${c.value}Menu`,ref_key:"selectMenuEl",ref:u,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",Y,[e.createElementVNode("ul",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,m)=>(e.openBlock(),e.createElementBlock("li",{key:`item${m}`,class:"ds-cursor-pointer",onClick:le=>S(o)},[e.createElementVNode("a",{class:e.normalizeClass([o.cssClass+`${o.value===a.value?" ds-bg-gray-150":""}`,"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150"])},e.toDisplayString(o==null?void 0:o.text),3)],8,ee))),128))])])],10,X),[[e.vShow,n.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(F,{key:0,"error-message":e.unref(w).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=se;
+"use strict";const e=require("vue"),T=require("./design-system3.js"),v=require("./design-system6.js"),D=require("./design-system48.js"),F=require("./design-system29.js"),O=require("./design-system30.js"),U=require("./design-system39.js"),W=require("./design-system99.js"),j=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),H=[j],A=["id","disabled"],G={key:0},J={key:1,class:"ds-text-black/[0.4]"},K=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),Q=[K],X=["id","data-cy","data-ut"],Y={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},Z={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ee=["onClick"],se=e.defineComponent({__name:"BSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(x,{expose:V,emit:d}){const t=x,r=e.ref(null),k=e.ref(null),u=e.ref(null),n=e.ref(!1),{t:M}=D.useI18n(),q={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||M("ds.global.field_required")},h=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${W()}`),a=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),$=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=t.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=w.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),I=e.computed(()=>{let s=[];return t.required&&s.push(q),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:w}=T.useValidationField(c.value,a,I.value);e.watch(n,s=>{s?(v.lockScrollBody(),R(),d("open")):(v.unlockScrollBody(),C(),d("close"))}),e.watch(a,()=>{g(),p()}),e.watch(()=>t.items,()=>{var s;a.value&&!((s=i.value)!=null&&s.value)&&(g(),p())},{deep:!0});const g=()=>{i.value=t.items.find(s=>s.value===a.value)},p=()=>{var s;t.allowInput&&(h.value=((s=i.value)==null?void 0:s.text)||"")},N=()=>{document.addEventListener("keydown",E)},E=s=>{s.key==="Escape"&&b()},L=()=>{document.addEventListener("click",_)},_=s=>{[r.value,u.value].some(f=>s.composedPath().includes(f))||b()},S=s=>{a.value=s.value,b(),d("change",s.value),e.nextTick(()=>{B()})},z=(s,l)=>{l.style.width=`${s.offsetWidth}px`},R=()=>{e.nextTick(()=>{v.ensureVisiblePosition(r.value,u.value),z(r.value,u.value)})},C=()=>{v.resetPosition(r.value,u.value)},P=s=>{d("change:input",s)},b=()=>{var s;n.value=!1,(s=k.value)==null||s.blur(),p()};return(()=>{g(),p()})(),e.onMounted(()=>{N(),L()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",E),document.removeEventListener("click",_),v.unlockScrollBody(),C()}),V({validate:B,selectMenu:n}),(s,l)=>{var y,f;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(O,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(U,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:h.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>h.value=o),P],disabled:t.disabled,placeholder:t.placeholder,"hide-details":"",onFocus:l[1]||(l[1]=o=>n.value=!0),"onClick:append":l[2]||(l[2]=o=>{var m;return(m=k.value)==null?void 0:m.focus()})},{appendIcon:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},H,2))]),_:1},8,["id","modelValue","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass($.value),disabled:t.disabled,type:"button",onClick:l[3]||(l[3]=o=>n.value=!n.value)},[e.createElementVNode("span",{class:e.normalizeClass([s.valueCssClass,"ds-truncate"])},[(y=i.value)!=null&&y.text?(e.openBlock(),e.createElementBlock("span",G,e.toDisplayString((f=i.value)==null?void 0:f.text),1)):(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(t.placeholder),1))],2),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},Q,2))],10,A)),e.withDirectives(e.createElementVNode("div",{id:`${c.value}Menu`,ref_key:"selectMenuEl",ref:u,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",Y,[e.createElementVNode("ul",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,m)=>(e.openBlock(),e.createElementBlock("li",{key:`item${m}`,class:"ds-cursor-pointer",onClick:le=>S(o)},[e.createElementVNode("a",{class:e.normalizeClass([o.cssClass+`${o.value===a.value?" ds-bg-gray-150":""}`,"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150"])},e.toDisplayString(o==null?void 0:o.text),3)],8,ee))),128))])])],10,X),[[e.vShow,n.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(F,{key:0,"error-message":e.unref(w).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=se;
 //# sourceMappingURL=design-system22.js.map

package/dist/design-system22.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system22.js","sources":["../src/components/BSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, vShow as _vShow, withDirectives as _withDirectives, unref as _unref } from \"vue\"\n\nconst _hoisted_1 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\" }, null, -1)\nconst _hoisted_2 = [\n  _hoisted_1\n]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = { key: 0 }\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-text-black/[0.4]\"\n}\nconst _hoisted_6 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\" }, null, -1)\nconst _hoisted_7 = [\n  _hoisted_6\n]\nconst _hoisted_8 = [\"id\", \"data-cy\", \"data-ut\"]\nconst _hoisted_9 = { class: \"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow\" }\nconst _hoisted_10 = { class: \"ds-py-1 ds-text-sm ds-text-black/[0.85]\" }\nconst _hoisted_11 = [\"onClick\"]\n\nimport {\r\n  useValidationField,\r\n  type ValidationRule,\r\n} from '@/composables/Validation';\r\nimport {\r\n  ensureVisiblePosition,\r\n  lockScrollBody,\r\n  resetPosition,\r\n  unlockScrollBody,\r\n} from '@/helpers/ComponentHelper';\r\nimport type { DisplayItem } from '@/types';\r\nimport { v4 as uuid } from 'uuid';\r\nimport {\r\n  computed,\r\n  nextTick,\r\n  onBeforeUnmount,\r\n  onMounted,\r\n  ref,\r\n  watch,\r\n} from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\nimport BErrorMessage from './BErrorMessage.vue';\r\nimport BLabel from './BLabel.vue';\r\nimport BTextField from './BTextField.vue';\r\n\r\n//#region Props\r\nexport interface BSelectProps {\r\n  inputId?: string;\r\n  modelValue: string | number;\r\n  label?: string;\r\n  items: DisplayItem[];\r\n  disabled?: boolean;\r\n  placeholder?: string;\r\n  valueCssClass?: string;\r\n  menuCssClass?: string;\r\n  /**\r\n   * Array of custom validation rules.\r\n   */\r\n  validationRules?: ValidationRule[];\r\n  /**\r\n   * Validate if the field is left empty.\r\n   */\r\n  required?: boolean;\r\n  requiredErrorMessage?: string;\r\n  /**\r\n   * Hide the validation error message.\r\n   */\r\n  hideDetails?: boolean;\r\n  /**\r\n   * Allow to type to search.\r\n   */\r\n  allowInput?: boolean;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BSelect',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    items: {},\n    disabled: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    valueCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    allowInput: { type: Boolean, default: false }\n  },\n  emits: [\"change\", \"open\", \"close\", \"change:input\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst selectEl = ref<HTMLElement | null>(null);\r\nconst inputRef = ref<InstanceType<typeof BTextField> | null>(null);\r\nconst selectMenuEl = ref<HTMLElement | null>(null);\r\nconst selectMenu = ref(false);\r\nconst { t } = useI18n();\r\nconst validateRequired: ValidationRule = {\r\n  validateRule: (val) => !!val,\r\n  errorMessage: () =>\r\n    props.requiredErrorMessage || t('ds.global.field_required'),\r\n};\r\nconst inputText = ref('');\r\nconst selectedItem = ref<DisplayItem>();\r\nconst id = computed(() => props.inputId || `id-${uuid()}`);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\nconst btnCssClass = computed(() => {\r\n  let result = `ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between `;\r\n  result += props.disabled\r\n    ? `ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] `\r\n    : `ds-bg-white ds-text-black/[0.85] `;\r\n  result += !validationResult.value.valid\r\n    ? `ds-border-error focus:ds-ring-1 focus:ds-ring-error `\r\n    : `ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus `;\r\n\r\n  return result;\r\n});\r\nconst vRules = computed(() => {\r\n  let result: ValidationRule[] = [];\r\n\r\n  if (props.required) {\r\n    result.push(validateRequired);\r\n  }\r\n  if (props.validationRules) {\r\n    result = result.concat(props.validationRules);\r\n  }\r\n\r\n  return result.length ? result : undefined;\r\n});\r\n\r\nconst { validate, validationResult } = useValidationField(\r\n  id.value,\r\n  value,\r\n  vRules.value,\r\n);\r\n//#endregion\r\n\r\n//#region Watchers\r\nwatch(selectMenu, (val) => {\r\n  if (val) {\r\n    lockScrollBody();\r\n    ensureMenuPosition();\r\n    emit('open');\r\n  } else {\r\n    unlockScrollBody();\r\n    resetMenuPosition();\r\n    emit('close');\r\n  }\r\n});\r\nwatch(value, () => {\r\n  ensureSelectedItem();\r\n  ensureInputText();\r\n});\r\nwatch(\r\n  () => props.items,\r\n  () => {\r\n    if (value.value && !selectedItem.value?.value) {\r\n      ensureSelectedItem();\r\n      ensureInputText();\r\n    }\r\n  },\r\n  {\r\n    deep: true,\r\n  },\r\n);\r\n//#endregion\r\n\r\n//#region Methods\r\nconst ensureSelectedItem = () => {\r\n  selectedItem.value = props.items.find((i) => i.value === value.value);\r\n};\r\nconst ensureInputText = () => {\r\n  if (props.allowInput) {\r\n    inputText.value = selectedItem.value?.text || '';\r\n  }\r\n};\r\nconst initPressEscapeEventListener = () => {\r\n  document.addEventListener('keydown', closeOnEscapePressed);\r\n};\r\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\r\n  if (event.key === 'Escape') {\r\n    closeSelectMenu();\r\n  }\r\n};\r\nconst initClickOutsideEventListener = () => {\r\n  document.addEventListener('click', closeOnClickOutside);\r\n};\r\nconst closeOnClickOutside = (event: any) => {\r\n  const refs = [selectEl.value, selectMenuEl.value];\r\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\r\n  if (!withinBoundaries) {\r\n    closeSelectMenu();\r\n  }\r\n};\r\nconst onClickItem = (item: DisplayItem) => {\r\n  value.value = item.value;\r\n  closeSelectMenu();\r\n  emit('change', item.value);\r\n  nextTick(() => {\r\n    validate();\r\n  });\r\n};\r\nconst ensureMenuWidth = (parentEl: HTMLElement, menuEl: HTMLElement) => {\r\n  menuEl.style.width = `${parentEl.offsetWidth}px`;\r\n};\r\nconst ensureMenuPosition = () => {\r\n  nextTick(() => {\r\n    ensureVisiblePosition(selectEl.value!, selectMenuEl.value!);\r\n    ensureMenuWidth(selectEl.value!, selectMenuEl.value!);\r\n  });\r\n};\r\nconst resetMenuPosition = () => {\r\n  resetPosition(selectEl.value!, selectMenuEl.value!);\r\n};\r\nconst onChangeInputText = (text: string) => {\r\n  emit('change:input', text);\r\n};\r\nconst closeSelectMenu = () => {\r\n  selectMenu.value = false;\r\n  inputRef.value?.blur();\r\n  ensureInputText();\r\n};\r\nconst init = () => {\r\n  ensureSelectedItem();\r\n  ensureInputText();\r\n};\r\ninit();\r\n//#endregion\r\n\r\n//#region Lifecycle Hooks\r\nonMounted(() => {\r\n  initPressEscapeEventListener();\r\n  initClickOutsideEventListener();\r\n});\r\nonBeforeUnmount(() => {\r\n  document.removeEventListener('keydown', closeOnEscapePressed);\r\n  document.removeEventListener('click', closeOnClickOutside);\r\n  unlockScrollBody();\r\n  // Make sure dropdown menu unmounted with itself\r\n  resetMenuPosition();\r\n});\r\n//#endregion\r\n\r\n__expose({ validate, selectMenu });\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", {\n      ref_key: \"selectEl\",\n      ref: selectEl\n    }, [\n      _createVNode(BLabel, {\n        id: id.value,\n        label: _ctx.label,\n        required: _ctx.required\n      }, null, 8, [\"id\", \"label\", \"required\"]),\n      (props.allowInput)\n        ? (_openBlock(), _createBlock(BTextField, {\n            key: 0,\n            id: id.value,\n            ref_key: \"inputRef\",\n            ref: inputRef,\n            modelValue: inputText.value,\n            \"onUpdate:modelValue\": [\n              _cache[0] || (_cache[0] = ($event: any) => ((inputText).value = $event)),\n              onChangeInputText\n            ],\n            disabled: props.disabled,\n            placeholder: props.placeholder,\n            \"hide-details\": \"\",\n            onFocus: _cache[1] || (_cache[1] = ($event: any) => (selectMenu.value = true)),\n            \"onClick:append\": _cache[2] || (_cache[2] = ($event: any) => (inputRef.value?.focus()))\n          }, {\n            appendIcon: _withCtx(() => [\n              (_openBlock(), _createElementBlock(\"svg\", {\n                class: _normalizeClass([[selectMenu.value ? 'ds-rotate-180' : ''], \"ds-h-4 ds-w-4 ds-transition-transform\"]),\n                viewBox: \"0 0 320 512\",\n                xmlns: \"http://www.w3.org/2000/svg\"\n              }, _hoisted_2, 2))\n            ]),\n            _: 1\n          }, 8, [\"id\", \"modelValue\", \"disabled\", \"placeholder\"]))\n        : (_openBlock(), _createElementBlock(\"button\", {\n            key: 1,\n            id: id.value,\n            class: _normalizeClass(btnCssClass.value),\n            disabled: props.disabled,\n            type: \"button\",\n            onClick: _cache[3] || (_cache[3] = ($event: any) => (selectMenu.value = !selectMenu.value))\n          }, [\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate\"])\n            }, [\n              (selectedItem.value?.text)\n                ? (_openBlock(), _createElementBlock(\"span\", _hoisted_4, _toDisplayString(selectedItem.value?.text), 1))\n                : (_openBlock(), _createElementBlock(\"span\", _hoisted_5, _toDisplayString(props.placeholder), 1))\n            ], 2),\n            _createTextVNode(\"   \"),\n            (_openBlock(), _createElementBlock(\"svg\", {\n              class: _normalizeClass([[selectMenu.value ? 'ds-rotate-180' : ''], \"ds-h-4 ds-w-4 ds-transition-transform\"]),\n              viewBox: \"0 0 320 512\",\n              xmlns: \"http://www.w3.org/2000/svg\"\n            }, _hoisted_7, 2))\n          ], 10, _hoisted_3)),\n      _withDirectives(_createElementVNode(\"div\", {\n        id: `${id.value}Menu`,\n        ref_key: \"selectMenuEl\",\n        ref: selectMenuEl,\n        class: _normalizeClass([_ctx.menuCssClass, \"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1\"]),\n        \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n        \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n      }, [\n        _createElementVNode(\"div\", _hoisted_9, [\n          _createElementVNode(\"ul\", _hoisted_10, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.items, (item, index) => {\n              return (_openBlock(), _createElementBlock(\"li\", {\n                key: `item${index}`,\n                class: \"ds-cursor-pointer\",\n                onClick: ($event: any) => (onClickItem(item))\n              }, [\n                _createElementVNode(\"a\", {\n                  class: _normalizeClass([\r\n                  item.cssClass +\r\n                  `${item.value === value.value ? ' ds-bg-gray-150' : ''}`\r\n                , \"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150\"])\n                }, _toDisplayString(item?.text), 3)\n              ], 8, _hoisted_11))\n            }), 128))\n          ])\n        ])\n      ], 10, _hoisted_8), [\n        [_vShow, selectMenu.value]\n      ])\n    ], 512),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_sfc_main","_defineComponent","__props","__expose","emit","props","selectEl","ref","inputRef","selectMenuEl","selectMenu","t","useI18n","validateRequired","val","inputText","selectedItem","id","computed","uuid","value","btnCssClass","result","validationResult","vRules","validate","useValidationField","watch","lockScrollBody","ensureMenuPosition","unlockScrollBody","resetMenuPosition","ensureSelectedItem","ensureInputText","_a","i","initPressEscapeEventListener","closeOnEscapePressed","event","closeSelectMenu","initClickOutsideEventListener","closeOnClickOutside","r","onClickItem","item","nextTick","ensureMenuWidth","parentEl","menuEl","ensureVisiblePosition","resetPosition","onChangeInputText","text","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_createVNode","BLabel","_createBlock","BTextField","$event","_withCtx","_normalizeClass","_toDisplayString","_b","_createTextVNode","_withDirectives","_Fragment","_renderList","index","_vShow","_createCommentVNode","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system22.js","sources":["../src/components/BSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, vShow as _vShow, withDirectives as _withDirectives, unref as _unref } from \"vue\"\n\nconst _hoisted_1 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\" }, null, -1)\nconst _hoisted_2 = [\n  _hoisted_1\n]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = { key: 0 }\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-text-black/[0.4]\"\n}\nconst _hoisted_6 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\" }, null, -1)\nconst _hoisted_7 = [\n  _hoisted_6\n]\nconst _hoisted_8 = [\"id\", \"data-cy\", \"data-ut\"]\nconst _hoisted_9 = { class: \"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow\" }\nconst _hoisted_10 = { class: \"ds-py-1 ds-text-sm ds-text-black/[0.85]\" }\nconst _hoisted_11 = [\"onClick\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport {\n  ensureVisiblePosition,\n  lockScrollBody,\n  resetPosition,\n  unlockScrollBody,\n} from '@/helpers/ComponentHelper';\nimport type { DisplayItem } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\nimport BTextField from './BTextField.vue';\n\n//#region Props\nexport interface BSelectProps {\n  inputId?: string;\n  modelValue: string | number;\n  label?: string;\n  items: DisplayItem[];\n  disabled?: boolean;\n  placeholder?: string;\n  valueCssClass?: string;\n  menuCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Allow to type to search.\n   */\n  allowInput?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BSelect',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    items: {},\n    disabled: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    valueCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    allowInput: { type: Boolean, default: false }\n  },\n  emits: [\"change\", \"open\", \"close\", \"change:input\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst selectEl = ref<HTMLElement | null>(null);\nconst inputRef = ref<InstanceType<typeof BTextField> | null>(null);\nconst selectMenuEl = ref<HTMLElement | null>(null);\nconst selectMenu = ref(false);\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst inputText = ref('');\nconst selectedItem = ref<DisplayItem>();\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 btnCssClass = computed(() => {\n  let result = `ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between `;\n  result += props.disabled\n    ? `ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] `\n    : `ds-bg-white ds-text-black/[0.85] `;\n  result += !validationResult.value.valid\n    ? `ds-border-error focus:ds-ring-1 focus:ds-ring-error `\n    : `ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus `;\n\n  return result;\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});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Watchers\nwatch(selectMenu, (val) => {\n  if (val) {\n    lockScrollBody();\n    ensureMenuPosition();\n    emit('open');\n  } else {\n    unlockScrollBody();\n    resetMenuPosition();\n    emit('close');\n  }\n});\nwatch(value, () => {\n  ensureSelectedItem();\n  ensureInputText();\n});\nwatch(\n  () => props.items,\n  () => {\n    if (value.value && !selectedItem.value?.value) {\n      ensureSelectedItem();\n      ensureInputText();\n    }\n  },\n  {\n    deep: true,\n  },\n);\n//#endregion\n\n//#region Methods\nconst ensureSelectedItem = () => {\n  selectedItem.value = props.items.find((i) => i.value === value.value);\n};\nconst ensureInputText = () => {\n  if (props.allowInput) {\n    inputText.value = selectedItem.value?.text || '';\n  }\n};\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    closeSelectMenu();\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [selectEl.value, selectMenuEl.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    closeSelectMenu();\n  }\n};\nconst onClickItem = (item: DisplayItem) => {\n  value.value = item.value;\n  closeSelectMenu();\n  emit('change', item.value);\n  nextTick(() => {\n    validate();\n  });\n};\nconst ensureMenuWidth = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.width = `${parentEl.offsetWidth}px`;\n};\nconst ensureMenuPosition = () => {\n  nextTick(() => {\n    ensureVisiblePosition(selectEl.value!, selectMenuEl.value!);\n    ensureMenuWidth(selectEl.value!, selectMenuEl.value!);\n  });\n};\nconst resetMenuPosition = () => {\n  resetPosition(selectEl.value!, selectMenuEl.value!);\n};\nconst onChangeInputText = (text: string) => {\n  emit('change:input', text);\n};\nconst closeSelectMenu = () => {\n  selectMenu.value = false;\n  inputRef.value?.blur();\n  ensureInputText();\n};\nconst init = () => {\n  ensureSelectedItem();\n  ensureInputText();\n};\ninit();\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  initPressEscapeEventListener();\n  initClickOutsideEventListener();\n});\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n  document.removeEventListener('click', closeOnClickOutside);\n  unlockScrollBody();\n  // Make sure dropdown menu unmounted with itself\n  resetMenuPosition();\n});\n//#endregion\n\n__expose({ validate, selectMenu });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", {\n      ref_key: \"selectEl\",\n      ref: selectEl\n    }, [\n      _createVNode(BLabel, {\n        id: id.value,\n        label: _ctx.label,\n        required: _ctx.required\n      }, null, 8, [\"id\", \"label\", \"required\"]),\n      (props.allowInput)\n        ? (_openBlock(), _createBlock(BTextField, {\n            key: 0,\n            id: id.value,\n            ref_key: \"inputRef\",\n            ref: inputRef,\n            modelValue: inputText.value,\n            \"onUpdate:modelValue\": [\n              _cache[0] || (_cache[0] = ($event: any) => ((inputText).value = $event)),\n              onChangeInputText\n            ],\n            disabled: props.disabled,\n            placeholder: props.placeholder,\n            \"hide-details\": \"\",\n            onFocus: _cache[1] || (_cache[1] = ($event: any) => (selectMenu.value = true)),\n            \"onClick:append\": _cache[2] || (_cache[2] = ($event: any) => (inputRef.value?.focus()))\n          }, {\n            appendIcon: _withCtx(() => [\n              (_openBlock(), _createElementBlock(\"svg\", {\n                class: _normalizeClass([[selectMenu.value ? 'ds-rotate-180' : ''], \"ds-h-4 ds-w-4 ds-transition-transform\"]),\n                viewBox: \"0 0 320 512\",\n                xmlns: \"http://www.w3.org/2000/svg\"\n              }, _hoisted_2, 2))\n            ]),\n            _: 1\n          }, 8, [\"id\", \"modelValue\", \"disabled\", \"placeholder\"]))\n        : (_openBlock(), _createElementBlock(\"button\", {\n            key: 1,\n            id: id.value,\n            class: _normalizeClass(btnCssClass.value),\n            disabled: props.disabled,\n            type: \"button\",\n            onClick: _cache[3] || (_cache[3] = ($event: any) => (selectMenu.value = !selectMenu.value))\n          }, [\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate\"])\n            }, [\n              (selectedItem.value?.text)\n                ? (_openBlock(), _createElementBlock(\"span\", _hoisted_4, _toDisplayString(selectedItem.value?.text), 1))\n                : (_openBlock(), _createElementBlock(\"span\", _hoisted_5, _toDisplayString(props.placeholder), 1))\n            ], 2),\n            _createTextVNode(\"   \"),\n            (_openBlock(), _createElementBlock(\"svg\", {\n              class: _normalizeClass([[selectMenu.value ? 'ds-rotate-180' : ''], \"ds-h-4 ds-w-4 ds-transition-transform\"]),\n              viewBox: \"0 0 320 512\",\n              xmlns: \"http://www.w3.org/2000/svg\"\n            }, _hoisted_7, 2))\n          ], 10, _hoisted_3)),\n      _withDirectives(_createElementVNode(\"div\", {\n        id: `${id.value}Menu`,\n        ref_key: \"selectMenuEl\",\n        ref: selectMenuEl,\n        class: _normalizeClass([_ctx.menuCssClass, \"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1\"]),\n        \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n        \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n      }, [\n        _createElementVNode(\"div\", _hoisted_9, [\n          _createElementVNode(\"ul\", _hoisted_10, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.items, (item, index) => {\n              return (_openBlock(), _createElementBlock(\"li\", {\n                key: `item${index}`,\n                class: \"ds-cursor-pointer\",\n                onClick: ($event: any) => (onClickItem(item))\n              }, [\n                _createElementVNode(\"a\", {\n                  class: _normalizeClass([\n                  item.cssClass +\n                  `${item.value === value.value ? ' ds-bg-gray-150' : ''}`\n                , \"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150\"])\n                }, _toDisplayString(item?.text), 3)\n              ], 8, _hoisted_11))\n            }), 128))\n          ])\n        ])\n      ], 10, _hoisted_8), [\n        [_vShow, selectMenu.value]\n      ])\n    ], 512),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_sfc_main","_defineComponent","__props","__expose","emit","props","selectEl","ref","inputRef","selectMenuEl","selectMenu","t","useI18n","validateRequired","val","inputText","selectedItem","id","computed","uuid","value","btnCssClass","result","validationResult","vRules","validate","useValidationField","watch","lockScrollBody","ensureMenuPosition","unlockScrollBody","resetMenuPosition","ensureSelectedItem","ensureInputText","_a","i","initPressEscapeEventListener","closeOnEscapePressed","event","closeSelectMenu","initClickOutsideEventListener","closeOnClickOutside","r","onClickItem","item","nextTick","ensureMenuWidth","parentEl","menuEl","ensureVisiblePosition","resetPosition","onChangeInputText","text","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_createVNode","BLabel","_createBlock","BTextField","$event","_withCtx","_normalizeClass","_toDisplayString","_b","_createTextVNode","_withDirectives","_Fragment","_renderList","index","_vShow","_createCommentVNode","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system22.mjs

@@ -5,7 +5,7 @@ import { useI18n as re } from "./design-system48.mjs";
 import ie from "./design-system29.mjs";
 import ce from "./design-system30.mjs";
 import ve from "./design-system39.mjs";
-import pe from "./design-system98.mjs";
+import pe from "./design-system99.mjs";
 const fe = /* @__PURE__ */ n("path", { d: "M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z" }, null, -1), me = [
   fe
 ], he = ["id", "disabled"], be = { key: 0 }, ge = {