@7pmlabs/design-system 0.4.0 → 0.4.1

package/dist/design-system39.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system82.js");require("./design-system83.js");const t=require("./design-system56.js"),r=t(e,[["__scopeId","data-v-67b64925"]]);module.exports=r;
+"use strict";const e=require("./design-system82.js");require("./design-system83.js");const t=require("./design-system56.js"),r=t(e,[["__scopeId","data-v-9c6e89e6"]]);module.exports=r;
 //# sourceMappingURL=design-system39.js.map

package/dist/design-system39.mjs

@@ -1,7 +1,7 @@
 import o from "./design-system82.mjs";
 import "./design-system83.mjs";
 import t from "./design-system56.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-67b64925"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9c6e89e6"]]);
 export {
   p as default
 };

package/dist/design-system4.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system4.js","sources":["../src/constants/Common.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\r\nimport type { ValidationResult } from '@/composables/Validation';\r\n\r\nexport const DateDelimiter = '/';\r\nexport const RequiredSymbol = '*';\r\nexport const PIKey = {\r\n  FormValidation: Symbol() as InjectionKey<\r\n    Record<string, Ref<ValidationResult>>\r\n  >,\r\n  CloseDropdown: Symbol() as InjectionKey<() => void>,\r\n};\r\nexport const FileImageTypes = ['image/png', 'image/jpeg', 'image/webp'];\r\n"],"names":["DateDelimiter","RequiredSymbol","PIKey","FileImageTypes"],"mappings":"gFAGO,MAAMA,EAAgB,IAChBC,EAAiB,IACjBC,EAAQ,CACnB,eAAgB,OAAO,EAGvB,cAAe,OAAO,CACxB,EACaC,EAAiB,CAAC,YAAa,aAAc,YAAY"}
+{"version":3,"file":"design-system4.js","sources":["../src/constants/Common.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\nimport type { ValidationResult } from '@/composables/Validation';\n\nexport const DateDelimiter = '/';\nexport const RequiredSymbol = '*';\nexport const PIKey = {\n  FormValidation: Symbol() as InjectionKey<\n    Record<string, Ref<ValidationResult>>\n  >,\n  CloseDropdown: Symbol() as InjectionKey<() => void>,\n};\nexport const FileImageTypes = ['image/png', 'image/jpeg', 'image/webp'];\n"],"names":["DateDelimiter","RequiredSymbol","PIKey","FileImageTypes"],"mappings":"gFAGO,MAAMA,EAAgB,IAChBC,EAAiB,IACjBC,EAAQ,CACnB,eAAgB,OAAO,EAGvB,cAAe,OAAO,CACxB,EACaC,EAAiB,CAAC,YAAa,aAAc,YAAY"}

package/dist/design-system4.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system4.mjs","sources":["../src/constants/Common.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\r\nimport type { ValidationResult } from '@/composables/Validation';\r\n\r\nexport const DateDelimiter = '/';\r\nexport const RequiredSymbol = '*';\r\nexport const PIKey = {\r\n  FormValidation: Symbol() as InjectionKey<\r\n    Record<string, Ref<ValidationResult>>\r\n  >,\r\n  CloseDropdown: Symbol() as InjectionKey<() => void>,\r\n};\r\nexport const FileImageTypes = ['image/png', 'image/jpeg', 'image/webp'];\r\n"],"names":["DateDelimiter","RequiredSymbol","PIKey","FileImageTypes"],"mappings":"AAGO,MAAMA,IAAgB,KAChBC,IAAiB,KACjBC,IAAQ;AAAA,EACnB,gBAAgB,OAAO;AAAA,EAGvB,eAAe,OAAO;AACxB,GACaC,IAAiB,CAAC,aAAa,cAAc,YAAY;"}
+{"version":3,"file":"design-system4.mjs","sources":["../src/constants/Common.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\nimport type { ValidationResult } from '@/composables/Validation';\n\nexport const DateDelimiter = '/';\nexport const RequiredSymbol = '*';\nexport const PIKey = {\n  FormValidation: Symbol() as InjectionKey<\n    Record<string, Ref<ValidationResult>>\n  >,\n  CloseDropdown: Symbol() as InjectionKey<() => void>,\n};\nexport const FileImageTypes = ['image/png', 'image/jpeg', 'image/webp'];\n"],"names":["DateDelimiter","RequiredSymbol","PIKey","FileImageTypes"],"mappings":"AAGO,MAAMA,IAAgB,KAChBC,IAAiB,KACjBC,IAAQ;AAAA,EACnB,gBAAgB,OAAO;AAAA,EAGvB,eAAe,OAAO;AACxB,GACaC,IAAiB,CAAC,aAAa,cAAc,YAAY;"}

package/dist/design-system40.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system40.js","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n  _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\nexport interface Props {\r\n  text?: string;\r\n  type?: `${BToastItemType}`;\r\n  hideClose?: boolean;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\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 cssClass = computed<string>(() => {\r\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\r\n\r\n  switch (props.type) {\r\n    case BToastItemType.Success:\r\n      result += `ds-bg-[#00a86b] ds-text-white `;\r\n      break;\r\n    case BToastItemType.Error:\r\n      result += `ds-bg-red-600 ds-text-white `;\r\n      break;\r\n    case BToastItemType.Default:\r\n    default:\r\n      result += `ds-bg-white ds-text-primary-t `;\r\n  }\r\n\r\n  return result;\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (_unref(BToastItemType).Success === props.type)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_7, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n      ])\n    ]),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", {\n            class: _normalizeClass([[\r\n          _unref(BToastItemType).Default === props.type\r\n            ? 'ds-fill-primary-t'\r\n            : 'ds-fill-white',\r\n        ], \"ds-h-5 ds-w-5\"]),\n            viewBox: \"0 0 384 512\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }, _hoisted_10, 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":"qEAGMA,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCC,EAAAA,mBAAA,OAAQ,CAAE,EAAG,oMAAqM,CACrP,EAAG,EAAE,EACCC,EAAa,CACjBF,CACF,EACMG,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCH,EAAAA,mBAAA,OAAQ,CAAE,EAAG,6LAA8L,CAC9O,EAAG,EAAE,EACCI,EAAa,CACjBD,CACF,EACME,EAAa,CAAE,MAAO,0CACtBC,EAAa,CAAC,WAAW,EACzBC,uBAA8C,OAAQ,CAAE,EAAG,2RAA6R,KAAM,EAAE,EAChWC,EAAc,CAClBD,CACF,EAa4BE,EAAiBC,kBAAA,CAC3C,OAAQ,aACR,MAAO,CACL,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAASC,EAAA,eAAe,OAAQ,EACxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAAC,OAAO,EACf,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAWC,EAAAA,SAAiB,IAAM,CACtC,IAAIC,EAAS,+EAEb,OAAQH,EAAM,KAAM,CAClB,KAAKH,EAAe,eAAA,QACRM,GAAA,iCACV,MACF,KAAKN,EAAe,eAAA,MACRM,GAAA,+BACV,MACF,KAAKN,EAAAA,eAAe,QACpB,QACYM,GAAA,gCACd,CAEO,OAAAA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,CAAA,EACpC,CACAQ,EAAAA,MAAOZ,EAAc,cAAA,EAAE,UAAYG,EAAM,MACrCM,YAAW,EAAGC,EAAoB,mBAAA,MAAOvB,EAAYG,CAAU,GAC/DsB,EAAA,MAAOZ,gBAAc,EAAE,QAAUG,EAAM,MACrCM,EAAAA,UAAc,EAAAC,EAAA,mBAAoB,MAAOnB,EAAYE,CAAU,GAChEoB,qBAAoB,GAAI,EAAI,EAClCxB,EAAA,mBAAoB,MAAOK,EAAY,CACrCoB,EAAAA,WAAYP,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5ClB,qBAAoB,MAAO,CAAE,UAAWkB,EAAK,MAAQ,KAAM,EAAGZ,CAAU,CAAA,CACzE,CAAA,CACF,EACCQ,EAAM,UAgBJU,EAAAA,mBAAoB,GAAI,EAAI,GAf3BJ,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,oEACP,QAASF,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKO,GAAiBb,EAAK,OAAO,EAAA,EAChE,EACAO,YAAc,EAAAC,EAAA,mBAAoB,MAAO,CACxC,MAAOC,iBAAgB,CAAC,CAC1BC,QAAOZ,EAAc,cAAA,EAAE,UAAYG,EAAM,KACrC,oBACA,eACN,EAAG,eAAe,CAAC,EACf,QAAS,cACT,MAAO,4BAAA,EACNN,EAAa,CAAC,EAAA,CAClB,IAEJ,CAAC,EAEN,CAEA,CAAC"}
+{"version":3,"file":"design-system40.js","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n  _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface Props {\n  text?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\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 cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (_unref(BToastItemType).Success === props.type)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_7, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n      ])\n    ]),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", {\n            class: _normalizeClass([[\n          _unref(BToastItemType).Default === props.type\n            ? 'ds-fill-primary-t'\n            : 'ds-fill-white',\n        ], \"ds-h-5 ds-w-5\"]),\n            viewBox: \"0 0 384 512\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }, _hoisted_10, 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":"qEAGMA,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCC,EAAAA,mBAAA,OAAQ,CAAE,EAAG,oMAAqM,CACrP,EAAG,EAAE,EACCC,EAAa,CACjBF,CACF,EACMG,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCH,EAAAA,mBAAA,OAAQ,CAAE,EAAG,6LAA8L,CAC9O,EAAG,EAAE,EACCI,EAAa,CACjBD,CACF,EACME,EAAa,CAAE,MAAO,0CACtBC,EAAa,CAAC,WAAW,EACzBC,uBAA8C,OAAQ,CAAE,EAAG,2RAA6R,KAAM,EAAE,EAChWC,EAAc,CAClBD,CACF,EAa4BE,EAAiBC,kBAAA,CAC3C,OAAQ,aACR,MAAO,CACL,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAASC,EAAA,eAAe,OAAQ,EACxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAAC,OAAO,EACf,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAWC,EAAAA,SAAiB,IAAM,CACtC,IAAIC,EAAS,+EAEb,OAAQH,EAAM,KAAM,CAClB,KAAKH,EAAe,eAAA,QACRM,GAAA,iCACV,MACF,KAAKN,EAAe,eAAA,MACRM,GAAA,+BACV,MACF,KAAKN,EAAAA,eAAe,QACpB,QACYM,GAAA,gCACd,CAEO,OAAAA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,CAAA,EACpC,CACAQ,EAAAA,MAAOZ,EAAc,cAAA,EAAE,UAAYG,EAAM,MACrCM,YAAW,EAAGC,EAAoB,mBAAA,MAAOvB,EAAYG,CAAU,GAC/DsB,EAAA,MAAOZ,gBAAc,EAAE,QAAUG,EAAM,MACrCM,EAAAA,UAAc,EAAAC,EAAA,mBAAoB,MAAOnB,EAAYE,CAAU,GAChEoB,qBAAoB,GAAI,EAAI,EAClCxB,EAAA,mBAAoB,MAAOK,EAAY,CACrCoB,EAAAA,WAAYP,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5ClB,qBAAoB,MAAO,CAAE,UAAWkB,EAAK,MAAQ,KAAM,EAAGZ,CAAU,CAAA,CACzE,CAAA,CACF,EACCQ,EAAM,UAgBJU,EAAAA,mBAAoB,GAAI,EAAI,GAf3BJ,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,oEACP,QAASF,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKO,GAAiBb,EAAK,OAAO,EAAA,EAChE,EACAO,YAAc,EAAAC,EAAA,mBAAoB,MAAO,CACxC,MAAOC,iBAAgB,CAAC,CAC1BC,QAAOZ,EAAc,cAAA,EAAE,UAAYG,EAAM,KACrC,oBACA,eACN,EAAG,eAAe,CAAC,EACf,QAAS,cACT,MAAO,4BAAA,EACNN,EAAa,CAAC,EAAA,CAClB,IAEJ,CAAC,EAEN,CAEA,CAAC"}

package/dist/design-system40.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system40.mjs","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n  _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\nexport interface Props {\r\n  text?: string;\r\n  type?: `${BToastItemType}`;\r\n  hideClose?: boolean;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\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 cssClass = computed<string>(() => {\r\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\r\n\r\n  switch (props.type) {\r\n    case BToastItemType.Success:\r\n      result += `ds-bg-[#00a86b] ds-text-white `;\r\n      break;\r\n    case BToastItemType.Error:\r\n      result += `ds-bg-red-600 ds-text-white `;\r\n      break;\r\n    case BToastItemType.Default:\r\n    default:\r\n      result += `ds-bg-white ds-text-primary-t `;\r\n  }\r\n\r\n  return result;\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (_unref(BToastItemType).Success === props.type)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_7, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n      ])\n    ]),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", {\n            class: _normalizeClass([[\r\n          _unref(BToastItemType).Default === props.type\r\n            ? 'ds-fill-primary-t'\r\n            : 'ds-fill-white',\r\n        ], \"ds-h-5 ds-w-5\"]),\n            viewBox: \"0 0 384 512\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }, _hoisted_10, 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":";;AAGA,MAAMA,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCC,gBAAAA,EAAA,QAAQ,EAAE,GAAG,qMAAqM;AACrP,GAAG,EAAE,GACCC,IAAa;AAAA,EACjBF;AACF,GACMG,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCH,gBAAAA,EAAA,QAAQ,EAAE,GAAG,8LAA8L;AAC9O,GAAG,EAAE,GACCI,IAAa;AAAA,EACjBD;AACF,GACME,IAAa,EAAE,OAAO,4CACtBC,IAAa,CAAC,WAAW,GACzBC,sBAA8C,QAAQ,EAAE,GAAG,6RAA6R,MAAM,EAAE,GAChWC,IAAc;AAAA,EAClBD;AACF,GAa4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAAS,GAAG;AAAA,IACpB,MAAM,EAAE,SAASC,EAAe,QAAQ;AAAA,IACxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC7C;AAAA,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAWC,EAAiB,MAAM;AACtC,UAAIC,IAAS;AAEb,cAAQH,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AAAA,QACpB;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,IAAA,GACpC;AAAA,MACAQ,EAAOZ,CAAc,EAAE,YAAYG,EAAM,QACrCM,EAAW,GAAGC,EAAoB,OAAOvB,GAAYG,CAAU,KAC/DsB,EAAOZ,CAAc,EAAE,UAAUG,EAAM,QACrCM,EAAc,GAAAC,EAAoB,OAAOnB,GAAYE,CAAU,KAChEoB,EAAoB,IAAI,EAAI;AAAA,MAClCxB,EAAoB,OAAOK,GAAY;AAAA,QACrCoB,EAAYP,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5ClB,EAAoB,OAAO,EAAE,WAAWkB,EAAK,QAAQ,MAAM,GAAGZ,CAAU;AAAA,QAAA,CACzE;AAAA,MAAA,CACF;AAAA,MACCQ,EAAM,YAgBJU,EAAoB,IAAI,EAAI,KAf3BJ,EAAW,GAAGC,EAAoB,OAAO;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAASF,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACO,MAAiBb,EAAK,OAAO;AAAA,MAAA,GAChE;AAAA,SACAO,EAAc,GAAAC,EAAoB,OAAO;AAAA,UACxC,OAAOC,EAAgB,CAAC;AAAA,YAC1BC,EAAOZ,CAAc,EAAE,YAAYG,EAAM,OACrC,sBACA;AAAA,UACN,GAAG,eAAe,CAAC;AAAA,UACf,SAAS;AAAA,UACT,OAAO;AAAA,QAAA,GACNN,GAAa,CAAC;AAAA,MAAA,CAClB;AAAA,OAEJ,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"design-system40.mjs","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n  _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface Props {\n  text?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\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 cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (_unref(BToastItemType).Success === props.type)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_7, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n      ])\n    ]),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", {\n            class: _normalizeClass([[\n          _unref(BToastItemType).Default === props.type\n            ? 'ds-fill-primary-t'\n            : 'ds-fill-white',\n        ], \"ds-h-5 ds-w-5\"]),\n            viewBox: \"0 0 384 512\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }, _hoisted_10, 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":";;AAGA,MAAMA,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCC,gBAAAA,EAAA,QAAQ,EAAE,GAAG,qMAAqM;AACrP,GAAG,EAAE,GACCC,IAAa;AAAA,EACjBF;AACF,GACMG,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCH,gBAAAA,EAAA,QAAQ,EAAE,GAAG,8LAA8L;AAC9O,GAAG,EAAE,GACCI,IAAa;AAAA,EACjBD;AACF,GACME,IAAa,EAAE,OAAO,4CACtBC,IAAa,CAAC,WAAW,GACzBC,sBAA8C,QAAQ,EAAE,GAAG,6RAA6R,MAAM,EAAE,GAChWC,IAAc;AAAA,EAClBD;AACF,GAa4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAAS,GAAG;AAAA,IACpB,MAAM,EAAE,SAASC,EAAe,QAAQ;AAAA,IACxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC7C;AAAA,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAWC,EAAiB,MAAM;AACtC,UAAIC,IAAS;AAEb,cAAQH,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AAAA,QACpB;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,IAAA,GACpC;AAAA,MACAQ,EAAOZ,CAAc,EAAE,YAAYG,EAAM,QACrCM,EAAW,GAAGC,EAAoB,OAAOvB,GAAYG,CAAU,KAC/DsB,EAAOZ,CAAc,EAAE,UAAUG,EAAM,QACrCM,EAAc,GAAAC,EAAoB,OAAOnB,GAAYE,CAAU,KAChEoB,EAAoB,IAAI,EAAI;AAAA,MAClCxB,EAAoB,OAAOK,GAAY;AAAA,QACrCoB,EAAYP,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5ClB,EAAoB,OAAO,EAAE,WAAWkB,EAAK,QAAQ,MAAM,GAAGZ,CAAU;AAAA,QAAA,CACzE;AAAA,MAAA,CACF;AAAA,MACCQ,EAAM,YAgBJU,EAAoB,IAAI,EAAI,KAf3BJ,EAAW,GAAGC,EAAoB,OAAO;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAASF,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACO,MAAiBb,EAAK,OAAO;AAAA,MAAA,GAChE;AAAA,SACAO,EAAc,GAAAC,EAAoB,OAAO;AAAA,UACxC,OAAOC,EAAgB,CAAC;AAAA,YAC1BC,EAAOZ,CAAc,EAAE,YAAYG,EAAM,OACrC,sBACA;AAAA,UACN,GAAG,eAAe,CAAC;AAAA,UACf,SAAS;AAAA,UACT,OAAO;AAAA,QAAA,GACNN,GAAa,CAAC;AAAA,MAAA,CAClB;AAAA,OAEJ,CAAC;AAAA,EAEN;AAEA,CAAC;"}

