@7pmlabs/design-system 0.2.0 → 0.2.1

package/dist/design-system11.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system11.js","sources":["../src/components/BDropdown/BDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, createTextVNode as _createTextVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = [\"id\"]\nconst _hoisted_3 = { class: \"ds-truncate\" }\nconst _hoisted_4 = [\"id\", \"data-cy\", \"data-ut\"]\n\nimport {\n  ensureVisiblePosition,\n  resetPosition,\n} from '@/helpers/ComponentHelper';\nimport type { BDropdownProps } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDropdown',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: Boolean, default: undefined },\n    label: { default: '' },\n    text: { default: '' },\n    toggleCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    noCloseOnClickOutside: { type: Boolean, default: false },\n    noCloseOnEsc: { type: Boolean, default: false },\n    menuFixed: { type: Boolean, default: false }\n  },\n  emits: [\"update:modelValue\", \"hidden\", \"shown\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst toggle = ref<HTMLElement | null>(null);\nconst dropdown = ref<HTMLElement | null>(null);\nconst dropdownMenu = ref<HTMLElement | null>(null);\nconst mValue = ref(false);\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val: boolean) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\n\n/**\n * Watch\n */\nwatch(value, (val) => {\n  if (val) {\n    ensureMenuPosition();\n  } else {\n    resetMenuPosition();\n    toggle.value?.blur();\n  }\n});\n\n/**\n * Watch\n */\nwatch(\n  () => props.noCloseOnClickOutside,\n  (val) => {\n    if (val) {\n      removeClickOutsideEventListener();\n    } else {\n      initClickOutsideEventListener();\n    }\n  }\n);\n\nwatch(\n  () => props.noCloseOnEsc,\n  (val) => {\n    if (val) {\n      removePressEscapeEventListener();\n    } else {\n      initPressEscapeEventListener();\n    }\n  }\n);\n\n/**\n * Methods\n */\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: any) => {\n  if (event.key === 'Escape') {\n    close();\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [dropdown.value, dropdownMenu.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    close();\n  }\n};\nconst onClickToggle = () => {\n  value.value = !value.value;\n};\nconst ensureMenuPosition = () => {\n  nextTick(() => {\n    ensureVisiblePosition(\n      dropdown.value!,\n      dropdownMenu.value!,\n      props.menuFixed\n    );\n    emit('shown');\n  });\n};\nconst resetMenuPosition = () => {\n  resetPosition(dropdown.value!, dropdownMenu.value!);\n  emit('hidden');\n};\nconst close = () => {\n  value.value = false;\n};\nconst removePressEscapeEventListener = () => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  if (!props.noCloseOnEsc) {\n    initPressEscapeEventListener();\n  }\n  if (!props.noCloseOnClickOutside) {\n    initClickOutsideEventListener();\n  }\n});\nonBeforeUnmount(() => {\n  removePressEscapeEventListener();\n  removeClickOutsideEventListener();\n  // Make sure dropdown menu unmounted with itself\n  resetMenuPosition();\n});\n\n/**\n * Provide\n */\nprovide('closeDropdown', close);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"dropdown\",\n    ref: dropdown\n  }, [\n    (props.label)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: id.value,\n          class: \"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500\"\n        }, _toDisplayString(props.label), 9, _hoisted_1))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"button\", {\n      id: id.value,\n      ref_key: \"toggle\",\n      ref: toggle,\n      class: _normalizeClass([_ctx.toggleCssClass, \"ds-inline-flex ds-w-full ds-items-center ds-justify-between ds-rounded-lg ds-bg-gray-200 ds-px-5 ds-py-2.5 ds-text-gray-700 focus:ds-ring-1 focus:ds-ring-primary-t\"]),\n      type: \"button\",\n      onClick: onClickToggle\n    }, [\n      _renderSlot(_ctx.$slots, \"toggle\", {}, () => [\n        _createElementVNode(\"span\", _hoisted_3, _toDisplayString(props.text), 1),\n        _createTextVNode(\"   \"),\n        _createElementVNode(\"span\", {\n          class: _normalizeClass([`${value.value ? 'ds-rotate-180' : ''}`, \"fa-solid fa-caret-down ds-transition-transform\"])\n        }, null, 2)\n      ])\n    ], 10, _hoisted_2),\n    _withDirectives(_createElementVNode(\"div\", {\n      id: `${id.value}Menu`,\n      ref_key: \"dropdownMenu\",\n      ref: dropdownMenu,\n      class: _normalizeClass([`${_ctx.menuCssClass} ${props.menuFixed ? 'ds-fixed' : 'ds-absolute'}`, \"ds-z-50 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      _renderSlot(_ctx.$slots, \"default\")\n    ], 10, _hoisted_4), [\n      [_vShow, value.value]\n    ])\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","emit","props","toggle","ref","dropdown","dropdownMenu","mValue","id","computed","uuid","value","val","watch","ensureMenuPosition","resetMenuPosition","_a","removeClickOutsideEventListener","initClickOutsideEventListener","removePressEscapeEventListener","initPressEscapeEventListener","closeOnEscapePressed","event","close","closeOnClickOutside","r","onClickToggle","nextTick","ensureVisiblePosition","resetPosition","onMounted","onBeforeUnmount","provide","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_createTextVNode","_withDirectives","_vShow"],"mappings":"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"}
+{"version":3,"file":"design-system11.js","sources":["../src/components/BDateRangePicker.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"placeholder\"]\nconst _hoisted_3 = [\"for\"]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\n/**\n * https://stackoverflow.com/questions/25384360/how-to-prevent-moment-js-from-loading-locales-with-webpack\n * Due to this issue with moment (it loads a bunch of unnecessary ./locale)\n * https://github.com/ksloan/moment-mini\n */\nimport { useI18n } from 'vue-i18n';\n// https://air-datepicker.com/docs\n// DO NOT upgrade to the higher version than 3.3.0\nimport AirDatepicker, {\n  type AirDatepickerButton,\n  type AirDatepickerLocale,\n} from 'air-datepicker';\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { BDatePickerView } from '@/constants/Enums';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport type { BDateRangePickerProps } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\nimport { isEmpty } from 'lodash-es';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDateRangePicker',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    minDate: { default: '' },\n    maxDate: { default: '' },\n    view: { default: BDatePickerView.Days },\n    hideDetails: { type: Boolean, default: false },\n    position: { default: 'bottom left' }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t, locale } = useI18n();\nlet datePicker: AirDatepicker<HTMLInputElement>;\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst selectedDate = ref();\n\n/**\n * Computed\n */\n// The \"Failed to execute 'querySelector' on Document\" error occurs when using querySelector method with an identifier that starts with a digit\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst datePickerButtons = computed<AirDatepickerButton[]>(() => [\n  {\n    content: t('ds.components.base.date_picker.buttons.cancel'),\n    className:\n      'ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1',\n    onClick: (dp) => {\n      dp.clear();\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n  },\n  {\n    content: t('ds.components.base.date_picker.buttons.confirm'),\n    className: `${id.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,\n    onClick: (dp) => {\n      value.value = selectedDate.value;\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n    attrs: props.required\n      ? {\n          disabled: '',\n        }\n      : undefined,\n  },\n]);\nconst datePickerOptions = computed(() => {\n  const datePickerLocale: AirDatepickerLocale = {\n    days: [\n      t('ds.components.base.date_picker.days.sunday'),\n      t('ds.components.base.date_picker.days.monday'),\n      t('ds.components.base.date_picker.days.tuesday'),\n      t('ds.components.base.date_picker.days.wednesday'),\n      t('ds.components.base.date_picker.days.thursday'),\n      t('ds.components.base.date_picker.days.friday'),\n      t('ds.components.base.date_picker.days.saturday'),\n    ],\n    daysShort: [\n      t('ds.components.base.date_picker.days_short.sunday'),\n      t('ds.components.base.date_picker.days_short.monday'),\n      t('ds.components.base.date_picker.days_short.tuesday'),\n      t('ds.components.base.date_picker.days_short.wednesday'),\n      t('ds.components.base.date_picker.days_short.thursday'),\n      t('ds.components.base.date_picker.days_short.friday'),\n      t('ds.components.base.date_picker.days_short.saturday'),\n    ],\n    daysMin: [\n      t('ds.components.base.date_picker.days_min.sunday'),\n      t('ds.components.base.date_picker.days_min.monday'),\n      t('ds.components.base.date_picker.days_min.tuesday'),\n      t('ds.components.base.date_picker.days_min.wednesday'),\n      t('ds.components.base.date_picker.days_min.thursday'),\n      t('ds.components.base.date_picker.days_min.friday'),\n      t('ds.components.base.date_picker.days_min.saturday'),\n    ],\n    months: [\n      t('ds.components.base.date_picker.months.january'),\n      t('ds.components.base.date_picker.months.february'),\n      t('ds.components.base.date_picker.months.march'),\n      t('ds.components.base.date_picker.months.april'),\n      t('ds.components.base.date_picker.months.may'),\n      t('ds.components.base.date_picker.months.june'),\n      t('ds.components.base.date_picker.months.july'),\n      t('ds.components.base.date_picker.months.august'),\n      t('ds.components.base.date_picker.months.september'),\n      t('ds.components.base.date_picker.months.october'),\n      t('ds.components.base.date_picker.months.november'),\n      t('ds.components.base.date_picker.months.december'),\n    ],\n    monthsShort: [\n      t('ds.components.base.date_picker.months_short.january'),\n      t('ds.components.base.date_picker.months_short.february'),\n      t('ds.components.base.date_picker.months_short.march'),\n      t('ds.components.base.date_picker.months_short.april'),\n      t('ds.components.base.date_picker.months_short.may'),\n      t('ds.components.base.date_picker.months_short.june'),\n      t('ds.components.base.date_picker.months_short.july'),\n      t('ds.components.base.date_picker.months_short.august'),\n      t('ds.components.base.date_picker.months_short.september'),\n      t('ds.components.base.date_picker.months_short.october'),\n      t('ds.components.base.date_picker.months_short.november'),\n      t('ds.components.base.date_picker.months_short.december'),\n    ],\n    today: t('ds.components.base.date_picker.buttons.today'),\n    clear: t('ds.components.base.date_picker.buttons.clear'),\n    dateFormat: 'dd/MM/yyyy',\n    timeFormat: 'HH:mm',\n    firstDay: 1, // Monday\n  };\n  const onSelectDatePicker = ({\n    date,\n  }: {\n    date: Date | Date[];\n    formattedDate: string | string[];\n    datepicker: AirDatepicker;\n  }) => {\n    // 'date' is undefined when clicking 'Clear' button/ deselect the date\n    selectedDate.value = date;\n    if (props.required) {\n      toggleButtonConfirm(!!date);\n    }\n  };\n\n  return {\n    locale: datePickerLocale,\n    selectedDates: [...props.modelValue],\n    onSelect: onSelectDatePicker,\n    buttons: [...datePickerButtons.value],\n    showOtherMonths: false,\n    timepicker: false,\n    onlyTimepicker: false,\n    minDate: props.minDate,\n    maxDate: props.maxDate,\n    view: props.view,\n    onHide: onHidePicker,\n    onShow: onShowPicker,\n    navTitles: {\n      days: 'MMMM yyyy',\n    },\n    position: props.position,\n    range: true,\n    multipleDatesSeparator: ' - ',\n  } as any; // AirDatepickerOptions\n});\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst inputCssClassValue = computed(() => [\n  'ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]',\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n    '!ds-border-focus ds-ring-1 ds-ring-focus': datePickerVisible.value,\n  },\n  props.inputCssClass,\n]);\nconst datePickerVisible = ref(false);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n\n/**\n * Watch\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    if (checkIfModelNeedToSync(datePicker.selectedDates)) {\n      datePicker.selectDate(props.modelValue);\n    }\n  },\n  { deep: true },\n);\nwatch(\n  [\n    locale,\n    () => props.position,\n    () => props.minDate,\n    () => props.maxDate,\n    () => props.view,\n  ],\n  () => {\n    datePicker.update(datePickerOptions.value);\n  },\n);\n\nonMounted(() => {\n  datePicker = new AirDatepicker<HTMLInputElement>(\n    `#${id.value}Picker`,\n    datePickerOptions.value,\n  );\n});\n\n/**\n * Methods\n */\nconst onHidePicker = () => {\n  datePickerVisible.value = false;\n  unlockScrollBody();\n};\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onShowPicker = () => {\n  datePickerVisible.value = true;\n  if (props.modelValue) {\n    datePicker.selectDate(props.modelValue);\n  } else {\n    datePicker.clear();\n  }\n  lockScrollBody();\n};\nconst checkIfModelNeedToSync = (date: Date[]) => {\n  const rules = [\n    !isEmpty(props.modelValue) && isEmpty(date),\n    !isEmpty(date) && isEmpty(props.modelValue),\n    !isEmpty(props.modelValue) &&\n      !isEmpty(date) &&\n      props.modelValue.some((v, i) => v?.getTime() !== date[i]?.getTime()),\n  ];\n\n  return rules.some((r) => r);\n};\nconst toggleButtonConfirm = (enabled: boolean) => {\n  const btnEl = document.querySelector(`.${id.value}-btn-confirm`);\n  if (enabled) {\n    btnEl?.removeAttribute('disabled');\n  } else {\n    btnEl?.setAttribute('disabled', '');\n  }\n};\n\n/**\n * Lifecycle hooks\n */\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"input\", {\n        id: `${id.value}Picker`,\n        class: _normalizeClass([inputCssClassValue.value, \"ds-absolute ds-top-0 ds-z-[1] ds-drop-shadow-light\"]),\n        disabled: _ctx.disabled,\n        placeholder: _ctx.placeholder,\n        readonly: \"\"\n      }, null, 10, _hoisted_2),\n      _createElementVNode(\"label\", {\n        for: `${id.value}Picker`,\n        class: \"ds-absolute ds-right-3 ds-top-2 ds-z-[3]\"\n      }, [\n        _createElementVNode(\"i\", {\n          class: _normalizeClass([[\n            props.disabled ? 'ds-text-black/[0.4]' : 'ds-text-black/[0.85]',\n          ], \"fa-solid fa-calendar-lines\"])\n        }, null, 2)\n      ], 8, _hoisted_3)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\",\n          \"prepend-icon\": \"fa-solid fa-circle-exclamation\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","BDatePickerView","__props","emit","props","t","locale","useI18n","datePicker","validateRequired","val","selectedDate","ref","id","computed","uuid","value","datePickerButtons","dp","nextTick","validate","datePickerOptions","datePickerLocale","onSelectDatePicker","date","toggleButtonConfirm","onHidePicker","onShowPicker","vRules","result","inputCssClassValue","validationResult","datePickerVisible","useValidationField","watch","checkIfModelNeedToSync","onMounted","AirDatepicker","unlockScrollBody","lockScrollBody","isEmpty","v","i","_a","r","enabled","btnEl","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system11.mjs

@@ -1,115 +1,248 @@
-import { defineComponent as M, ref as d, computed as h, watch as c, nextTick as P, onMounted as D, onBeforeUnmount as z, provide as F, openBlock as b, createElementBlock as O, toDisplayString as $, createCommentVNode as N, createElementVNode as a, normalizeClass as f, renderSlot as V, createTextVNode as S, withDirectives as T, vShow as I } from "vue";
-import { ensureVisiblePosition as j, resetPosition as U } from "./design-system6.mjs";
-import q from "./design-system83.mjs";
-const A = ["for"], G = ["id"], H = { class: "ds-truncate" }, J = ["id", "data-cy", "data-ut"], X = /* @__PURE__ */ M({
-  __name: "BDropdown",
+import { defineComponent as N, ref as y, computed as n, nextTick as k, watch as h, onMounted as T, onBeforeUnmount as H, openBlock as v, createElementBlock as I, createVNode as z, createElementVNode as c, normalizeClass as g, createBlock as A, unref as F, createCommentVNode as E } from "vue";
+import { useI18n as O } from "./design-system41.mjs";
+import L from "./design-system85.mjs";
+import { useValidationField as U } from "./design-system3.mjs";
+import { BDatePickerView as G } from "./design-system5.mjs";
+import { unlockScrollBody as D, lockScrollBody as J } from "./design-system6.mjs";
+import K from "./design-system27.mjs";
+import Q from "./design-system28.mjs";
+import W from "./design-system86.mjs";
+import i from "./design-system90.mjs";
+const X = { class: "ds-relative" }, Y = ["id", "disabled", "placeholder"], Z = ["for"], le = /* @__PURE__ */ N({
+  __name: "BDateRangePicker",
   props: {
     inputId: { default: "" },
-    modelValue: { type: Boolean, default: void 0 },
+    modelValue: {},
     label: { default: "" },
-    text: { default: "" },
-    toggleCssClass: { default: "" },
-    menuCssClass: { default: "" },
-    noCloseOnClickOutside: { type: Boolean, default: !1 },
-    noCloseOnEsc: { type: Boolean, default: !1 },
-    menuFixed: { type: Boolean, default: !1 }
+    validationRules: { default: void 0 },
+    placeholder: { default: "" },
+    required: { type: Boolean, default: !1 },
+    requiredErrorMessage: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    inputCssClass: { default: "" },
+    minDate: { default: "" },
+    maxDate: { default: "" },
+    view: { default: G.Days },
+    hideDetails: { type: Boolean, default: !1 },
+    position: { default: "bottom left" }
   },
-  emits: ["update:modelValue", "hidden", "shown"],
-  setup(B, { emit: i }) {
-    const s = B, m = d(null), o = d(null), n = d(null), p = d(!1), u = h(() => s.inputId || `id-${q()}`), t = h({
+  emits: ["update:modelValue"],
+  setup(V, { emit: x }) {
+    const s = V, { t: e, locale: w } = O();
+    let r;
+    const M = {
+      validateRule: (t) => !!t,
+      errorMessage: () => s.requiredErrorMessage || e("ds.global.field_required")
+    }, p = y(), d = n(() => s.inputId || `id-${W()}`), u = n({
       get() {
-        return s.modelValue !== void 0 ? s.modelValue : p.value;
+        return s.modelValue;
       },
-      set(e) {
-        s.modelValue !== void 0 ? i("update:modelValue", e) : p.value = e;
+      set(t) {
+        x("update:modelValue", t);
       }
-    });
-    c(t, (e) => {
-      var l;
-      e ? x() : (k(), (l = m.value) == null || l.blur());
-    }), c(
-      () => s.noCloseOnClickOutside,
-      (e) => {
-        e ? E() : y();
-      }
-    ), c(
-      () => s.noCloseOnEsc,
-      (e) => {
-        e ? w() : v();
+    }), B = n(() => [
+      {
+        content: e("ds.components.base.date_picker.buttons.cancel"),
+        className: "ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1",
+        onClick: (t) => {
+          t.clear(), k(() => {
+            f();
+          }), t.hide();
+        }
+      },
+      {
+        content: e("ds.components.base.date_picker.buttons.confirm"),
+        className: `${d.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,
+        onClick: (t) => {
+          u.value = p.value, k(() => {
+            f();
+          }), t.hide();
+        },
+        attrs: s.required ? {
+          disabled: ""
+        } : void 0
       }
+    ]), b = n(() => {
+      const t = {
+        days: [
+          e("ds.components.base.date_picker.days.sunday"),
+          e("ds.components.base.date_picker.days.monday"),
+          e("ds.components.base.date_picker.days.tuesday"),
+          e("ds.components.base.date_picker.days.wednesday"),
+          e("ds.components.base.date_picker.days.thursday"),
+          e("ds.components.base.date_picker.days.friday"),
+          e("ds.components.base.date_picker.days.saturday")
+        ],
+        daysShort: [
+          e("ds.components.base.date_picker.days_short.sunday"),
+          e("ds.components.base.date_picker.days_short.monday"),
+          e("ds.components.base.date_picker.days_short.tuesday"),
+          e("ds.components.base.date_picker.days_short.wednesday"),
+          e("ds.components.base.date_picker.days_short.thursday"),
+          e("ds.components.base.date_picker.days_short.friday"),
+          e("ds.components.base.date_picker.days_short.saturday")
+        ],
+        daysMin: [
+          e("ds.components.base.date_picker.days_min.sunday"),
+          e("ds.components.base.date_picker.days_min.monday"),
+          e("ds.components.base.date_picker.days_min.tuesday"),
+          e("ds.components.base.date_picker.days_min.wednesday"),
+          e("ds.components.base.date_picker.days_min.thursday"),
+          e("ds.components.base.date_picker.days_min.friday"),
+          e("ds.components.base.date_picker.days_min.saturday")
+        ],
+        months: [
+          e("ds.components.base.date_picker.months.january"),
+          e("ds.components.base.date_picker.months.february"),
+          e("ds.components.base.date_picker.months.march"),
+          e("ds.components.base.date_picker.months.april"),
+          e("ds.components.base.date_picker.months.may"),
+          e("ds.components.base.date_picker.months.june"),
+          e("ds.components.base.date_picker.months.july"),
+          e("ds.components.base.date_picker.months.august"),
+          e("ds.components.base.date_picker.months.september"),
+          e("ds.components.base.date_picker.months.october"),
+          e("ds.components.base.date_picker.months.november"),
+          e("ds.components.base.date_picker.months.december")
+        ],
+        monthsShort: [
+          e("ds.components.base.date_picker.months_short.january"),
+          e("ds.components.base.date_picker.months_short.february"),
+          e("ds.components.base.date_picker.months_short.march"),
+          e("ds.components.base.date_picker.months_short.april"),
+          e("ds.components.base.date_picker.months_short.may"),
+          e("ds.components.base.date_picker.months_short.june"),
+          e("ds.components.base.date_picker.months_short.july"),
+          e("ds.components.base.date_picker.months_short.august"),
+          e("ds.components.base.date_picker.months_short.september"),
+          e("ds.components.base.date_picker.months_short.october"),
+          e("ds.components.base.date_picker.months_short.november"),
+          e("ds.components.base.date_picker.months_short.december")
+        ],
+        today: e("ds.components.base.date_picker.buttons.today"),
+        clear: e("ds.components.base.date_picker.buttons.clear"),
+        dateFormat: "dd/MM/yyyy",
+        timeFormat: "HH:mm",
+        firstDay: 1
+        // Monday
+      }, a = ({
+        date: o
+      }) => {
+        p.value = o, s.required && $(!!o);
+      };
+      return {
+        locale: t,
+        selectedDates: [...s.modelValue],
+        onSelect: a,
+        buttons: [...B.value],
+        showOtherMonths: !1,
+        timepicker: !1,
+        onlyTimepicker: !1,
+        minDate: s.minDate,
+        maxDate: s.maxDate,
+        view: s.view,
+        onHide: C,
+        onShow: S,
+        navTitles: {
+          days: "MMMM yyyy"
+        },
+        position: s.position,
+        range: !0,
+        multipleDatesSeparator: " - "
+      };
+    }), P = n(() => {
+      let t = [];
+      return s.required && t.push(M), s.validationRules && (t = t.concat(s.validationRules)), t.length ? t : void 0;
+    }), q = n(() => [
+      "ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]",
+      {
+        "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]": s.disabled,
+        "ds-text-black/[0.85]": !s.disabled,
+        "ds-border-error focus:ds-ring-1 focus:ds-ring-error": !m.value.valid,
+        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": m.value.valid,
+        "!ds-border-focus ds-ring-1 ds-ring-focus": l.value
+      },
+      s.inputCssClass
+    ]), l = y(!1), { validate: f, validationResult: m } = U(
+      d.value,
+      u,
+      P.value
     );
-    const v = () => {
-      document.addEventListener("keydown", C);
-    }, C = (e) => {
-      e.key === "Escape" && r();
-    }, y = () => {
-      document.addEventListener("click", g);
-    }, g = (e) => {
-      [o.value, n.value].some((L) => e.composedPath().includes(L)) || r();
-    }, _ = () => {
-      t.value = !t.value;
-    }, x = () => {
-      P(() => {
-        j(
-          o.value,
-          n.value,
-          s.menuFixed
-        ), i("shown");
-      });
-    }, k = () => {
-      U(o.value, n.value), i("hidden");
-    }, r = () => {
-      t.value = !1;
-    }, w = () => {
-      document.removeEventListener("keydown", C);
-    }, E = () => {
-      document.removeEventListener("click", g);
+    h(
+      () => s.modelValue,
+      () => {
+        R(r.selectedDates) && r.selectDate(s.modelValue);
+      },
+      { deep: !0 }
+    ), h(
+      [
+        w,
+        () => s.position,
+        () => s.minDate,
+        () => s.maxDate,
+        () => s.view
+      ],
+      () => {
+        r.update(b.value);
+      }
+    ), T(() => {
+      r = new L(
+        `#${d.value}Picker`,
+        b.value
+      );
+    });
+    const C = () => {
+      l.value = !1, D();
+    }, S = () => {
+      l.value = !0, s.modelValue ? r.selectDate(s.modelValue) : r.clear(), J();
+    }, R = (t) => [
+      !i(s.modelValue) && i(t),
+      !i(t) && i(s.modelValue),
+      !i(s.modelValue) && !i(t) && s.modelValue.some((o, j) => {
+        var _;
+        return (o == null ? void 0 : o.getTime()) !== ((_ = t[j]) == null ? void 0 : _.getTime());
+      })
+    ].some((o) => o), $ = (t) => {
+      const a = document.querySelector(`.${d.value}-btn-confirm`);
+      t ? a == null || a.removeAttribute("disabled") : a == null || a.setAttribute("disabled", "");
     };
-    return D(() => {
-      s.noCloseOnEsc || v(), s.noCloseOnClickOutside || y();
-    }), z(() => {
-      w(), E(), k();
-    }), F("closeDropdown", r), (e, l) => (b(), O("div", {
-      ref_key: "dropdown",
-      ref: o
-    }, [
-      s.label ? (b(), O("label", {
-        key: 0,
-        for: u.value,
-        class: "ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"
-      }, $(s.label), 9, A)) : N("", !0),
-      a("button", {
-        id: u.value,
-        ref_key: "toggle",
-        ref: m,
-        class: f([e.toggleCssClass, "ds-inline-flex ds-w-full ds-items-center ds-justify-between ds-rounded-lg ds-bg-gray-200 ds-px-5 ds-py-2.5 ds-text-gray-700 focus:ds-ring-1 focus:ds-ring-primary-t"]),
-        type: "button",
-        onClick: _
-      }, [
-        V(e.$slots, "toggle", {}, () => [
-          a("span", H, $(s.text), 1),
-          S("   "),
-          a("span", {
-            class: f([`${t.value ? "ds-rotate-180" : ""}`, "fa-solid fa-caret-down ds-transition-transform"])
+    return H(() => {
+      D();
+    }), (t, a) => (v(), I("div", null, [
+      z(Q, {
+        id: d.value,
+        label: t.label,
+        required: t.required
+      }, null, 8, ["id", "label", "required"]),
+      c("div", X, [
+        c("input", {
+          id: `${d.value}Picker`,
+          class: g([q.value, "ds-absolute ds-top-0 ds-z-[1] ds-drop-shadow-light"]),
+          disabled: t.disabled,
+          placeholder: t.placeholder,
+          readonly: ""
+        }, null, 10, Y),
+        c("label", {
+          for: `${d.value}Picker`,
+          class: "ds-absolute ds-right-3 ds-top-2 ds-z-[3]"
+        }, [
+          c("i", {
+            class: g([[
+              s.disabled ? "ds-text-black/[0.4]" : "ds-text-black/[0.85]"
+            ], "fa-solid fa-calendar-lines"])
           }, null, 2)
-        ])
-      ], 10, G),
-      T(a("div", {
-        id: `${u.value}Menu`,
-        ref_key: "dropdownMenu",
-        ref: n,
-        class: f([`${e.menuCssClass} ${s.menuFixed ? "ds-fixed" : "ds-absolute"}`, "ds-z-50 ds-py-1"]),
-        "data-cy": e.$attrs["data-cy"] ? `${e.$attrs["data-cy"]}Menu` : void 0,
-        "data-ut": e.$attrs["data-ut"] ? `${e.$attrs["data-ut"]}Menu` : void 0
-      }, [
-        V(e.$slots, "default")
-      ], 10, J), [
-        [I, t.value]
-      ])
-    ], 512));
+        ], 8, Z)
+      ]),
+      t.hideDetails ? E("", !0) : (v(), A(K, {
+        key: 0,
+        "error-message": F(m).errorMessage(),
+        class: "ds-mt-1",
+        "prepend-icon": "fa-solid fa-circle-exclamation"
+      }, null, 8, ["error-message"]))
+    ]));
   }
 });
 export {
-  X as default
+  le as default
 };
 //# sourceMappingURL=design-system11.mjs.map

package/dist/design-system11.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system11.mjs","sources":["../src/components/BDropdown/BDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, createTextVNode as _createTextVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = [\"id\"]\nconst _hoisted_3 = { class: \"ds-truncate\" }\nconst _hoisted_4 = [\"id\", \"data-cy\", \"data-ut\"]\n\nimport {\n  ensureVisiblePosition,\n  resetPosition,\n} from '@/helpers/ComponentHelper';\nimport type { BDropdownProps } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDropdown',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: Boolean, default: undefined },\n    label: { default: '' },\n    text: { default: '' },\n    toggleCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    noCloseOnClickOutside: { type: Boolean, default: false },\n    noCloseOnEsc: { type: Boolean, default: false },\n    menuFixed: { type: Boolean, default: false }\n  },\n  emits: [\"update:modelValue\", \"hidden\", \"shown\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst toggle = ref<HTMLElement | null>(null);\nconst dropdown = ref<HTMLElement | null>(null);\nconst dropdownMenu = ref<HTMLElement | null>(null);\nconst mValue = ref(false);\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val: boolean) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\n\n/**\n * Watch\n */\nwatch(value, (val) => {\n  if (val) {\n    ensureMenuPosition();\n  } else {\n    resetMenuPosition();\n    toggle.value?.blur();\n  }\n});\n\n/**\n * Watch\n */\nwatch(\n  () => props.noCloseOnClickOutside,\n  (val) => {\n    if (val) {\n      removeClickOutsideEventListener();\n    } else {\n      initClickOutsideEventListener();\n    }\n  }\n);\n\nwatch(\n  () => props.noCloseOnEsc,\n  (val) => {\n    if (val) {\n      removePressEscapeEventListener();\n    } else {\n      initPressEscapeEventListener();\n    }\n  }\n);\n\n/**\n * Methods\n */\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: any) => {\n  if (event.key === 'Escape') {\n    close();\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [dropdown.value, dropdownMenu.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    close();\n  }\n};\nconst onClickToggle = () => {\n  value.value = !value.value;\n};\nconst ensureMenuPosition = () => {\n  nextTick(() => {\n    ensureVisiblePosition(\n      dropdown.value!,\n      dropdownMenu.value!,\n      props.menuFixed\n    );\n    emit('shown');\n  });\n};\nconst resetMenuPosition = () => {\n  resetPosition(dropdown.value!, dropdownMenu.value!);\n  emit('hidden');\n};\nconst close = () => {\n  value.value = false;\n};\nconst removePressEscapeEventListener = () => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  if (!props.noCloseOnEsc) {\n    initPressEscapeEventListener();\n  }\n  if (!props.noCloseOnClickOutside) {\n    initClickOutsideEventListener();\n  }\n});\nonBeforeUnmount(() => {\n  removePressEscapeEventListener();\n  removeClickOutsideEventListener();\n  // Make sure dropdown menu unmounted with itself\n  resetMenuPosition();\n});\n\n/**\n * Provide\n */\nprovide('closeDropdown', close);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"dropdown\",\n    ref: dropdown\n  }, [\n    (props.label)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: id.value,\n          class: \"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500\"\n        }, _toDisplayString(props.label), 9, _hoisted_1))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"button\", {\n      id: id.value,\n      ref_key: \"toggle\",\n      ref: toggle,\n      class: _normalizeClass([_ctx.toggleCssClass, \"ds-inline-flex ds-w-full ds-items-center ds-justify-between ds-rounded-lg ds-bg-gray-200 ds-px-5 ds-py-2.5 ds-text-gray-700 focus:ds-ring-1 focus:ds-ring-primary-t\"]),\n      type: \"button\",\n      onClick: onClickToggle\n    }, [\n      _renderSlot(_ctx.$slots, \"toggle\", {}, () => [\n        _createElementVNode(\"span\", _hoisted_3, _toDisplayString(props.text), 1),\n        _createTextVNode(\"   \"),\n        _createElementVNode(\"span\", {\n          class: _normalizeClass([`${value.value ? 'ds-rotate-180' : ''}`, \"fa-solid fa-caret-down ds-transition-transform\"])\n        }, null, 2)\n      ])\n    ], 10, _hoisted_2),\n    _withDirectives(_createElementVNode(\"div\", {\n      id: `${id.value}Menu`,\n      ref_key: \"dropdownMenu\",\n      ref: dropdownMenu,\n      class: _normalizeClass([`${_ctx.menuCssClass} ${props.menuFixed ? 'ds-fixed' : 'ds-absolute'}`, \"ds-z-50 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      _renderSlot(_ctx.$slots, \"default\")\n    ], 10, _hoisted_4), [\n      [_vShow, value.value]\n    ])\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","emit","props","toggle","ref","dropdown","dropdownMenu","mValue","id","computed","uuid","value","val","watch","ensureMenuPosition","resetMenuPosition","_a","removeClickOutsideEventListener","initClickOutsideEventListener","removePressEscapeEventListener","initPressEscapeEventListener","closeOnEscapePressed","event","close","closeOnClickOutside","r","onClickToggle","nextTick","ensureVisiblePosition","resetPosition","onMounted","onBeforeUnmount","provide","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_createTextVNode","_withDirectives","_vShow"],"mappings":"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"}
+{"version":3,"file":"design-system11.mjs","sources":["../src/components/BDateRangePicker.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"placeholder\"]\nconst _hoisted_3 = [\"for\"]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\n/**\n * https://stackoverflow.com/questions/25384360/how-to-prevent-moment-js-from-loading-locales-with-webpack\n * Due to this issue with moment (it loads a bunch of unnecessary ./locale)\n * https://github.com/ksloan/moment-mini\n */\nimport { useI18n } from 'vue-i18n';\n// https://air-datepicker.com/docs\n// DO NOT upgrade to the higher version than 3.3.0\nimport AirDatepicker, {\n  type AirDatepickerButton,\n  type AirDatepickerLocale,\n} from 'air-datepicker';\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { BDatePickerView } from '@/constants/Enums';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport type { BDateRangePickerProps } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\nimport { isEmpty } from 'lodash-es';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDateRangePicker',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    minDate: { default: '' },\n    maxDate: { default: '' },\n    view: { default: BDatePickerView.Days },\n    hideDetails: { type: Boolean, default: false },\n    position: { default: 'bottom left' }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t, locale } = useI18n();\nlet datePicker: AirDatepicker<HTMLInputElement>;\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst selectedDate = ref();\n\n/**\n * Computed\n */\n// The \"Failed to execute 'querySelector' on Document\" error occurs when using querySelector method with an identifier that starts with a digit\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst datePickerButtons = computed<AirDatepickerButton[]>(() => [\n  {\n    content: t('ds.components.base.date_picker.buttons.cancel'),\n    className:\n      'ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1',\n    onClick: (dp) => {\n      dp.clear();\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n  },\n  {\n    content: t('ds.components.base.date_picker.buttons.confirm'),\n    className: `${id.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,\n    onClick: (dp) => {\n      value.value = selectedDate.value;\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n    attrs: props.required\n      ? {\n          disabled: '',\n        }\n      : undefined,\n  },\n]);\nconst datePickerOptions = computed(() => {\n  const datePickerLocale: AirDatepickerLocale = {\n    days: [\n      t('ds.components.base.date_picker.days.sunday'),\n      t('ds.components.base.date_picker.days.monday'),\n      t('ds.components.base.date_picker.days.tuesday'),\n      t('ds.components.base.date_picker.days.wednesday'),\n      t('ds.components.base.date_picker.days.thursday'),\n      t('ds.components.base.date_picker.days.friday'),\n      t('ds.components.base.date_picker.days.saturday'),\n    ],\n    daysShort: [\n      t('ds.components.base.date_picker.days_short.sunday'),\n      t('ds.components.base.date_picker.days_short.monday'),\n      t('ds.components.base.date_picker.days_short.tuesday'),\n      t('ds.components.base.date_picker.days_short.wednesday'),\n      t('ds.components.base.date_picker.days_short.thursday'),\n      t('ds.components.base.date_picker.days_short.friday'),\n      t('ds.components.base.date_picker.days_short.saturday'),\n    ],\n    daysMin: [\n      t('ds.components.base.date_picker.days_min.sunday'),\n      t('ds.components.base.date_picker.days_min.monday'),\n      t('ds.components.base.date_picker.days_min.tuesday'),\n      t('ds.components.base.date_picker.days_min.wednesday'),\n      t('ds.components.base.date_picker.days_min.thursday'),\n      t('ds.components.base.date_picker.days_min.friday'),\n      t('ds.components.base.date_picker.days_min.saturday'),\n    ],\n    months: [\n      t('ds.components.base.date_picker.months.january'),\n      t('ds.components.base.date_picker.months.february'),\n      t('ds.components.base.date_picker.months.march'),\n      t('ds.components.base.date_picker.months.april'),\n      t('ds.components.base.date_picker.months.may'),\n      t('ds.components.base.date_picker.months.june'),\n      t('ds.components.base.date_picker.months.july'),\n      t('ds.components.base.date_picker.months.august'),\n      t('ds.components.base.date_picker.months.september'),\n      t('ds.components.base.date_picker.months.october'),\n      t('ds.components.base.date_picker.months.november'),\n      t('ds.components.base.date_picker.months.december'),\n    ],\n    monthsShort: [\n      t('ds.components.base.date_picker.months_short.january'),\n      t('ds.components.base.date_picker.months_short.february'),\n      t('ds.components.base.date_picker.months_short.march'),\n      t('ds.components.base.date_picker.months_short.april'),\n      t('ds.components.base.date_picker.months_short.may'),\n      t('ds.components.base.date_picker.months_short.june'),\n      t('ds.components.base.date_picker.months_short.july'),\n      t('ds.components.base.date_picker.months_short.august'),\n      t('ds.components.base.date_picker.months_short.september'),\n      t('ds.components.base.date_picker.months_short.october'),\n      t('ds.components.base.date_picker.months_short.november'),\n      t('ds.components.base.date_picker.months_short.december'),\n    ],\n    today: t('ds.components.base.date_picker.buttons.today'),\n    clear: t('ds.components.base.date_picker.buttons.clear'),\n    dateFormat: 'dd/MM/yyyy',\n    timeFormat: 'HH:mm',\n    firstDay: 1, // Monday\n  };\n  const onSelectDatePicker = ({\n    date,\n  }: {\n    date: Date | Date[];\n    formattedDate: string | string[];\n    datepicker: AirDatepicker;\n  }) => {\n    // 'date' is undefined when clicking 'Clear' button/ deselect the date\n    selectedDate.value = date;\n    if (props.required) {\n      toggleButtonConfirm(!!date);\n    }\n  };\n\n  return {\n    locale: datePickerLocale,\n    selectedDates: [...props.modelValue],\n    onSelect: onSelectDatePicker,\n    buttons: [...datePickerButtons.value],\n    showOtherMonths: false,\n    timepicker: false,\n    onlyTimepicker: false,\n    minDate: props.minDate,\n    maxDate: props.maxDate,\n    view: props.view,\n    onHide: onHidePicker,\n    onShow: onShowPicker,\n    navTitles: {\n      days: 'MMMM yyyy',\n    },\n    position: props.position,\n    range: true,\n    multipleDatesSeparator: ' - ',\n  } as any; // AirDatepickerOptions\n});\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst inputCssClassValue = computed(() => [\n  'ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]',\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n    '!ds-border-focus ds-ring-1 ds-ring-focus': datePickerVisible.value,\n  },\n  props.inputCssClass,\n]);\nconst datePickerVisible = ref(false);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n\n/**\n * Watch\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    if (checkIfModelNeedToSync(datePicker.selectedDates)) {\n      datePicker.selectDate(props.modelValue);\n    }\n  },\n  { deep: true },\n);\nwatch(\n  [\n    locale,\n    () => props.position,\n    () => props.minDate,\n    () => props.maxDate,\n    () => props.view,\n  ],\n  () => {\n    datePicker.update(datePickerOptions.value);\n  },\n);\n\nonMounted(() => {\n  datePicker = new AirDatepicker<HTMLInputElement>(\n    `#${id.value}Picker`,\n    datePickerOptions.value,\n  );\n});\n\n/**\n * Methods\n */\nconst onHidePicker = () => {\n  datePickerVisible.value = false;\n  unlockScrollBody();\n};\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onShowPicker = () => {\n  datePickerVisible.value = true;\n  if (props.modelValue) {\n    datePicker.selectDate(props.modelValue);\n  } else {\n    datePicker.clear();\n  }\n  lockScrollBody();\n};\nconst checkIfModelNeedToSync = (date: Date[]) => {\n  const rules = [\n    !isEmpty(props.modelValue) && isEmpty(date),\n    !isEmpty(date) && isEmpty(props.modelValue),\n    !isEmpty(props.modelValue) &&\n      !isEmpty(date) &&\n      props.modelValue.some((v, i) => v?.getTime() !== date[i]?.getTime()),\n  ];\n\n  return rules.some((r) => r);\n};\nconst toggleButtonConfirm = (enabled: boolean) => {\n  const btnEl = document.querySelector(`.${id.value}-btn-confirm`);\n  if (enabled) {\n    btnEl?.removeAttribute('disabled');\n  } else {\n    btnEl?.setAttribute('disabled', '');\n  }\n};\n\n/**\n * Lifecycle hooks\n */\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"input\", {\n        id: `${id.value}Picker`,\n        class: _normalizeClass([inputCssClassValue.value, \"ds-absolute ds-top-0 ds-z-[1] ds-drop-shadow-light\"]),\n        disabled: _ctx.disabled,\n        placeholder: _ctx.placeholder,\n        readonly: \"\"\n      }, null, 10, _hoisted_2),\n      _createElementVNode(\"label\", {\n        for: `${id.value}Picker`,\n        class: \"ds-absolute ds-right-3 ds-top-2 ds-z-[3]\"\n      }, [\n        _createElementVNode(\"i\", {\n          class: _normalizeClass([[\n            props.disabled ? 'ds-text-black/[0.4]' : 'ds-text-black/[0.85]',\n          ], \"fa-solid fa-calendar-lines\"])\n        }, null, 2)\n      ], 8, _hoisted_3)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\",\n          \"prepend-icon\": \"fa-solid fa-circle-exclamation\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","BDatePickerView","__props","emit","props","t","locale","useI18n","datePicker","validateRequired","val","selectedDate","ref","id","computed","uuid","value","datePickerButtons","dp","nextTick","validate","datePickerOptions","datePickerLocale","onSelectDatePicker","date","toggleButtonConfirm","onHidePicker","onShowPicker","vRules","result","inputCssClassValue","validationResult","datePickerVisible","useValidationField","watch","checkIfModelNeedToSync","onMounted","AirDatepicker","unlockScrollBody","lockScrollBody","isEmpty","v","i","_a","r","enabled","btnEl","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system110.js

@@ -1,2 +1,2 @@
-"use strict";function t(n){return function(r){return n(r)}}module.exports=t;
+"use strict";var r=9007199254740991;function n(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=r}module.exports=n;
 //# sourceMappingURL=design-system110.js.map

package/dist/design-system110.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system110.js","sources":["../node_modules/lodash-es/_baseUnary.js"],"sourcesContent":["/**\n * The base implementation of `_.unary` without support for storing metadata.\n *\n * @private\n * @param {Function} func The function to cap arguments for.\n * @returns {Function} Returns the new capped function.\n */\nfunction baseUnary(func) {\n  return function(value) {\n    return func(value);\n  };\n}\n\nexport default baseUnary;\n"],"names":["baseUnary","func","value"],"mappings":"aAOA,SAASA,EAAUC,EAAM,CACvB,OAAO,SAASC,EAAO,CACrB,OAAOD,EAAKC,CAAK,CACrB,CACA","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system110.js","sources":["../node_modules/lodash-es/isLength.js"],"sourcesContent":["/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\nexport default isLength;\n"],"names":["MAX_SAFE_INTEGER","isLength","value"],"mappings":"aACA,IAAIA,EAAmB,iBA4BvB,SAASC,EAASC,EAAO,CACvB,OAAO,OAAOA,GAAS,UACrBA,EAAQ,IAAMA,EAAQ,GAAK,GAAKA,GAASF,CAC7C","x_google_ignoreList":[0]}

package/dist/design-system110.mjs

@@ -1,9 +1,8 @@
-function t(n) {
-  return function(r) {
-    return n(r);
-  };
+var n = 9007199254740991;
+function r(t) {
+  return typeof t == "number" && t > -1 && t % 1 == 0 && t <= n;
 }
 export {
-  t as default
+  r as default
 };
 //# sourceMappingURL=design-system110.mjs.map

package/dist/design-system110.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system110.mjs","sources":["../node_modules/lodash-es/_baseUnary.js"],"sourcesContent":["/**\n * The base implementation of `_.unary` without support for storing metadata.\n *\n * @private\n * @param {Function} func The function to cap arguments for.\n * @returns {Function} Returns the new capped function.\n */\nfunction baseUnary(func) {\n  return function(value) {\n    return func(value);\n  };\n}\n\nexport default baseUnary;\n"],"names":["baseUnary","func","value"],"mappings":"AAOA,SAASA,EAAUC,GAAM;AACvB,SAAO,SAASC,GAAO;AACrB,WAAOD,EAAKC,CAAK;AAAA,EACrB;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system110.mjs","sources":["../node_modules/lodash-es/isLength.js"],"sourcesContent":["/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\nexport default isLength;\n"],"names":["MAX_SAFE_INTEGER","isLength","value"],"mappings":"AACA,IAAIA,IAAmB;AA4BvB,SAASC,EAASC,GAAO;AACvB,SAAO,OAAOA,KAAS,YACrBA,IAAQ,MAAMA,IAAQ,KAAK,KAAKA,KAASF;AAC7C;","x_google_ignoreList":[0]}

package/dist/design-system111.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("./design-system148.js");var o=typeof exports=="object"&&exports&&!exports.nodeType&&exports,e=o&&typeof module=="object"&&module&&!module.nodeType&&module,n=e&&e.exports===o,r=n&&i.process,s=function(){try{var t=e&&e.require&&e.require("util").types;return t||r&&r.binding&&r.binding("util")}catch{}}();const u=s;module.exports=u;
+"use strict";const o=require("./design-system112.js"),t=require("./design-system113.js");var f=typeof exports=="object"&&exports&&!exports.nodeType&&exports,e=f&&typeof module=="object"&&module&&!module.nodeType&&module,s=e&&e.exports===f,r=s?o.Buffer:void 0,u=r?r.isBuffer:void 0,n=u||t;const i=n;module.exports=i;
 //# sourceMappingURL=design-system111.js.map

package/dist/design-system111.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system111.js","sources":["../node_modules/lodash-es/_nodeUtil.js"],"sourcesContent":["import freeGlobal from './_freeGlobal.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Detect free variable `process` from Node.js. */\nvar freeProcess = moduleExports && freeGlobal.process;\n\n/** Used to access faster Node.js helpers. */\nvar nodeUtil = (function() {\n  try {\n    // Use `util.types` for Node.js 10+.\n    var types = freeModule && freeModule.require && freeModule.require('util').types;\n\n    if (types) {\n      return types;\n    }\n\n    // Legacy `process.binding('util')` for Node.js < 10.\n    return freeProcess && freeProcess.binding && freeProcess.binding('util');\n  } catch (e) {}\n}());\n\nexport default nodeUtil;\n"],"names":["freeExports","freeModule","moduleExports","freeProcess","freeGlobal","nodeUtil","types","nodeUtil$1"],"mappings":"sDAGA,IAAIA,EAAc,OAAO,SAAW,UAAY,SAAW,CAAC,QAAQ,UAAY,QAG5EC,EAAaD,GAAe,OAAO,QAAU,UAAY,QAAU,CAAC,OAAO,UAAY,OAGvFE,EAAgBD,GAAcA,EAAW,UAAYD,EAGrDG,EAAcD,GAAiBE,EAAW,QAG1CC,EAAY,UAAW,CACzB,GAAI,CAEF,IAAIC,EAAQL,GAAcA,EAAW,SAAWA,EAAW,QAAQ,MAAM,EAAE,MAE3E,OAAIK,GAKGH,GAAeA,EAAY,SAAWA,EAAY,QAAQ,MAAM,CAC3E,MAAc,CAAE,CAChB,EAAC,EAED,MAAAI,EAAeF","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system111.js","sources":["../node_modules/lodash-es/isBuffer.js"],"sourcesContent":["import root from './_root.js';\nimport stubFalse from './stubFalse.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Built-in value references. */\nvar Buffer = moduleExports ? root.Buffer : undefined;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;\n\n/**\n * Checks if `value` is a buffer.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n * @example\n *\n * _.isBuffer(new Buffer(2));\n * // => true\n *\n * _.isBuffer(new Uint8Array(2));\n * // => false\n */\nvar isBuffer = nativeIsBuffer || stubFalse;\n\nexport default isBuffer;\n"],"names":["freeExports","freeModule","moduleExports","Buffer","root","nativeIsBuffer","isBuffer","stubFalse","isBuffer$1"],"mappings":"yFAIA,IAAIA,EAAc,OAAO,SAAW,UAAY,SAAW,CAAC,QAAQ,UAAY,QAG5EC,EAAaD,GAAe,OAAO,QAAU,UAAY,QAAU,CAAC,OAAO,UAAY,OAGvFE,EAAgBD,GAAcA,EAAW,UAAYD,EAGrDG,EAASD,EAAgBE,EAAK,OAAS,OAGvCC,EAAiBF,EAASA,EAAO,SAAW,OAmB5CG,EAAWD,GAAkBE,EAEjC,MAAAC,EAAeF","x_google_ignoreList":[0]}

package/dist/design-system111.mjs

@@ -1,13 +1,8 @@
-import p from "./design-system148.mjs";
-var t = typeof exports == "object" && exports && !exports.nodeType && exports, e = t && typeof module == "object" && module && !module.nodeType && module, u = e && e.exports === t, r = u && p.process, d = function() {
-  try {
-    var o = e && e.require && e.require("util").types;
-    return o || r && r.binding && r.binding("util");
-  } catch {
-  }
-}();
-const n = d;
+import f from "./design-system112.mjs";
+import t from "./design-system113.mjs";
+var r = typeof exports == "object" && exports && !exports.nodeType && exports, e = r && typeof module == "object" && module && !module.nodeType && module, u = e && e.exports === r, o = u ? f.Buffer : void 0, s = o ? o.isBuffer : void 0, p = s || t;
+const m = p;
 export {
-  n as default
+  m as default
 };
 //# sourceMappingURL=design-system111.mjs.map

package/dist/design-system111.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system111.mjs","sources":["../node_modules/lodash-es/_nodeUtil.js"],"sourcesContent":["import freeGlobal from './_freeGlobal.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Detect free variable `process` from Node.js. */\nvar freeProcess = moduleExports && freeGlobal.process;\n\n/** Used to access faster Node.js helpers. */\nvar nodeUtil = (function() {\n  try {\n    // Use `util.types` for Node.js 10+.\n    var types = freeModule && freeModule.require && freeModule.require('util').types;\n\n    if (types) {\n      return types;\n    }\n\n    // Legacy `process.binding('util')` for Node.js < 10.\n    return freeProcess && freeProcess.binding && freeProcess.binding('util');\n  } catch (e) {}\n}());\n\nexport default nodeUtil;\n"],"names":["freeExports","freeModule","moduleExports","freeProcess","freeGlobal","nodeUtil","types","nodeUtil$1"],"mappings":";AAGA,IAAIA,IAAc,OAAO,WAAW,YAAY,WAAW,CAAC,QAAQ,YAAY,SAG5EC,IAAaD,KAAe,OAAO,UAAU,YAAY,UAAU,CAAC,OAAO,YAAY,QAGvFE,IAAgBD,KAAcA,EAAW,YAAYD,GAGrDG,IAAcD,KAAiBE,EAAW,SAG1CC,IAAY,WAAW;AACzB,MAAI;AAEF,QAAIC,IAAQL,KAAcA,EAAW,WAAWA,EAAW,QAAQ,MAAM,EAAE;AAE3E,WAAIK,KAKGH,KAAeA,EAAY,WAAWA,EAAY,QAAQ,MAAM;AAAA,EAC3E,QAAc;AAAA,EAAE;AAChB,EAAC;AAED,MAAAI,IAAeF;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system111.mjs","sources":["../node_modules/lodash-es/isBuffer.js"],"sourcesContent":["import root from './_root.js';\nimport stubFalse from './stubFalse.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Built-in value references. */\nvar Buffer = moduleExports ? root.Buffer : undefined;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;\n\n/**\n * Checks if `value` is a buffer.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n * @example\n *\n * _.isBuffer(new Buffer(2));\n * // => true\n *\n * _.isBuffer(new Uint8Array(2));\n * // => false\n */\nvar isBuffer = nativeIsBuffer || stubFalse;\n\nexport default isBuffer;\n"],"names":["freeExports","freeModule","moduleExports","Buffer","root","nativeIsBuffer","isBuffer","stubFalse","isBuffer$1"],"mappings":";;AAIA,IAAIA,IAAc,OAAO,WAAW,YAAY,WAAW,CAAC,QAAQ,YAAY,SAG5EC,IAAaD,KAAe,OAAO,UAAU,YAAY,UAAU,CAAC,OAAO,YAAY,QAGvFE,IAAgBD,KAAcA,EAAW,YAAYD,GAGrDG,IAASD,IAAgBE,EAAK,SAAS,QAGvCC,IAAiBF,IAASA,EAAO,WAAW,QAmB5CG,IAAWD,KAAkBE;AAEjC,MAAAC,IAAeF;","x_google_ignoreList":[0]}

package/dist/design-system112.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./design-system113.js"),r=require("./design-system110.js"),e=require("./design-system111.js");var s=e&&e.isSet,i=s?r(s):t;const n=i;module.exports=n;
+"use strict";const e=require("./design-system152.js");var t=typeof self=="object"&&self&&self.Object===Object&&self,r=e||t||Function("return this")();const o=r;module.exports=o;
 //# sourceMappingURL=design-system112.js.map