package/dist/design-system41.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system86.js");require("./design-system87.js");const t=require("./design-system56.js"),r=t(e,[["__scopeId","data-v-50320b27"]]);module.exports=r;
+"use strict";const e=require("./design-system86.js");require("./design-system87.js");const t=require("./design-system56.js"),r=t(e,[["__scopeId","data-v-0020ffcd"]]);module.exports=r;
 //# sourceMappingURL=design-system41.js.map

package/dist/design-system41.mjs

@@ -1,8 +1,8 @@
 import o from "./design-system86.mjs";
 import "./design-system87.mjs";
 import t from "./design-system56.mjs";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-50320b27"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0020ffcd"]]);
 export {
-  _ as default
+  m as default
 };
 //# sourceMappingURL=design-system41.mjs.map

package/dist/design-system44.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system88.js");require("./design-system89.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-8d5ac242"]]);module.exports=t;
+"use strict";const e=require("./design-system88.js");require("./design-system89.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-325422c6"]]);module.exports=t;
 //# sourceMappingURL=design-system44.js.map

package/dist/design-system44.mjs

@@ -1,7 +1,7 @@
 import o from "./design-system88.mjs";
 import "./design-system89.mjs";
 import r from "./design-system56.mjs";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8d5ac242"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-325422c6"]]);
 export {
   c as default
 };

package/dist/design-system45.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system45.js","sources":["../src/components/BImagePicker/BImagePreview.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition } from \"vue\"\n\nimport {\r\n  computed,\r\n  onBeforeUnmount,\r\n  onMounted,\r\n  type StyleValue,\r\n  watch,\r\n} from 'vue';\r\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\r\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\r\nimport BOverlay from '../BOverlay.vue';\r\n\r\n//#region Props\r\nexport interface Props {\r\n  modelValue: boolean;\r\n  url: string;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BImagePreview',\n  props: {\n    modelValue: { type: Boolean },\n    url: {}\n  },\n  emits: [\"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;\r\n  },\r\n  set(val: boolean) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\n//#endregion\r\n\r\n//#region Watchers\r\nwatch(value, (val: boolean) => {\r\n  if (val) {\r\n    lockScrollBody();\r\n  } else {\r\n    unlockScrollBody();\r\n  }\r\n});\r\n//#endregion\r\n\r\n//#region Methods\r\nconst closePreview = () => {\r\n  value.value = false;\r\n};\r\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\r\n  if (event.key === 'Escape') {\r\n    closePreview();\r\n  }\r\n};\r\n//#endregion\r\n\r\n//#region Lifecycle Hooks\r\nonMounted(() => {\r\n  document.addEventListener('keydown', closeOnEscapePressed);\r\n});\r\nonBeforeUnmount(() => {\r\n  document.removeEventListener('keydown', closeOnEscapePressed);\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Transition, { name: \"fade\" }, {\n    default: _withCtx(() => [\n      (value.value)\n        ? (_openBlock(), _createBlock(BOverlay, { key: 0 }, {\n            default: _withCtx(() => [\n              _createVNode(BImagePickerCloseButton, {\n                class: \"ds-right-4 ds-top-4 ds-h-8 ds-w-8\",\n                onClick: closePreview\n              }),\n              _createElementVNode(\"div\", {\n                style: _normalizeStyle(\r\n          {\r\n            backgroundImage: `url('${props.url}')`,\r\n            height: 'calc(100vh - 16px)',\r\n            width: 'calc(100vw - 16px)',\r\n          } as StyleValue\r\n        ),\n                class: \"ds-bg-contain ds-bg-center ds-bg-no-repeat\"\n              }, null, 4)\n            ]),\n            _: 1\n          }))\n        : _createCommentVNode(\"\", true)\n    ]),\n    _: 1\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","closePreview","closeOnEscapePressed","event","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Transition","_withCtx","BOverlay","_createVNode","BImagePickerCloseButton","_createElementVNode","_normalizeStyle","_createCommentVNode"],"mappings":"0IAqB4BA,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,WAAY,CAAE,KAAM,OAAQ,EAC5B,IAAK,CAAC,CACR,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAIKC,QAAAH,EAAQE,GAAiB,CACzBA,EACaE,EAAAA,iBAEEC,EAAAA,kBACnB,CACD,EAID,MAAMC,EAAe,IAAM,CACzBN,EAAM,MAAQ,EAAA,EAEVO,EAAwBC,GAAyB,CACjDA,EAAM,MAAQ,UACHF,GACf,EAKFG,OAAAA,EAAAA,UAAU,IAAM,CACL,SAAA,iBAAiB,UAAWF,CAAoB,CAAA,CAC1D,EACDG,EAAAA,gBAAgB,IAAM,CACX,SAAA,oBAAoB,UAAWH,CAAoB,CAAA,CAC7D,EAGM,CAACI,EAAUC,KACRC,EAAAA,UAAc,EAAAC,EAAA,YAAaC,aAAa,CAAE,KAAM,QAAU,CAChE,QAASC,UAAS,IAAM,CACrBhB,EAAM,OACFa,EAAAA,YAAcC,EAAAA,YAAaG,EAAU,CAAE,IAAK,GAAK,CAChD,QAASD,UAAS,IAAM,CACtBE,EAAAA,YAAaC,EAAyB,CACpC,MAAO,oCACP,QAASb,CAAA,CACV,EACDc,EAAAA,mBAAoB,MAAO,CACzB,MAAOC,EAAA,eACb,CACE,gBAAiB,QAAQtB,EAAM,GAAG,KAClC,OAAQ,qBACR,MAAO,oBACT,CACF,EACQ,MAAO,4CAAA,EACN,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,CACJ,GACDuB,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACD,EAAG,CAAA,CACJ,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system45.js","sources":["../src/components/BImagePicker/BImagePreview.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition } from \"vue\"\n\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  type StyleValue,\n  watch,\n} from 'vue';\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport BOverlay from '../BOverlay.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: boolean;\n  url: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BImagePreview',\n  props: {\n    modelValue: { type: Boolean },\n    url: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Watchers\nwatch(value, (val: boolean) => {\n  if (val) {\n    lockScrollBody();\n  } else {\n    unlockScrollBody();\n  }\n});\n//#endregion\n\n//#region Methods\nconst closePreview = () => {\n  value.value = false;\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    closePreview();\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n});\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Transition, { name: \"fade\" }, {\n    default: _withCtx(() => [\n      (value.value)\n        ? (_openBlock(), _createBlock(BOverlay, { key: 0 }, {\n            default: _withCtx(() => [\n              _createVNode(BImagePickerCloseButton, {\n                class: \"ds-right-4 ds-top-4 ds-h-8 ds-w-8\",\n                onClick: closePreview\n              }),\n              _createElementVNode(\"div\", {\n                style: _normalizeStyle(\n          {\n            backgroundImage: `url('${props.url}')`,\n            height: 'calc(100vh - 16px)',\n            width: 'calc(100vw - 16px)',\n          } as StyleValue\n        ),\n                class: \"ds-bg-contain ds-bg-center ds-bg-no-repeat\"\n              }, null, 4)\n            ]),\n            _: 1\n          }))\n        : _createCommentVNode(\"\", true)\n    ]),\n    _: 1\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","closePreview","closeOnEscapePressed","event","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Transition","_withCtx","BOverlay","_createVNode","BImagePickerCloseButton","_createElementVNode","_normalizeStyle","_createCommentVNode"],"mappings":"0IAqB4BA,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,WAAY,CAAE,KAAM,OAAQ,EAC5B,IAAK,CAAC,CACR,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAIKC,QAAAH,EAAQE,GAAiB,CACzBA,EACaE,EAAAA,iBAEEC,EAAAA,kBACnB,CACD,EAID,MAAMC,EAAe,IAAM,CACzBN,EAAM,MAAQ,EAAA,EAEVO,EAAwBC,GAAyB,CACjDA,EAAM,MAAQ,UACHF,GACf,EAKFG,OAAAA,EAAAA,UAAU,IAAM,CACL,SAAA,iBAAiB,UAAWF,CAAoB,CAAA,CAC1D,EACDG,EAAAA,gBAAgB,IAAM,CACX,SAAA,oBAAoB,UAAWH,CAAoB,CAAA,CAC7D,EAGM,CAACI,EAAUC,KACRC,EAAAA,UAAc,EAAAC,EAAA,YAAaC,aAAa,CAAE,KAAM,QAAU,CAChE,QAASC,UAAS,IAAM,CACrBhB,EAAM,OACFa,EAAAA,YAAcC,EAAAA,YAAaG,EAAU,CAAE,IAAK,GAAK,CAChD,QAASD,UAAS,IAAM,CACtBE,EAAAA,YAAaC,EAAyB,CACpC,MAAO,oCACP,QAASb,CAAA,CACV,EACDc,EAAAA,mBAAoB,MAAO,CACzB,MAAOC,EAAA,eACb,CACE,gBAAiB,QAAQtB,EAAM,GAAG,KAClC,OAAQ,qBACR,MAAO,oBACT,CACF,EACQ,MAAO,4CAAA,EACN,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,CACJ,GACDuB,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACD,EAAG,CAAA,CACJ,EAEH,CAEA,CAAC"}

package/dist/design-system45.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system45.mjs","sources":["../src/components/BImagePicker/BImagePreview.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition } from \"vue\"\n\nimport {\r\n  computed,\r\n  onBeforeUnmount,\r\n  onMounted,\r\n  type StyleValue,\r\n  watch,\r\n} from 'vue';\r\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\r\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\r\nimport BOverlay from '../BOverlay.vue';\r\n\r\n//#region Props\r\nexport interface Props {\r\n  modelValue: boolean;\r\n  url: string;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BImagePreview',\n  props: {\n    modelValue: { type: Boolean },\n    url: {}\n  },\n  emits: [\"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;\r\n  },\r\n  set(val: boolean) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\n//#endregion\r\n\r\n//#region Watchers\r\nwatch(value, (val: boolean) => {\r\n  if (val) {\r\n    lockScrollBody();\r\n  } else {\r\n    unlockScrollBody();\r\n  }\r\n});\r\n//#endregion\r\n\r\n//#region Methods\r\nconst closePreview = () => {\r\n  value.value = false;\r\n};\r\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\r\n  if (event.key === 'Escape') {\r\n    closePreview();\r\n  }\r\n};\r\n//#endregion\r\n\r\n//#region Lifecycle Hooks\r\nonMounted(() => {\r\n  document.addEventListener('keydown', closeOnEscapePressed);\r\n});\r\nonBeforeUnmount(() => {\r\n  document.removeEventListener('keydown', closeOnEscapePressed);\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Transition, { name: \"fade\" }, {\n    default: _withCtx(() => [\n      (value.value)\n        ? (_openBlock(), _createBlock(BOverlay, { key: 0 }, {\n            default: _withCtx(() => [\n              _createVNode(BImagePickerCloseButton, {\n                class: \"ds-right-4 ds-top-4 ds-h-8 ds-w-8\",\n                onClick: closePreview\n              }),\n              _createElementVNode(\"div\", {\n                style: _normalizeStyle(\r\n          {\r\n            backgroundImage: `url('${props.url}')`,\r\n            height: 'calc(100vh - 16px)',\r\n            width: 'calc(100vw - 16px)',\r\n          } as StyleValue\r\n        ),\n                class: \"ds-bg-contain ds-bg-center ds-bg-no-repeat\"\n              }, null, 4)\n            ]),\n            _: 1\n          }))\n        : _createCommentVNode(\"\", true)\n    ]),\n    _: 1\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","closePreview","closeOnEscapePressed","event","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Transition","_withCtx","BOverlay","_createVNode","BImagePickerCloseButton","_createElementVNode","_normalizeStyle","_createCommentVNode"],"mappings":";;;;AAqBA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,KAAK,CAAC;AAAA,EACR;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAc;AAChB,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAIK,IAAAC,EAAAH,GAAO,CAACE,MAAiB;AAC7B,MAAIA,IACaE,MAEEC;IACnB,CACD;AAID,UAAMC,IAAe,MAAM;AACzB,MAAAN,EAAM,QAAQ;AAAA,IAAA,GAEVO,IAAuB,CAACC,MAAyB;AACjD,MAAAA,EAAM,QAAQ,YACHF;IACf;AAKF,WAAAG,EAAU,MAAM;AACL,eAAA,iBAAiB,WAAWF,CAAoB;AAAA,IAAA,CAC1D,GACDG,EAAgB,MAAM;AACX,eAAA,oBAAoB,WAAWH,CAAoB;AAAA,IAAA,CAC7D,GAGM,CAACI,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAa,EAAE,MAAM,UAAU;AAAA,MAChE,SAASC,EAAS,MAAM;AAAA,QACrBhB,EAAM,SACFa,KAAcC,EAAaG,GAAU,EAAE,KAAK,KAAK;AAAA,UAChD,SAASD,EAAS,MAAM;AAAA,YACtBE,EAAaC,GAAyB;AAAA,cACpC,OAAO;AAAA,cACP,SAASb;AAAA,YAAA,CACV;AAAA,YACDc,EAAoB,OAAO;AAAA,cACzB,OAAOC;AAAAA,gBACb;AAAA,kBACE,iBAAiB,QAAQtB,EAAM,GAAG;AAAA,kBAClC,QAAQ;AAAA,kBACR,OAAO;AAAA,gBACT;AAAA,cACF;AAAA,cACQ,OAAO;AAAA,YAAA,GACN,MAAM,CAAC;AAAA,UAAA,CACX;AAAA,UACD,GAAG;AAAA,QAAA,CACJ,KACDuB,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,MACD,GAAG;AAAA,IAAA,CACJ;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system45.mjs","sources":["../src/components/BImagePicker/BImagePreview.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition } from \"vue\"\n\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  type StyleValue,\n  watch,\n} from 'vue';\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport BOverlay from '../BOverlay.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: boolean;\n  url: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BImagePreview',\n  props: {\n    modelValue: { type: Boolean },\n    url: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Watchers\nwatch(value, (val: boolean) => {\n  if (val) {\n    lockScrollBody();\n  } else {\n    unlockScrollBody();\n  }\n});\n//#endregion\n\n//#region Methods\nconst closePreview = () => {\n  value.value = false;\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    closePreview();\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n});\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Transition, { name: \"fade\" }, {\n    default: _withCtx(() => [\n      (value.value)\n        ? (_openBlock(), _createBlock(BOverlay, { key: 0 }, {\n            default: _withCtx(() => [\n              _createVNode(BImagePickerCloseButton, {\n                class: \"ds-right-4 ds-top-4 ds-h-8 ds-w-8\",\n                onClick: closePreview\n              }),\n              _createElementVNode(\"div\", {\n                style: _normalizeStyle(\n          {\n            backgroundImage: `url('${props.url}')`,\n            height: 'calc(100vh - 16px)',\n            width: 'calc(100vw - 16px)',\n          } as StyleValue\n        ),\n                class: \"ds-bg-contain ds-bg-center ds-bg-no-repeat\"\n              }, null, 4)\n            ]),\n            _: 1\n          }))\n        : _createCommentVNode(\"\", true)\n    ]),\n    _: 1\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","closePreview","closeOnEscapePressed","event","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Transition","_withCtx","BOverlay","_createVNode","BImagePickerCloseButton","_createElementVNode","_normalizeStyle","_createCommentVNode"],"mappings":";;;;AAqBA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,KAAK,CAAC;AAAA,EACR;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAc;AAChB,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAIK,IAAAC,EAAAH,GAAO,CAACE,MAAiB;AAC7B,MAAIA,IACaE,MAEEC;IACnB,CACD;AAID,UAAMC,IAAe,MAAM;AACzB,MAAAN,EAAM,QAAQ;AAAA,IAAA,GAEVO,IAAuB,CAACC,MAAyB;AACjD,MAAAA,EAAM,QAAQ,YACHF;IACf;AAKF,WAAAG,EAAU,MAAM;AACL,eAAA,iBAAiB,WAAWF,CAAoB;AAAA,IAAA,CAC1D,GACDG,EAAgB,MAAM;AACX,eAAA,oBAAoB,WAAWH,CAAoB;AAAA,IAAA,CAC7D,GAGM,CAACI,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAa,EAAE,MAAM,UAAU;AAAA,MAChE,SAASC,EAAS,MAAM;AAAA,QACrBhB,EAAM,SACFa,KAAcC,EAAaG,GAAU,EAAE,KAAK,KAAK;AAAA,UAChD,SAASD,EAAS,MAAM;AAAA,YACtBE,EAAaC,GAAyB;AAAA,cACpC,OAAO;AAAA,cACP,SAASb;AAAA,YAAA,CACV;AAAA,YACDc,EAAoB,OAAO;AAAA,cACzB,OAAOC;AAAAA,gBACb;AAAA,kBACE,iBAAiB,QAAQtB,EAAM,GAAG;AAAA,kBAClC,QAAQ;AAAA,kBACR,OAAO;AAAA,gBACT;AAAA,cACF;AAAA,cACQ,OAAO;AAAA,YAAA,GACN,MAAM,CAAC;AAAA,UAAA,CACX;AAAA,UACD,GAAG;AAAA,QAAA,CACJ,KACDuB,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,MACD,GAAG;AAAA,IAAA,CACJ;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system46.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system91.js");require("./design-system92.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-e2bcaf08"]]);module.exports=t;
+"use strict";const e=require("./design-system91.js");require("./design-system92.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-764d3bd1"]]);module.exports=t;
 //# sourceMappingURL=design-system46.js.map

package/dist/design-system46.mjs

@@ -1,8 +1,8 @@
 import o from "./design-system91.mjs";
 import "./design-system92.mjs";
 import r from "./design-system56.mjs";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e2bcaf08"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-764d3bd1"]]);
 export {
-  c as default
+  m as default
 };
 //# sourceMappingURL=design-system46.mjs.map

package/dist/design-system47.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system47.js","sources":["../src/helpers/DateHelper.ts"],"sourcesContent":["import moment from 'moment-mini';\r\n\r\nexport const checkIfISOFormat = (str?: string | Date) =>\r\n  moment(str, moment.ISO_8601, true).isValid();\r\nexport const padStartZero = (val: number, maxLength: number) => {\r\n  let num = val.toString();\r\n  while (num.length < maxLength) {\r\n    num = '0' + num;\r\n  }\r\n  return num;\r\n};\r\n"],"names":["checkIfISOFormat","str","moment","padStartZero","val","maxLength","num"],"mappings":"wHAEaA,EAAoBC,GAC/BC,EAAOD,EAAKC,EAAO,SAAU,EAAI,EAAE,QAAQ,EAChCC,EAAe,CAACC,EAAaC,IAAsB,CAC1D,IAAAC,EAAMF,EAAI,WACP,KAAAE,EAAI,OAASD,GAClBC,EAAM,IAAMA,EAEP,OAAAA,CACT"}
+{"version":3,"file":"design-system47.js","sources":["../src/helpers/DateHelper.ts"],"sourcesContent":["import moment from 'moment-mini';\n\nexport const checkIfISOFormat = (str?: string | Date) =>\n  moment(str, moment.ISO_8601, true).isValid();\nexport const padStartZero = (val: number, maxLength: number) => {\n  let num = val.toString();\n  while (num.length < maxLength) {\n    num = '0' + num;\n  }\n  return num;\n};\n"],"names":["checkIfISOFormat","str","moment","padStartZero","val","maxLength","num"],"mappings":"wHAEaA,EAAoBC,GAC/BC,EAAOD,EAAKC,EAAO,SAAU,EAAI,EAAE,QAAQ,EAChCC,EAAe,CAACC,EAAaC,IAAsB,CAC1D,IAAAC,EAAMF,EAAI,WACP,KAAAE,EAAI,OAASD,GAClBC,EAAM,IAAMA,EAEP,OAAAA,CACT"}

package/dist/design-system47.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system47.mjs","sources":["../src/helpers/DateHelper.ts"],"sourcesContent":["import moment from 'moment-mini';\r\n\r\nexport const checkIfISOFormat = (str?: string | Date) =>\r\n  moment(str, moment.ISO_8601, true).isValid();\r\nexport const padStartZero = (val: number, maxLength: number) => {\r\n  let num = val.toString();\r\n  while (num.length < maxLength) {\r\n    num = '0' + num;\r\n  }\r\n  return num;\r\n};\r\n"],"names":["checkIfISOFormat","str","moment","padStartZero","val","maxLength","num"],"mappings":";AAEa,MAAAA,IAAmB,CAACC,MAC/BC,EAAOD,GAAKC,EAAO,UAAU,EAAI,EAAE,QAAQ,GAChCC,IAAe,CAACC,GAAaC,MAAsB;AAC1D,MAAAC,IAAMF,EAAI;AACP,SAAAE,EAAI,SAASD;AAClB,IAAAC,IAAM,MAAMA;AAEP,SAAAA;AACT;"}
+{"version":3,"file":"design-system47.mjs","sources":["../src/helpers/DateHelper.ts"],"sourcesContent":["import moment from 'moment-mini';\n\nexport const checkIfISOFormat = (str?: string | Date) =>\n  moment(str, moment.ISO_8601, true).isValid();\nexport const padStartZero = (val: number, maxLength: number) => {\n  let num = val.toString();\n  while (num.length < maxLength) {\n    num = '0' + num;\n  }\n  return num;\n};\n"],"names":["checkIfISOFormat","str","moment","padStartZero","val","maxLength","num"],"mappings":";AAEa,MAAAA,IAAmB,CAACC,MAC/BC,EAAOD,GAAKC,EAAO,UAAU,EAAI,EAAE,QAAQ,GAChCC,IAAe,CAACC,GAAaC,MAAsB;AAC1D,MAAAC,IAAMF,EAAI;AACP,SAAAE,EAAI,SAASD;AAClB,IAAAC,IAAM,MAAMA;AAEP,SAAAA;AACT;"}

package/dist/design-system5.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system5.js","sources":["../src/constants/Enums.ts"],"sourcesContent":["/**\r\n * BButton\r\n */\r\nexport enum BButtonType {\r\n  Primary = 'primary',\r\n  Secondary = 'secondary',\r\n  Additional = 'additional',\r\n  Clear = 'clear',\r\n  Icon = 'icon',\r\n}\r\nexport enum BButtonSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n}\r\n\r\n/**\r\n * BToast\r\n */\r\nexport enum BToastItemType {\r\n  Success = 'success',\r\n  Error = 'error',\r\n  Default = 'default',\r\n}\r\n\r\n/**\r\n * BSelect\r\n */\r\nexport enum BSelectSize {\r\n  ExtraSmall = 'xs',\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n  Large = 'lg',\r\n}\r\n\r\n/**\r\n * BModal\r\n */\r\nexport enum BModalSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n  Large = 'lg',\r\n}\r\n\r\n/**\r\n * BCheckbox\r\n */\r\nexport enum BCheckboxSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n}\r\n\r\n/**\r\n * BRadio\r\n */\r\nexport enum BRadioSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n}\r\n\r\n/**\r\n * BTooltip\r\n */\r\nexport enum BTooltipPosition {\r\n  Top = 'top',\r\n  Bottom = 'bottom',\r\n}\r\nexport enum BTooltipOpenEvent {\r\n  Click = 'click',\r\n  Focus = 'focus',\r\n  Hover = 'hover',\r\n}\r\n\r\n/**\r\n * BTextEditor\r\n */\r\nexport enum BTextEditorExtension {\r\n  Bold = 'bold',\r\n  Italic = 'italic',\r\n  Strike = 'strike',\r\n  Highlight = 'highlight',\r\n  Youtube = 'youtube',\r\n  Image = 'image',\r\n  Audio = 'audio',\r\n  FileDownload = 'fileDownload',\r\n  QuestionBlank = 'questionBlank',\r\n  Blockquote = 'blockquote',\r\n  Color = 'color',\r\n  BulletList = 'bulletList',\r\n  CharacterCount = 'characterCount',\r\n}\r\n\r\n/**\r\n * BLoadingOverlay\r\n */\r\nexport enum BLoadingOverlaySpinnerSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n  Large = 'lg',\r\n}\r\n\r\n/**\r\n * BPagination\r\n */\r\nexport enum BPaginationSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n}\r\n\r\n/**\r\n * BDatePicker\r\n */\r\nexport enum BDatePickerView {\r\n  Days = 'days',\r\n  Months = 'months',\r\n  Years = 'years',\r\n}\r\n"],"names":["BButtonType","BButtonSize","BToastItemType","BSelectSize","BModalSize","BCheckboxSize","BRadioSize","BTooltipPosition","BTooltipOpenEvent","BTextEditorExtension","BLoadingOverlaySpinnerSize","BPaginationSize","BDatePickerView"],"mappings":"gFAGY,IAAAA,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,WAAa,aACbA,EAAA,MAAQ,QACRA,EAAA,KAAO,OALGA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KAFCA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,QAAU,UAHAA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAA,WAAa,KACbA,EAAA,MAAQ,KACRA,EAAA,OAAS,KACTA,EAAA,MAAQ,KAJEA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KACTA,EAAA,MAAQ,KAHEA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KAFCA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KAFCA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,OAAS,SAFCA,IAAAA,GAAA,CAAA,CAAA,EAIAC,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QAHEA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,UAAY,YACZA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,aAAe,eACfA,EAAA,cAAgB,gBAChBA,EAAA,WAAa,aACbA,EAAA,MAAQ,QACRA,EAAA,WAAa,aACbA,EAAA,eAAiB,iBAbPA,IAAAA,GAAA,CAAA,CAAA,EAmBAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KACTA,EAAA,MAAQ,KAHEA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KAFCA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,MAAQ,QAHEA,IAAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"design-system5.js","sources":["../src/constants/Enums.ts"],"sourcesContent":["/**\n * BButton\n */\nexport enum BButtonType {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Additional = 'additional',\n  Clear = 'clear',\n  Icon = 'icon',\n}\nexport enum BButtonSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BToast\n */\nexport enum BToastItemType {\n  Success = 'success',\n  Error = 'error',\n  Default = 'default',\n}\n\n/**\n * BSelect\n */\nexport enum BSelectSize {\n  ExtraSmall = 'xs',\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BModal\n */\nexport enum BModalSize {\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BCheckbox\n */\nexport enum BCheckboxSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BRadio\n */\nexport enum BRadioSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BTooltip\n */\nexport enum BTooltipPosition {\n  Top = 'top',\n  Bottom = 'bottom',\n}\nexport enum BTooltipOpenEvent {\n  Click = 'click',\n  Focus = 'focus',\n  Hover = 'hover',\n}\n\n/**\n * BTextEditor\n */\nexport enum BTextEditorExtension {\n  Bold = 'bold',\n  Italic = 'italic',\n  Strike = 'strike',\n  Highlight = 'highlight',\n  Youtube = 'youtube',\n  Image = 'image',\n  Audio = 'audio',\n  FileDownload = 'fileDownload',\n  QuestionBlank = 'questionBlank',\n  Blockquote = 'blockquote',\n  Color = 'color',\n  BulletList = 'bulletList',\n  CharacterCount = 'characterCount',\n}\n\n/**\n * BLoadingOverlay\n */\nexport enum BLoadingOverlaySpinnerSize {\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BPagination\n */\nexport enum BPaginationSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BDatePicker\n */\nexport enum BDatePickerView {\n  Days = 'days',\n  Months = 'months',\n  Years = 'years',\n}\n"],"names":["BButtonType","BButtonSize","BToastItemType","BSelectSize","BModalSize","BCheckboxSize","BRadioSize","BTooltipPosition","BTooltipOpenEvent","BTextEditorExtension","BLoadingOverlaySpinnerSize","BPaginationSize","BDatePickerView"],"mappings":"gFAGY,IAAAA,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,WAAa,aACbA,EAAA,MAAQ,QACRA,EAAA,KAAO,OALGA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KAFCA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,QAAU,UAHAA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAA,WAAa,KACbA,EAAA,MAAQ,KACRA,EAAA,OAAS,KACTA,EAAA,MAAQ,KAJEA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KACTA,EAAA,MAAQ,KAHEA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KAFCA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KAFCA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,OAAS,SAFCA,IAAAA,GAAA,CAAA,CAAA,EAIAC,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QAHEA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,UAAY,YACZA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,aAAe,eACfA,EAAA,cAAgB,gBAChBA,EAAA,WAAa,aACbA,EAAA,MAAQ,QACRA,EAAA,WAAa,aACbA,EAAA,eAAiB,iBAbPA,IAAAA,GAAA,CAAA,CAAA,EAmBAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KACTA,EAAA,MAAQ,KAHEA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KAFCA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,MAAQ,QAHEA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/design-system5.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system5.mjs","sources":["../src/constants/Enums.ts"],"sourcesContent":["/**\r\n * BButton\r\n */\r\nexport enum BButtonType {\r\n  Primary = 'primary',\r\n  Secondary = 'secondary',\r\n  Additional = 'additional',\r\n  Clear = 'clear',\r\n  Icon = 'icon',\r\n}\r\nexport enum BButtonSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n}\r\n\r\n/**\r\n * BToast\r\n */\r\nexport enum BToastItemType {\r\n  Success = 'success',\r\n  Error = 'error',\r\n  Default = 'default',\r\n}\r\n\r\n/**\r\n * BSelect\r\n */\r\nexport enum BSelectSize {\r\n  ExtraSmall = 'xs',\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n  Large = 'lg',\r\n}\r\n\r\n/**\r\n * BModal\r\n */\r\nexport enum BModalSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n  Large = 'lg',\r\n}\r\n\r\n/**\r\n * BCheckbox\r\n */\r\nexport enum BCheckboxSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n}\r\n\r\n/**\r\n * BRadio\r\n */\r\nexport enum BRadioSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n}\r\n\r\n/**\r\n * BTooltip\r\n */\r\nexport enum BTooltipPosition {\r\n  Top = 'top',\r\n  Bottom = 'bottom',\r\n}\r\nexport enum BTooltipOpenEvent {\r\n  Click = 'click',\r\n  Focus = 'focus',\r\n  Hover = 'hover',\r\n}\r\n\r\n/**\r\n * BTextEditor\r\n */\r\nexport enum BTextEditorExtension {\r\n  Bold = 'bold',\r\n  Italic = 'italic',\r\n  Strike = 'strike',\r\n  Highlight = 'highlight',\r\n  Youtube = 'youtube',\r\n  Image = 'image',\r\n  Audio = 'audio',\r\n  FileDownload = 'fileDownload',\r\n  QuestionBlank = 'questionBlank',\r\n  Blockquote = 'blockquote',\r\n  Color = 'color',\r\n  BulletList = 'bulletList',\r\n  CharacterCount = 'characterCount',\r\n}\r\n\r\n/**\r\n * BLoadingOverlay\r\n */\r\nexport enum BLoadingOverlaySpinnerSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n  Large = 'lg',\r\n}\r\n\r\n/**\r\n * BPagination\r\n */\r\nexport enum BPaginationSize {\r\n  Small = 'sm',\r\n  Medium = 'md',\r\n}\r\n\r\n/**\r\n * BDatePicker\r\n */\r\nexport enum BDatePickerView {\r\n  Days = 'days',\r\n  Months = 'months',\r\n  Years = 'years',\r\n}\r\n"],"names":["BButtonType","BButtonSize","BToastItemType","BSelectSize","BModalSize","BCheckboxSize","BRadioSize","BTooltipPosition","BTooltipOpenEvent","BTextEditorExtension","BLoadingOverlaySpinnerSize","BPaginationSize","BDatePickerView"],"mappings":"AAGY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,aAAa,cACbA,EAAA,QAAQ,SACRA,EAAA,OAAO,QALGA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,aAAa,MACbA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJEA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAIAC,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,YAAY,aACZA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,gBAAgB,iBAChBA,EAAA,aAAa,cACbA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,iBAAiB,kBAbPA,IAAAA,KAAA,CAAA,CAAA,GAmBAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"design-system5.mjs","sources":["../src/constants/Enums.ts"],"sourcesContent":["/**\n * BButton\n */\nexport enum BButtonType {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Additional = 'additional',\n  Clear = 'clear',\n  Icon = 'icon',\n}\nexport enum BButtonSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BToast\n */\nexport enum BToastItemType {\n  Success = 'success',\n  Error = 'error',\n  Default = 'default',\n}\n\n/**\n * BSelect\n */\nexport enum BSelectSize {\n  ExtraSmall = 'xs',\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BModal\n */\nexport enum BModalSize {\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BCheckbox\n */\nexport enum BCheckboxSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BRadio\n */\nexport enum BRadioSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BTooltip\n */\nexport enum BTooltipPosition {\n  Top = 'top',\n  Bottom = 'bottom',\n}\nexport enum BTooltipOpenEvent {\n  Click = 'click',\n  Focus = 'focus',\n  Hover = 'hover',\n}\n\n/**\n * BTextEditor\n */\nexport enum BTextEditorExtension {\n  Bold = 'bold',\n  Italic = 'italic',\n  Strike = 'strike',\n  Highlight = 'highlight',\n  Youtube = 'youtube',\n  Image = 'image',\n  Audio = 'audio',\n  FileDownload = 'fileDownload',\n  QuestionBlank = 'questionBlank',\n  Blockquote = 'blockquote',\n  Color = 'color',\n  BulletList = 'bulletList',\n  CharacterCount = 'characterCount',\n}\n\n/**\n * BLoadingOverlay\n */\nexport enum BLoadingOverlaySpinnerSize {\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BPagination\n */\nexport enum BPaginationSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BDatePicker\n */\nexport enum BDatePickerView {\n  Days = 'days',\n  Months = 'months',\n  Years = 'years',\n}\n"],"names":["BButtonType","BButtonSize","BToastItemType","BSelectSize","BModalSize","BCheckboxSize","BRadioSize","BTooltipPosition","BTooltipOpenEvent","BTextEditorExtension","BLoadingOverlaySpinnerSize","BPaginationSize","BDatePickerView"],"mappings":"AAGY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,aAAa,cACbA,EAAA,QAAQ,SACRA,EAAA,OAAO,QALGA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,aAAa,MACbA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJEA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAIAC,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,YAAY,aACZA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,gBAAgB,iBAChBA,EAAA,aAAa,cACbA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,iBAAiB,kBAbPA,IAAAA,KAAA,CAAA,CAAA,GAmBAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/design-system54.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),y=r=>(e.pushScopeId("data-v-f817a4d8"),r=r(),e.popScopeId(),r),C={class:"carousel-content"},E=y(()=>e.createElementVNode("div",{class:"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70"},[e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"})])],-1)),L=[E],N=y(()=>e.createElementVNode("div",{class:"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70"},[e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})])],-1)),I=[N],b={key:1,class:"carousel-pagination"},S=["onClick"],z=e.defineComponent({__name:"BCarousel",props:{modelValue:{default:void 0},autoplay:{type:Boolean,default:!1},duration:{default:5e3},navigation:{type:Boolean,default:!1},pagination:{type:Boolean,default:!1},continuous:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(r,{emit:k}){const l=r;let d;const p=e.ref(0),u=e.ref(0),v=e.ref(null),a=e.ref(null),t=e.computed({get(){return l.modelValue!==void 0?l.modelValue:p.value},set(s){l.modelValue!==void 0?k("update:modelValue",s):p.value=s}}),w=e.computed(()=>l.continuous||t.value<u.value-1),B=e.computed(()=>l.continuous||t.value>0);e.watch(t,(s,o)=>{h(s,o)}),e.watch(()=>l.autoplay,s=>{s&&l.duration>0?(c(),m()):c()}),e.watch(()=>l.duration,s=>{l.autoplay&&(s>0?(c(),m()):c())});const _=s=>{t.value=s},f=()=>{t.value===u.value-1?l.continuous&&(t.value=0):t.value=t.value+1},V=()=>{t.value===0?l.continuous&&(t.value=u.value-1):t.value=t.value-1},m=()=>{d=setInterval(()=>{f()},l.duration)},c=()=>{d&&clearInterval(d)},h=(s,o)=>{if(a.value){t.value=s;const n=s<o,i=n?"slide-out-reverse":"slide-out",g=n?"slide-in-reverse":"slide-in";n?(a.value[o].classList.add("reverse"),a.value[t.value].classList.add("reverse")):(a.value[o].classList.remove("reverse"),a.value[t.value].classList.remove("reverse")),o!==s&&(a.value[o].classList.remove("slide-in","slide-in-reverse"),a.value[o].classList.add(i),setTimeout(()=>{a.value[o].classList.remove("active")},500)),a.value[t.value].classList.remove("slide-out","slide-out-reverse"),a.value[t.value].classList.add(g),a.value[t.value].classList.add("active")}};return(()=>{l.autoplay&&m()})(),e.onMounted(()=>{if(v.value){const s=t.value,o=v.value.querySelectorAll(".carousel-item");o.length&&(u.value=o.length,a.value=[...o],a.value.forEach(n=>{n.classList.contains("active")&&(t.value=a.value.indexOf(n))}),h(t.value,s))}}),e.onBeforeUnmount(()=>{clearInterval(d)}),(s,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:v,class:"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg"},[e.createElementVNode("div",C,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),l.navigation?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[B.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"carousel-navigation--left",onClick:V},L)):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"carousel-navigation--right",onClick:f},I)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),l.pagination?(e.openBlock(),e.createElementBlock("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(n,i)=>(e.openBlock(),e.createElementBlock("span",{key:i,class:e.normalizeClass({"ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t":i===t.value}),onClick:g=>_(i)},null,10,S))),128))])):e.createCommentVNode("",!0)],512))}});module.exports=z;
+"use strict";const e=require("vue"),y=r=>(e.pushScopeId("data-v-34b71560"),r=r(),e.popScopeId(),r),C={class:"carousel-content"},E=y(()=>e.createElementVNode("div",{class:"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70"},[e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"})])],-1)),L=[E],N=y(()=>e.createElementVNode("div",{class:"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70"},[e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})])],-1)),b=[N],I={key:1,class:"carousel-pagination"},S=["onClick"],z=e.defineComponent({__name:"BCarousel",props:{modelValue:{default:void 0},autoplay:{type:Boolean,default:!1},duration:{default:5e3},navigation:{type:Boolean,default:!1},pagination:{type:Boolean,default:!1},continuous:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(r,{emit:k}){const l=r;let d;const p=e.ref(0),u=e.ref(0),v=e.ref(null),a=e.ref(null),t=e.computed({get(){return l.modelValue!==void 0?l.modelValue:p.value},set(s){l.modelValue!==void 0?k("update:modelValue",s):p.value=s}}),w=e.computed(()=>l.continuous||t.value<u.value-1),B=e.computed(()=>l.continuous||t.value>0);e.watch(t,(s,o)=>{h(s,o)}),e.watch(()=>l.autoplay,s=>{s&&l.duration>0?(c(),m()):c()}),e.watch(()=>l.duration,s=>{l.autoplay&&(s>0?(c(),m()):c())});const _=s=>{t.value=s},f=()=>{t.value===u.value-1?l.continuous&&(t.value=0):t.value=t.value+1},V=()=>{t.value===0?l.continuous&&(t.value=u.value-1):t.value=t.value-1},m=()=>{d=setInterval(()=>{f()},l.duration)},c=()=>{d&&clearInterval(d)},h=(s,o)=>{if(a.value){t.value=s;const n=s<o,i=n?"slide-out-reverse":"slide-out",g=n?"slide-in-reverse":"slide-in";n?(a.value[o].classList.add("reverse"),a.value[t.value].classList.add("reverse")):(a.value[o].classList.remove("reverse"),a.value[t.value].classList.remove("reverse")),o!==s&&(a.value[o].classList.remove("slide-in","slide-in-reverse"),a.value[o].classList.add(i),setTimeout(()=>{a.value[o].classList.remove("active")},500)),a.value[t.value].classList.remove("slide-out","slide-out-reverse"),a.value[t.value].classList.add(g),a.value[t.value].classList.add("active")}};return(()=>{l.autoplay&&m()})(),e.onMounted(()=>{if(v.value){const s=t.value,o=v.value.querySelectorAll(".carousel-item");o.length&&(u.value=o.length,a.value=[...o],a.value.forEach(n=>{n.classList.contains("active")&&(t.value=a.value.indexOf(n))}),h(t.value,s))}}),e.onBeforeUnmount(()=>{clearInterval(d)}),(s,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:v,class:"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg"},[e.createElementVNode("div",C,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),l.navigation?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[B.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"carousel-navigation--left",onClick:V},L)):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"carousel-navigation--right",onClick:f},b)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),l.pagination?(e.openBlock(),e.createElementBlock("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(n,i)=>(e.openBlock(),e.createElementBlock("span",{key:i,class:e.normalizeClass({"ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t":i===t.value}),onClick:g=>_(i)},null,10,S))),128))])):e.createCommentVNode("",!0)],512))}});module.exports=z;
 //# sourceMappingURL=design-system54.js.map

package/dist/design-system54.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system54.js","sources":["../src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-f817a4d8\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"carousel-content\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n    viewBox: \"0 0 320 512\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", { d: \"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\" })\n  ])\n], -1))\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n    viewBox: \"0 0 320 512\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n  ])\n], -1))\nconst _hoisted_5 = [\n  _hoisted_4\n]\nconst _hoisted_6 = {\n  key: 1,\n  class: \"carousel-pagination\"\n}\nconst _hoisted_7 = [\"onClick\"]\n\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\r\n\r\n//#region Props\r\ninterface BCarouselProps {\r\n  /**\r\n   * Index of slide.\r\n   */\r\n  modelValue?: number;\r\n  /**\r\n   * Automatically go to the next slide every 5s (default).\r\n   */\r\n  autoplay?: boolean;\r\n  /**\r\n   * Waiting time before going to the next slide.\r\n   */\r\n  duration?: number;\r\n  /**\r\n   * Show navigation controls.\r\n   */\r\n  navigation?: boolean;\r\n  /**\r\n   * Show bottom controls.\r\n   */\r\n  pagination?: boolean;\r\n  /**\r\n   * Return to the first slide after reaching the end.\r\n   */\r\n  continuous?: boolean;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCarousel',\n  props: {\n    modelValue: { default: undefined },\n    autoplay: { type: Boolean, default: false },\n    duration: { default: 5000 },\n    navigation: { type: Boolean, default: false },\n    pagination: { type: Boolean, default: false },\n    continuous: { type: Boolean, default: true }\n  },\n  emits: [\"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\nlet autoplayIntervalFn: any;\r\nconst mValue = ref(0);\r\nconst itemCount = ref(0);\r\nconst container = ref<HTMLElement | null>(null);\r\nconst carouselItems = ref<Element[] | null>(null);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\r\n  },\r\n  set(val) {\r\n    if (props.modelValue !== undefined) {\r\n      emit('update:modelValue', val);\r\n    } else {\r\n      mValue.value = val;\r\n    }\r\n  },\r\n});\r\nconst showNextNav = computed(\r\n  () => props.continuous || value.value < itemCount.value - 1,\r\n);\r\nconst showPrevNav = computed(() => props.continuous || value.value > 0);\r\n//#endregion\r\n\r\n//#region Watchers\r\nwatch(value, (val, oldVal) => {\r\n  selectCarouselItem(val, oldVal);\r\n});\r\nwatch(\r\n  () => props.autoplay,\r\n  (val) => {\r\n    if (val) {\r\n      if (props.duration > 0) {\r\n        clearAutoPlay();\r\n        setAutoPlay();\r\n      } else {\r\n        clearAutoPlay();\r\n      }\r\n    } else {\r\n      clearAutoPlay();\r\n    }\r\n  },\r\n);\r\nwatch(\r\n  () => props.duration,\r\n  (val) => {\r\n    if (props.autoplay) {\r\n      if (val > 0) {\r\n        clearAutoPlay();\r\n        setAutoPlay();\r\n      } else {\r\n        clearAutoPlay();\r\n      }\r\n    }\r\n  },\r\n);\r\n//#endregion\r\n\r\n//#region Methods\r\nconst goToItem = (index: number) => {\r\n  value.value = index;\r\n};\r\nconst nextItem = () => {\r\n  if (value.value === itemCount.value - 1) {\r\n    if (props.continuous) {\r\n      value.value = 0;\r\n    }\r\n  } else {\r\n    value.value = value.value + 1;\r\n  }\r\n};\r\nconst prevItem = () => {\r\n  if (value.value === 0) {\r\n    if (props.continuous) {\r\n      value.value = itemCount.value - 1;\r\n    }\r\n  } else {\r\n    value.value = value.value - 1;\r\n  }\r\n};\r\nconst setAutoPlay = () => {\r\n  autoplayIntervalFn = setInterval(() => {\r\n    nextItem();\r\n  }, props.duration);\r\n};\r\nconst clearAutoPlay = () => {\r\n  if (autoplayIntervalFn) {\r\n    clearInterval(autoplayIntervalFn);\r\n  }\r\n};\r\nconst selectCarouselItem = (index: number, oldIndex: number) => {\r\n  if (carouselItems.value) {\r\n    // Set activeIndex\r\n    value.value = index;\r\n\r\n    // Ensure reverse css classes\r\n    const isReverse = index < oldIndex;\r\n    const slideOutCssClass = isReverse ? 'slide-out-reverse' : 'slide-out';\r\n    const slideInCssClass = isReverse ? 'slide-in-reverse' : 'slide-in';\r\n    if (isReverse) {\r\n      carouselItems.value[oldIndex].classList.add('reverse');\r\n      carouselItems.value[value.value].classList.add('reverse');\r\n    } else {\r\n      carouselItems.value[oldIndex].classList.remove('reverse');\r\n      carouselItems.value[value.value].classList.remove('reverse');\r\n    }\r\n\r\n    // Remove active class from previous item\r\n    if (oldIndex !== index) {\r\n      carouselItems.value[oldIndex].classList.remove(\r\n        'slide-in',\r\n        'slide-in-reverse',\r\n      );\r\n      carouselItems.value[oldIndex].classList.add(slideOutCssClass);\r\n      // After 0.5s transition animation, hide the previous item\r\n      setTimeout(() => {\r\n        carouselItems.value![oldIndex].classList.remove('active');\r\n      }, 500);\r\n    }\r\n\r\n    // Add active class into active item\r\n    carouselItems.value[value.value].classList.remove(\r\n      'slide-out',\r\n      'slide-out-reverse',\r\n    );\r\n    carouselItems.value[value.value].classList.add(slideInCssClass);\r\n    carouselItems.value[value.value].classList.add('active');\r\n  }\r\n};\r\nconst init = () => {\r\n  if (props.autoplay) {\r\n    setAutoPlay();\r\n  }\r\n};\r\n\r\ninit();\r\n//#endregion\r\n\r\n//#region Lifecycle Hooks\r\nonMounted(() => {\r\n  if (container.value) {\r\n    const oldValue = value.value;\r\n    const items = container.value.querySelectorAll('.carousel-item') as any;\r\n    if (items.length) {\r\n      itemCount.value = items.length;\r\n      carouselItems.value = [...items];\r\n\r\n      carouselItems.value.forEach((carouselItem) => {\r\n        if (carouselItem.classList.contains('active')) {\r\n          value.value = carouselItems.value!.indexOf(carouselItem);\r\n        }\r\n      });\r\n      selectCarouselItem(value.value, oldValue);\r\n    }\r\n  }\r\n});\r\nonBeforeUnmount(() => {\r\n  clearInterval(autoplayIntervalFn);\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"container\",\n    ref: container,\n    class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\"\n  }, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ]),\n    (props.navigation)\n      ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n          (showPrevNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 0,\n                class: \"carousel-navigation--left\",\n                onClick: prevItem\n              }, _hoisted_3))\n            : _createCommentVNode(\"\", true),\n          (showNextNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 1,\n                class: \"carousel-navigation--right\",\n                onClick: nextItem\n              }, _hoisted_5))\n            : _createCommentVNode(\"\", true)\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (props.pagination)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_6, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(itemCount.value, (item, index) => {\n            return (_openBlock(), _createElementBlock(\"span\", {\n              key: index,\n              class: _normalizeClass({\r\n          'ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t':\r\n            index === value.value,\r\n        }),\n              onClick: ($event: any) => (goToItem(index))\n            }, null, 10, _hoisted_7))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 512))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","emit","props","autoplayIntervalFn","mValue","ref","itemCount","container","carouselItems","value","computed","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","clearAutoPlay","setAutoPlay","goToItem","index","nextItem","prevItem","oldIndex","isReverse","slideOutCssClass","slideInCssClass","onMounted","oldValue","items","carouselItem","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}
+{"version":3,"file":"design-system54.js","sources":["../src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-34b71560\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"carousel-content\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n    viewBox: \"0 0 320 512\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", { d: \"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\" })\n  ])\n], -1))\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n    viewBox: \"0 0 320 512\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n  ])\n], -1))\nconst _hoisted_5 = [\n  _hoisted_4\n]\nconst _hoisted_6 = {\n  key: 1,\n  class: \"carousel-pagination\"\n}\nconst _hoisted_7 = [\"onClick\"]\n\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\n//#region Props\ninterface BCarouselProps {\n  /**\n   * Index of slide.\n   */\n  modelValue?: number;\n  /**\n   * Automatically go to the next slide every 5s (default).\n   */\n  autoplay?: boolean;\n  /**\n   * Waiting time before going to the next slide.\n   */\n  duration?: number;\n  /**\n   * Show navigation controls.\n   */\n  navigation?: boolean;\n  /**\n   * Show bottom controls.\n   */\n  pagination?: boolean;\n  /**\n   * Return to the first slide after reaching the end.\n   */\n  continuous?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCarousel',\n  props: {\n    modelValue: { default: undefined },\n    autoplay: { type: Boolean, default: false },\n    duration: { default: 5000 },\n    navigation: { type: Boolean, default: false },\n    pagination: { type: Boolean, default: false },\n    continuous: { type: Boolean, default: true }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nlet autoplayIntervalFn: any;\nconst mValue = ref(0);\nconst itemCount = ref(0);\nconst container = ref<HTMLElement | null>(null);\nconst carouselItems = ref<Element[] | null>(null);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\nconst showNextNav = computed(\n  () => props.continuous || value.value < itemCount.value - 1,\n);\nconst showPrevNav = computed(() => props.continuous || value.value > 0);\n//#endregion\n\n//#region Watchers\nwatch(value, (val, oldVal) => {\n  selectCarouselItem(val, oldVal);\n});\nwatch(\n  () => props.autoplay,\n  (val) => {\n    if (val) {\n      if (props.duration > 0) {\n        clearAutoPlay();\n        setAutoPlay();\n      } else {\n        clearAutoPlay();\n      }\n    } else {\n      clearAutoPlay();\n    }\n  },\n);\nwatch(\n  () => props.duration,\n  (val) => {\n    if (props.autoplay) {\n      if (val > 0) {\n        clearAutoPlay();\n        setAutoPlay();\n      } else {\n        clearAutoPlay();\n      }\n    }\n  },\n);\n//#endregion\n\n//#region Methods\nconst goToItem = (index: number) => {\n  value.value = index;\n};\nconst nextItem = () => {\n  if (value.value === itemCount.value - 1) {\n    if (props.continuous) {\n      value.value = 0;\n    }\n  } else {\n    value.value = value.value + 1;\n  }\n};\nconst prevItem = () => {\n  if (value.value === 0) {\n    if (props.continuous) {\n      value.value = itemCount.value - 1;\n    }\n  } else {\n    value.value = value.value - 1;\n  }\n};\nconst setAutoPlay = () => {\n  autoplayIntervalFn = setInterval(() => {\n    nextItem();\n  }, props.duration);\n};\nconst clearAutoPlay = () => {\n  if (autoplayIntervalFn) {\n    clearInterval(autoplayIntervalFn);\n  }\n};\nconst selectCarouselItem = (index: number, oldIndex: number) => {\n  if (carouselItems.value) {\n    // Set activeIndex\n    value.value = index;\n\n    // Ensure reverse css classes\n    const isReverse = index < oldIndex;\n    const slideOutCssClass = isReverse ? 'slide-out-reverse' : 'slide-out';\n    const slideInCssClass = isReverse ? 'slide-in-reverse' : 'slide-in';\n    if (isReverse) {\n      carouselItems.value[oldIndex].classList.add('reverse');\n      carouselItems.value[value.value].classList.add('reverse');\n    } else {\n      carouselItems.value[oldIndex].classList.remove('reverse');\n      carouselItems.value[value.value].classList.remove('reverse');\n    }\n\n    // Remove active class from previous item\n    if (oldIndex !== index) {\n      carouselItems.value[oldIndex].classList.remove(\n        'slide-in',\n        'slide-in-reverse',\n      );\n      carouselItems.value[oldIndex].classList.add(slideOutCssClass);\n      // After 0.5s transition animation, hide the previous item\n      setTimeout(() => {\n        carouselItems.value![oldIndex].classList.remove('active');\n      }, 500);\n    }\n\n    // Add active class into active item\n    carouselItems.value[value.value].classList.remove(\n      'slide-out',\n      'slide-out-reverse',\n    );\n    carouselItems.value[value.value].classList.add(slideInCssClass);\n    carouselItems.value[value.value].classList.add('active');\n  }\n};\nconst init = () => {\n  if (props.autoplay) {\n    setAutoPlay();\n  }\n};\n\ninit();\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (container.value) {\n    const oldValue = value.value;\n    const items = container.value.querySelectorAll('.carousel-item') as any;\n    if (items.length) {\n      itemCount.value = items.length;\n      carouselItems.value = [...items];\n\n      carouselItems.value.forEach((carouselItem) => {\n        if (carouselItem.classList.contains('active')) {\n          value.value = carouselItems.value!.indexOf(carouselItem);\n        }\n      });\n      selectCarouselItem(value.value, oldValue);\n    }\n  }\n});\nonBeforeUnmount(() => {\n  clearInterval(autoplayIntervalFn);\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"container\",\n    ref: container,\n    class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\"\n  }, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ]),\n    (props.navigation)\n      ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n          (showPrevNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 0,\n                class: \"carousel-navigation--left\",\n                onClick: prevItem\n              }, _hoisted_3))\n            : _createCommentVNode(\"\", true),\n          (showNextNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 1,\n                class: \"carousel-navigation--right\",\n                onClick: nextItem\n              }, _hoisted_5))\n            : _createCommentVNode(\"\", true)\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (props.pagination)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_6, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(itemCount.value, (item, index) => {\n            return (_openBlock(), _createElementBlock(\"span\", {\n              key: index,\n              class: _normalizeClass({\n          'ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t':\n            index === value.value,\n        }),\n              onClick: ($event: any) => (goToItem(index))\n            }, null, 10, _hoisted_7))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 512))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","emit","props","autoplayIntervalFn","mValue","ref","itemCount","container","carouselItems","value","computed","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","clearAutoPlay","setAutoPlay","goToItem","index","nextItem","prevItem","oldIndex","isReverse","slideOutCssClass","slideInCssClass","onMounted","oldValue","items","carouselItem","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}

package/dist/design-system54.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as A, ref as m, computed as y, watch as _, onMounted as E, onBeforeUnmount as M, openBlock as u, createElementBlock as i, createElementVNode as n, renderSlot as P, Fragment as B, createCommentVNode as p, renderList as F, normalizeClass as O, pushScopeId as T, popScopeId as $ } from "vue";
-const V = (r) => (T("data-v-f817a4d8"), r = r(), $(), r), q = { class: "carousel-content" }, R = /* @__PURE__ */ V(() => /* @__PURE__ */ n("div", { class: "ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70" }, [
+const V = (r) => (T("data-v-34b71560"), r = r(), $(), r), q = { class: "carousel-content" }, R = /* @__PURE__ */ V(() => /* @__PURE__ */ n("div", { class: "ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70" }, [
   /* @__PURE__ */ n("svg", {
     class: "ds-h-5 ds-w-5 ds-fill-white",
     viewBox: "0 0 320 512",
@@ -33,66 +33,66 @@ const V = (r) => (T("data-v-f817a4d8"), r = r(), $(), r), q = { class: "carousel
     continuous: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: I }) {
-    const a = r;
+  setup(r, { emit: b }) {
+    const l = r;
     let f;
-    const w = m(0), c = m(0), h = m(null), l = m(null), e = y({
+    const w = m(0), c = m(0), h = m(null), a = m(null), e = y({
       get() {
-        return a.modelValue !== void 0 ? a.modelValue : w.value;
+        return l.modelValue !== void 0 ? l.modelValue : w.value;
       },
       set(s) {
-        a.modelValue !== void 0 ? I("update:modelValue", s) : w.value = s;
+        l.modelValue !== void 0 ? b("update:modelValue", s) : w.value = s;
       }
-    }), b = y(
-      () => a.continuous || e.value < c.value - 1
-    ), N = y(() => a.continuous || e.value > 0);
+    }), I = y(
+      () => l.continuous || e.value < c.value - 1
+    ), N = y(() => l.continuous || e.value > 0);
     _(e, (s, t) => {
       L(s, t);
     }), _(
-      () => a.autoplay,
+      () => l.autoplay,
       (s) => {
-        s && a.duration > 0 ? (v(), g()) : v();
+        s && l.duration > 0 ? (v(), g()) : v();
       }
     ), _(
-      () => a.duration,
+      () => l.duration,
       (s) => {
-        a.autoplay && (s > 0 ? (v(), g()) : v());
+        l.autoplay && (s > 0 ? (v(), g()) : v());
       }
     );
     const S = (s) => {
       e.value = s;
     }, C = () => {
-      e.value === c.value - 1 ? a.continuous && (e.value = 0) : e.value = e.value + 1;
+      e.value === c.value - 1 ? l.continuous && (e.value = 0) : e.value = e.value + 1;
     }, z = () => {
-      e.value === 0 ? a.continuous && (e.value = c.value - 1) : e.value = e.value - 1;
+      e.value === 0 ? l.continuous && (e.value = c.value - 1) : e.value = e.value - 1;
     }, g = () => {
       f = setInterval(() => {
         C();
-      }, a.duration);
+      }, l.duration);
     }, v = () => {
       f && clearInterval(f);
     }, L = (s, t) => {
-      if (l.value) {
+      if (a.value) {
         e.value = s;
         const o = s < t, d = o ? "slide-out-reverse" : "slide-out", k = o ? "slide-in-reverse" : "slide-in";
-        o ? (l.value[t].classList.add("reverse"), l.value[e.value].classList.add("reverse")) : (l.value[t].classList.remove("reverse"), l.value[e.value].classList.remove("reverse")), t !== s && (l.value[t].classList.remove(
+        o ? (a.value[t].classList.add("reverse"), a.value[e.value].classList.add("reverse")) : (a.value[t].classList.remove("reverse"), a.value[e.value].classList.remove("reverse")), t !== s && (a.value[t].classList.remove(
           "slide-in",
           "slide-in-reverse"
-        ), l.value[t].classList.add(d), setTimeout(() => {
-          l.value[t].classList.remove("active");
-        }, 500)), l.value[e.value].classList.remove(
+        ), a.value[t].classList.add(d), setTimeout(() => {
+          a.value[t].classList.remove("active");
+        }, 500)), a.value[e.value].classList.remove(
           "slide-out",
           "slide-out-reverse"
-        ), l.value[e.value].classList.add(k), l.value[e.value].classList.add("active");
+        ), a.value[e.value].classList.add(k), a.value[e.value].classList.add("active");
       }
     };
     return (() => {
-      a.autoplay && g();
+      l.autoplay && g();
     })(), E(() => {
       if (h.value) {
         const s = e.value, t = h.value.querySelectorAll(".carousel-item");
-        t.length && (c.value = t.length, l.value = [...t], l.value.forEach((o) => {
-          o.classList.contains("active") && (e.value = l.value.indexOf(o));
+        t.length && (c.value = t.length, a.value = [...t], a.value.forEach((o) => {
+          o.classList.contains("active") && (e.value = a.value.indexOf(o));
         }), L(e.value, s));
       }
     }), M(() => {
@@ -105,19 +105,19 @@ const V = (r) => (T("data-v-f817a4d8"), r = r(), $(), r), q = { class: "carousel
       n("div", q, [
         P(s.$slots, "default", {}, void 0, !0)
       ]),
-      a.navigation ? (u(), i(B, { key: 0 }, [
+      l.navigation ? (u(), i(B, { key: 0 }, [
         N.value ? (u(), i("div", {
           key: 0,
           class: "carousel-navigation--left",
           onClick: z
         }, U)) : p("", !0),
-        b.value ? (u(), i("div", {
+        I.value ? (u(), i("div", {
           key: 1,
           class: "carousel-navigation--right",
           onClick: C
         }, D)) : p("", !0)
       ], 64)) : p("", !0),
-      a.pagination ? (u(), i("div", G, [
+      l.pagination ? (u(), i("div", G, [
         (u(!0), i(B, null, F(c.value, (o, d) => (u(), i("span", {
           key: d,
           class: O({

package/dist/design-system54.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system54.mjs","sources":["../src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-f817a4d8\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"carousel-content\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n    viewBox: \"0 0 320 512\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", { d: \"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\" })\n  ])\n], -1))\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n    viewBox: \"0 0 320 512\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n  ])\n], -1))\nconst _hoisted_5 = [\n  _hoisted_4\n]\nconst _hoisted_6 = {\n  key: 1,\n  class: \"carousel-pagination\"\n}\nconst _hoisted_7 = [\"onClick\"]\n\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\r\n\r\n//#region Props\r\ninterface BCarouselProps {\r\n  /**\r\n   * Index of slide.\r\n   */\r\n  modelValue?: number;\r\n  /**\r\n   * Automatically go to the next slide every 5s (default).\r\n   */\r\n  autoplay?: boolean;\r\n  /**\r\n   * Waiting time before going to the next slide.\r\n   */\r\n  duration?: number;\r\n  /**\r\n   * Show navigation controls.\r\n   */\r\n  navigation?: boolean;\r\n  /**\r\n   * Show bottom controls.\r\n   */\r\n  pagination?: boolean;\r\n  /**\r\n   * Return to the first slide after reaching the end.\r\n   */\r\n  continuous?: boolean;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCarousel',\n  props: {\n    modelValue: { default: undefined },\n    autoplay: { type: Boolean, default: false },\n    duration: { default: 5000 },\n    navigation: { type: Boolean, default: false },\n    pagination: { type: Boolean, default: false },\n    continuous: { type: Boolean, default: true }\n  },\n  emits: [\"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\nlet autoplayIntervalFn: any;\r\nconst mValue = ref(0);\r\nconst itemCount = ref(0);\r\nconst container = ref<HTMLElement | null>(null);\r\nconst carouselItems = ref<Element[] | null>(null);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\r\n  },\r\n  set(val) {\r\n    if (props.modelValue !== undefined) {\r\n      emit('update:modelValue', val);\r\n    } else {\r\n      mValue.value = val;\r\n    }\r\n  },\r\n});\r\nconst showNextNav = computed(\r\n  () => props.continuous || value.value < itemCount.value - 1,\r\n);\r\nconst showPrevNav = computed(() => props.continuous || value.value > 0);\r\n//#endregion\r\n\r\n//#region Watchers\r\nwatch(value, (val, oldVal) => {\r\n  selectCarouselItem(val, oldVal);\r\n});\r\nwatch(\r\n  () => props.autoplay,\r\n  (val) => {\r\n    if (val) {\r\n      if (props.duration > 0) {\r\n        clearAutoPlay();\r\n        setAutoPlay();\r\n      } else {\r\n        clearAutoPlay();\r\n      }\r\n    } else {\r\n      clearAutoPlay();\r\n    }\r\n  },\r\n);\r\nwatch(\r\n  () => props.duration,\r\n  (val) => {\r\n    if (props.autoplay) {\r\n      if (val > 0) {\r\n        clearAutoPlay();\r\n        setAutoPlay();\r\n      } else {\r\n        clearAutoPlay();\r\n      }\r\n    }\r\n  },\r\n);\r\n//#endregion\r\n\r\n//#region Methods\r\nconst goToItem = (index: number) => {\r\n  value.value = index;\r\n};\r\nconst nextItem = () => {\r\n  if (value.value === itemCount.value - 1) {\r\n    if (props.continuous) {\r\n      value.value = 0;\r\n    }\r\n  } else {\r\n    value.value = value.value + 1;\r\n  }\r\n};\r\nconst prevItem = () => {\r\n  if (value.value === 0) {\r\n    if (props.continuous) {\r\n      value.value = itemCount.value - 1;\r\n    }\r\n  } else {\r\n    value.value = value.value - 1;\r\n  }\r\n};\r\nconst setAutoPlay = () => {\r\n  autoplayIntervalFn = setInterval(() => {\r\n    nextItem();\r\n  }, props.duration);\r\n};\r\nconst clearAutoPlay = () => {\r\n  if (autoplayIntervalFn) {\r\n    clearInterval(autoplayIntervalFn);\r\n  }\r\n};\r\nconst selectCarouselItem = (index: number, oldIndex: number) => {\r\n  if (carouselItems.value) {\r\n    // Set activeIndex\r\n    value.value = index;\r\n\r\n    // Ensure reverse css classes\r\n    const isReverse = index < oldIndex;\r\n    const slideOutCssClass = isReverse ? 'slide-out-reverse' : 'slide-out';\r\n    const slideInCssClass = isReverse ? 'slide-in-reverse' : 'slide-in';\r\n    if (isReverse) {\r\n      carouselItems.value[oldIndex].classList.add('reverse');\r\n      carouselItems.value[value.value].classList.add('reverse');\r\n    } else {\r\n      carouselItems.value[oldIndex].classList.remove('reverse');\r\n      carouselItems.value[value.value].classList.remove('reverse');\r\n    }\r\n\r\n    // Remove active class from previous item\r\n    if (oldIndex !== index) {\r\n      carouselItems.value[oldIndex].classList.remove(\r\n        'slide-in',\r\n        'slide-in-reverse',\r\n      );\r\n      carouselItems.value[oldIndex].classList.add(slideOutCssClass);\r\n      // After 0.5s transition animation, hide the previous item\r\n      setTimeout(() => {\r\n        carouselItems.value![oldIndex].classList.remove('active');\r\n      }, 500);\r\n    }\r\n\r\n    // Add active class into active item\r\n    carouselItems.value[value.value].classList.remove(\r\n      'slide-out',\r\n      'slide-out-reverse',\r\n    );\r\n    carouselItems.value[value.value].classList.add(slideInCssClass);\r\n    carouselItems.value[value.value].classList.add('active');\r\n  }\r\n};\r\nconst init = () => {\r\n  if (props.autoplay) {\r\n    setAutoPlay();\r\n  }\r\n};\r\n\r\ninit();\r\n//#endregion\r\n\r\n//#region Lifecycle Hooks\r\nonMounted(() => {\r\n  if (container.value) {\r\n    const oldValue = value.value;\r\n    const items = container.value.querySelectorAll('.carousel-item') as any;\r\n    if (items.length) {\r\n      itemCount.value = items.length;\r\n      carouselItems.value = [...items];\r\n\r\n      carouselItems.value.forEach((carouselItem) => {\r\n        if (carouselItem.classList.contains('active')) {\r\n          value.value = carouselItems.value!.indexOf(carouselItem);\r\n        }\r\n      });\r\n      selectCarouselItem(value.value, oldValue);\r\n    }\r\n  }\r\n});\r\nonBeforeUnmount(() => {\r\n  clearInterval(autoplayIntervalFn);\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"container\",\n    ref: container,\n    class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\"\n  }, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ]),\n    (props.navigation)\n      ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n          (showPrevNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 0,\n                class: \"carousel-navigation--left\",\n                onClick: prevItem\n              }, _hoisted_3))\n            : _createCommentVNode(\"\", true),\n          (showNextNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 1,\n                class: \"carousel-navigation--right\",\n                onClick: nextItem\n              }, _hoisted_5))\n            : _createCommentVNode(\"\", true)\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (props.pagination)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_6, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(itemCount.value, (item, index) => {\n            return (_openBlock(), _createElementBlock(\"span\", {\n              key: index,\n              class: _normalizeClass({\r\n          'ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t':\r\n            index === value.value,\r\n        }),\n              onClick: ($event: any) => (goToItem(index))\n            }, null, 10, _hoisted_7))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 512))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","emit","props","autoplayIntervalFn","mValue","ref","itemCount","container","carouselItems","value","computed","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","clearAutoPlay","setAutoPlay","goToItem","index","nextItem","prevItem","oldIndex","isReverse","slideOutCssClass","slideInCssClass","onMounted","oldValue","items","carouselItem","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":";AAGA,MAAMA,IAAe,QAAMC,EAAa,iBAAiB,GAAEC,IAAEA,KAAIC,KAAcD,IACzEE,IAAa,EAAE,OAAO,sBACtBC,sBAAwC,MAAmBC,gBAAAA,EAAoB,OAAO,EAAE,OAAO,0FAA0F;AAAA,oBAC5J,OAAO;AAAA,IACtC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,GACN;AAAA,IACgCA,gBAAAA,EAAA,QAAQ,EAAE,GAAG,yKAAyK;AAAA,EAAA,CACxN;AACH,GAAG,EAAE,CAAC,GACAC,IAAa;AAAA,EACjBF;AACF,GACMG,sBAAwC,MAAmBF,gBAAAA,EAAoB,OAAO,EAAE,OAAO,0FAA0F;AAAA,oBAC5J,OAAO;AAAA,IACtC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,GACN;AAAA,IACgCA,gBAAAA,EAAA,QAAQ,EAAE,GAAG,4KAA4K;AAAA,EAAA,CAC3N;AACH,GAAG,EAAE,CAAC,GACAG,IAAa;AAAA,EACjBD;AACF,GACME,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa,CAAC,SAAS,GAiCDC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,SAAS,OAAU;AAAA,IACjC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,UAAU,EAAE,SAAS,IAAK;AAAA,IAC1B,YAAY,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC5C,YAAY,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC5C,YAAY,EAAE,MAAM,SAAS,SAAS,GAAK;AAAA,EAC7C;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF;AAUV,QAAAG;AACE,UAAAC,IAASC,EAAI,CAAC,GACdC,IAAYD,EAAI,CAAC,GACjBE,IAAYF,EAAwB,IAAI,GACxCG,IAAgBH,EAAsB,IAAI,GAC1CI,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOR,EAAM,eAAe,SAAYA,EAAM,aAAaE,EAAO;AAAA,MACpE;AAAA,MACA,IAAIO,GAAK;AACH,QAAAT,EAAM,eAAe,SACvBD,EAAK,qBAAqBU,CAAG,IAE7BP,EAAO,QAAQO;AAAA,MAEnB;AAAA,IAAA,CACD,GACKC,IAAcF;AAAA,MAClB,MAAMR,EAAM,cAAcO,EAAM,QAAQH,EAAU,QAAQ;AAAA,IAAA,GAEtDO,IAAcH,EAAS,MAAMR,EAAM,cAAcO,EAAM,QAAQ,CAAC;AAIhE,IAAAK,EAAAL,GAAO,CAACE,GAAKI,MAAW;AAC5B,MAAAC,EAAmBL,GAAKI,CAAM;AAAA,IAAA,CAC/B,GACDD;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,CAACS,MAAQ;AACP,QAAIA,KACET,EAAM,WAAW,KACLe,KACFC,OAKAD;MAElB;AAAA,IAAA,GAEFH;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,CAACS,MAAQ;AACP,QAAIT,EAAM,aACJS,IAAM,KACMM,KACFC,OAEED;MAGpB;AAAA,IAAA;AAKI,UAAAE,IAAW,CAACC,MAAkB;AAClC,MAAAX,EAAM,QAAQW;AAAA,IAAA,GAEVC,IAAW,MAAM;AACrB,MAAIZ,EAAM,UAAUH,EAAU,QAAQ,IAChCJ,EAAM,eACRO,EAAM,QAAQ,KAGVA,EAAA,QAAQA,EAAM,QAAQ;AAAA,IAC9B,GAEIa,IAAW,MAAM;AACjB,MAAAb,EAAM,UAAU,IACdP,EAAM,eACFO,EAAA,QAAQH,EAAU,QAAQ,KAG5BG,EAAA,QAAQA,EAAM,QAAQ;AAAA,IAC9B,GAEIS,IAAc,MAAM;AACxB,MAAAf,IAAqB,YAAY,MAAM;AAC5B,QAAAkB;MAAA,GACRnB,EAAM,QAAQ;AAAA,IAAA,GAEbe,IAAgB,MAAM;AAC1B,MAAId,KACF,cAAcA,CAAkB;AAAA,IAClC,GAEIa,IAAqB,CAACI,GAAeG,MAAqB;AAC9D,UAAIf,EAAc,OAAO;AAEvB,QAAAC,EAAM,QAAQW;AAGd,cAAMI,IAAYJ,IAAQG,GACpBE,IAAmBD,IAAY,sBAAsB,aACrDE,IAAkBF,IAAY,qBAAqB;AACzD,QAAIA,KACFhB,EAAc,MAAMe,CAAQ,EAAE,UAAU,IAAI,SAAS,GACrDf,EAAc,MAAMC,EAAM,KAAK,EAAE,UAAU,IAAI,SAAS,MAExDD,EAAc,MAAMe,CAAQ,EAAE,UAAU,OAAO,SAAS,GACxDf,EAAc,MAAMC,EAAM,KAAK,EAAE,UAAU,OAAO,SAAS,IAIzDc,MAAaH,MACDZ,EAAA,MAAMe,CAAQ,EAAE,UAAU;AAAA,UACtC;AAAA,UACA;AAAA,QAAA,GAEFf,EAAc,MAAMe,CAAQ,EAAE,UAAU,IAAIE,CAAgB,GAE5D,WAAW,MAAM;AACf,UAAAjB,EAAc,MAAOe,CAAQ,EAAE,UAAU,OAAO,QAAQ;AAAA,WACvD,GAAG,IAIRf,EAAc,MAAMC,EAAM,KAAK,EAAE,UAAU;AAAA,UACzC;AAAA,UACA;AAAA,QAAA,GAEFD,EAAc,MAAMC,EAAM,KAAK,EAAE,UAAU,IAAIiB,CAAe,GAC9DlB,EAAc,MAAMC,EAAM,KAAK,EAAE,UAAU,IAAI,QAAQ;AAAA,MACzD;AAAA,IAAA;AAQG,YANQ,MAAM;AACjB,MAAIP,EAAM,YACIgB;IACd,MAOFS,EAAU,MAAM;AACd,UAAIpB,EAAU,OAAO;AACnB,cAAMqB,IAAWnB,EAAM,OACjBoB,IAAQtB,EAAU,MAAM,iBAAiB,gBAAgB;AAC/D,QAAIsB,EAAM,WACRvB,EAAU,QAAQuB,EAAM,QACVrB,EAAA,QAAQ,CAAC,GAAGqB,CAAK,GAEjBrB,EAAA,MAAM,QAAQ,CAACsB,MAAiB;AAC5C,UAAIA,EAAa,UAAU,SAAS,QAAQ,MAC1CrB,EAAM,QAAQD,EAAc,MAAO,QAAQsB,CAAY;AAAA,QACzD,CACD,GACkBd,EAAAP,EAAM,OAAOmB,CAAQ;AAAA,MAE5C;AAAA,IAAA,CACD,GACDG,EAAgB,MAAM;AACpB,oBAAc5B,CAAkB;AAAA,IAAA,CACjC,GAGM,CAAC6B,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,SAAS;AAAA,MACT,KAAK5B;AAAA,MACL,OAAO;AAAA,IAAA,GACN;AAAA,MACDf,EAAoB,OAAOF,GAAY;AAAA,QACrC8C,EAAYJ,EAAK,QAAQ,WAAW,CAAA,GAAI,QAAW,EAAI;AAAA,MAAA,CACxD;AAAA,MACA9B,EAAM,cACFgC,KAAcC,EAAoBE,GAAW,EAAE,KAAK,KAAK;AAAA,QACvDxB,EAAY,SACRqB,KAAcC,EAAoB,OAAO;AAAA,UACxC,KAAK;AAAA,UACL,OAAO;AAAA,UACP,SAASb;AAAA,QACR,GAAA7B,CAAU,KACb6C,EAAoB,IAAI,EAAI;AAAA,QAC/B1B,EAAY,SACRsB,KAAcC,EAAoB,OAAO;AAAA,UACxC,KAAK;AAAA,UACL,OAAO;AAAA,UACP,SAASd;AAAA,QACR,GAAA1B,CAAU,KACb2C,EAAoB,IAAI,EAAI;AAAA,MAC/B,GAAA,EAAE,KACLA,EAAoB,IAAI,EAAI;AAAA,MAC/BpC,EAAM,cACFgC,EAAA,GAAcC,EAAoB,OAAOvC,GAAY;AAAA,SACnDsC,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAME,EAAYjC,EAAU,OAAO,CAACkC,GAAMpB,OAClFc,EAAA,GAAcC,EAAoB,QAAQ;AAAA,UAChD,KAAKf;AAAA,UACL,OAAOqB,EAAgB;AAAA,YAC3B,gFACErB,MAAUX,EAAM;AAAA,UAAA,CACnB;AAAA,UACK,SAAS,CAACiC,MAAiBvB,EAASC,CAAK;AAAA,QAAA,GACxC,MAAM,IAAIvB,CAAU,EACxB,GAAG,GAAG;AAAA,MAAA,CACR,KACDyC,EAAoB,IAAI,EAAI;AAAA,OAC/B,GAAG;AAAA,EAER;AAEA,CAAC;"}
+{"version":3,"file":"design-system54.mjs","sources":["../src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-34b71560\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"carousel-content\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n    viewBox: \"0 0 320 512\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", { d: \"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\" })\n  ])\n], -1))\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    class: \"ds-h-5 ds-w-5 ds-fill-white\",\n    viewBox: \"0 0 320 512\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n  ])\n], -1))\nconst _hoisted_5 = [\n  _hoisted_4\n]\nconst _hoisted_6 = {\n  key: 1,\n  class: \"carousel-pagination\"\n}\nconst _hoisted_7 = [\"onClick\"]\n\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\n//#region Props\ninterface BCarouselProps {\n  /**\n   * Index of slide.\n   */\n  modelValue?: number;\n  /**\n   * Automatically go to the next slide every 5s (default).\n   */\n  autoplay?: boolean;\n  /**\n   * Waiting time before going to the next slide.\n   */\n  duration?: number;\n  /**\n   * Show navigation controls.\n   */\n  navigation?: boolean;\n  /**\n   * Show bottom controls.\n   */\n  pagination?: boolean;\n  /**\n   * Return to the first slide after reaching the end.\n   */\n  continuous?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCarousel',\n  props: {\n    modelValue: { default: undefined },\n    autoplay: { type: Boolean, default: false },\n    duration: { default: 5000 },\n    navigation: { type: Boolean, default: false },\n    pagination: { type: Boolean, default: false },\n    continuous: { type: Boolean, default: true }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nlet autoplayIntervalFn: any;\nconst mValue = ref(0);\nconst itemCount = ref(0);\nconst container = ref<HTMLElement | null>(null);\nconst carouselItems = ref<Element[] | null>(null);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\nconst showNextNav = computed(\n  () => props.continuous || value.value < itemCount.value - 1,\n);\nconst showPrevNav = computed(() => props.continuous || value.value > 0);\n//#endregion\n\n//#region Watchers\nwatch(value, (val, oldVal) => {\n  selectCarouselItem(val, oldVal);\n});\nwatch(\n  () => props.autoplay,\n  (val) => {\n    if (val) {\n      if (props.duration > 0) {\n        clearAutoPlay();\n        setAutoPlay();\n      } else {\n        clearAutoPlay();\n      }\n    } else {\n      clearAutoPlay();\n    }\n  },\n);\nwatch(\n  () => props.duration,\n  (val) => {\n    if (props.autoplay) {\n      if (val > 0) {\n        clearAutoPlay();\n        setAutoPlay();\n      } else {\n        clearAutoPlay();\n      }\n    }\n  },\n);\n//#endregion\n\n//#region Methods\nconst goToItem = (index: number) => {\n  value.value = index;\n};\nconst nextItem = () => {\n  if (value.value === itemCount.value - 1) {\n    if (props.continuous) {\n      value.value = 0;\n    }\n  } else {\n    value.value = value.value + 1;\n  }\n};\nconst prevItem = () => {\n  if (value.value === 0) {\n    if (props.continuous) {\n      value.value = itemCount.value - 1;\n    }\n  } else {\n    value.value = value.value - 1;\n  }\n};\nconst setAutoPlay = () => {\n  autoplayIntervalFn = setInterval(() => {\n    nextItem();\n  }, props.duration);\n};\nconst clearAutoPlay = () => {\n  if (autoplayIntervalFn) {\n    clearInterval(autoplayIntervalFn);\n  }\n};\nconst selectCarouselItem = (index: number, oldIndex: number) => {\n  if (carouselItems.value) {\n    // Set activeIndex\n    value.value = index;\n\n    // Ensure reverse css classes\n    const isReverse = index < oldIndex;\n    const slideOutCssClass = isReverse ? 'slide-out-reverse' : 'slide-out';\n    const slideInCssClass = isReverse ? 'slide-in-reverse' : 'slide-in';\n    if (isReverse) {\n      carouselItems.value[oldIndex].classList.add('reverse');\n      carouselItems.value[value.value].classList.add('reverse');\n    } else {\n      carouselItems.value[oldIndex].classList.remove('reverse');\n      carouselItems.value[value.value].classList.remove('reverse');\n    }\n\n    // Remove active class from previous item\n    if (oldIndex !== index) {\n      carouselItems.value[oldIndex].classList.remove(\n        'slide-in',\n        'slide-in-reverse',\n      );\n      carouselItems.value[oldIndex].classList.add(slideOutCssClass);\n      // After 0.5s transition animation, hide the previous item\n      setTimeout(() => {\n        carouselItems.value![oldIndex].classList.remove('active');\n      }, 500);\n    }\n\n    // Add active class into active item\n    carouselItems.value[value.value].classList.remove(\n      'slide-out',\n      'slide-out-reverse',\n    );\n    carouselItems.value[value.value].classList.add(slideInCssClass);\n    carouselItems.value[value.value].classList.add('active');\n  }\n};\nconst init = () => {\n  if (props.autoplay) {\n    setAutoPlay();\n  }\n};\n\ninit();\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (container.value) {\n    const oldValue = value.value;\n    const items = container.value.querySelectorAll('.carousel-item') as any;\n    if (items.length) {\n      itemCount.value = items.length;\n      carouselItems.value = [...items];\n\n      carouselItems.value.forEach((carouselItem) => {\n        if (carouselItem.classList.contains('active')) {\n          value.value = carouselItems.value!.indexOf(carouselItem);\n        }\n      });\n      selectCarouselItem(value.value, oldValue);\n    }\n  }\n});\nonBeforeUnmount(() => {\n  clearInterval(autoplayIntervalFn);\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"container\",\n    ref: container,\n    class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\"\n  }, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ]),\n    (props.navigation)\n      ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n          (showPrevNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 0,\n                class: \"carousel-navigation--left\",\n                onClick: prevItem\n              }, _hoisted_3))\n            : _createCommentVNode(\"\", true),\n          (showNextNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 1,\n                class: \"carousel-navigation--right\",\n                onClick: nextItem\n              }, _hoisted_5))\n            : _createCommentVNode(\"\", true)\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (props.pagination)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_6, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(itemCount.value, (item, index) => {\n            return (_openBlock(), _createElementBlock(\"span\", {\n              key: index,\n              class: _normalizeClass({\n          'ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t':\n            index === value.value,\n        }),\n              onClick: ($event: any) => (goToItem(index))\n            }, null, 10, _hoisted_7))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 512))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","emit","props","autoplayIntervalFn","mValue","ref","itemCount","container","carouselItems","value","computed","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","clearAutoPlay","setAutoPlay","goToItem","index","nextItem","prevItem","oldIndex","isReverse","slideOutCssClass","slideInCssClass","onMounted","oldValue","items","carouselItem","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}