@7pmlabs/design-system 0.5.9 → 0.5.11

package/dist/design-system54.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),y=r=>(e.pushScopeId("data-v-826818c4"),r=r(),e.popScopeId(),r),E={class:"carousel-content"},L=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)),N=[L],I=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=[I],S={key:1,class:"carousel-pagination"},z=["onClick"],A=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,w=k;let d;const p=e.ref(0),c=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?w("update:modelValue",s):p.value=s}}),B=e.computed(()=>l.continuous||t.value<c.value-1),_=e.computed(()=>l.continuous||t.value>0);e.watch(t,(s,o)=>{h(s,o)}),e.watch(()=>l.autoplay,s=>{s&&l.duration>0?(u(),m()):u()}),e.watch(()=>l.duration,s=>{l.autoplay&&(s>0?(u(),m()):u())});const V=s=>{t.value=s},f=()=>{t.value===c.value-1?l.continuous&&(t.value=0):t.value=t.value+1},C=()=>{t.value===0?l.continuous&&(t.value=c.value-1):t.value=t.value-1},m=()=>{d=setInterval(()=>{f()},l.duration)},u=()=>{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&&(c.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",E,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),l.navigation?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[_.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"carousel-navigation--left",onClick:C},N)):e.createCommentVNode("",!0),B.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",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.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=>V(i)},null,10,z))),128))])):e.createCommentVNode("",!0)],512))}});module.exports=A;
+"use strict";const e=require("vue"),V=require("./design-system4.js"),g=c=>(e.pushScopeId("data-v-b5c5062f"),c=c(),e.popScopeId(),c),E={class:"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg"},N={class:"carousel-content"},L=g(()=>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)),I=[L],b=g(()=>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)),P=[b],S={key:1,class:"carousel-pagination"},z=["onClick"],F=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(c,{emit:y}){const a=c,k=y;let i;const p=e.ref(0),l=e.ref([]),n=e.computed(()=>l.value.length),t=e.computed({get(){return a.modelValue!==void 0?a.modelValue:p.value},set(s){a.modelValue!==void 0?k("update:modelValue",s):p.value=s}}),w=e.computed(()=>a.continuous||t.value<n.value-1),B=e.computed(()=>a.continuous||t.value>0);e.watch(t,(s,o)=>{m(s,o)}),e.watch(n,()=>{const s=n.value-1;t.value>s&&m(s,s)}),e.watch(()=>a.autoplay,s=>{s&&a.duration>0?(r(),v()):r()}),e.watch(()=>a.duration,s=>{a.autoplay&&(s>0?(r(),v()):r())});const _=s=>{t.value=s},f=()=>{t.value===n.value-1?a.continuous&&(t.value=0):t.value=t.value+1},C=()=>{t.value===0?a.continuous&&(t.value=n.value-1):t.value=t.value-1},v=()=>{i=setInterval(()=>{f()},a.duration)},r=()=>{i&&clearInterval(i)},m=async(s,o)=>{if(n.value>0&&n.value>s&&n.value>o){t.value=s,await e.nextTick();const d=s<o,u=d?"slide-out-reverse":"slide-out",h=d?"slide-in-reverse":"slide-in";d?(l.value[o].classList.add("reverse"),l.value[t.value].classList.add("reverse")):(l.value[o].classList.remove("reverse"),l.value[t.value].classList.remove("reverse")),o!==s&&(l.value[o].classList.remove("slide-in","slide-in-reverse"),l.value[o].classList.add(u),setTimeout(()=>{l.value[o].classList.remove("active")},500)),l.value[t.value].classList.remove("slide-out","slide-out-reverse"),l.value[t.value].classList.add(h),l.value[t.value].classList.add("active")}};return(()=>{a.autoplay&&v()})(),e.onMounted(()=>{m(t.value,t.value)}),e.onBeforeUnmount(()=>{clearInterval(i)}),e.provide(V.PIKey.Carousel,l),(s,o)=>(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",N,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),a.navigation?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[B.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"carousel-navigation--left",onClick:C},I)):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"carousel-navigation--right",onClick:f},P)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),a.pagination?(e.openBlock(),e.createElementBlock("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(d,u)=>(e.openBlock(),e.createElementBlock("span",{key:u,class:e.normalizeClass({"ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t":u===t.value}),onClick:h=>_(u)},null,10,z))),128))])):e.createCommentVNode("",!0)]))}});module.exports=F;
 //# 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-826818c4\"),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: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\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","emit","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":"oCAGMA,MAAqBC,EAAa,YAAA,iBAAiB,EAAEC,EAAEA,IAAIC,EAAAA,aAAcD,GACzEE,EAAa,CAAE,MAAO,oBACtBC,IAAwC,IAAmBC,EAAA,mBAAoB,MAAO,CAAE,MAAO,wFAA0F,sBAC5J,MAAO,CACtC,MAAO,8BACP,QAAS,cACT,MAAO,4BAAA,EACN,CACgCA,EAAAA,mBAAA,OAAQ,CAAE,EAAG,wKAAyK,CAAA,CACxN,CACH,EAAG,EAAE,CAAC,EACAC,EAAa,CACjBF,CACF,EACMG,IAAwC,IAAmBF,EAAA,mBAAoB,MAAO,CAAE,MAAO,wFAA0F,sBAC5J,MAAO,CACtC,MAAO,8BACP,QAAS,cACT,MAAO,4BAAA,EACN,CACgCA,EAAAA,mBAAA,OAAQ,CAAE,EAAG,2KAA4K,CAAA,CAC3N,CACH,EAAG,EAAE,CAAC,EACAG,EAAa,CACjBD,CACF,EACME,EAAa,CACjB,IAAK,EACL,MAAO,qBACT,EACMC,EAAa,CAAC,SAAS,EAiCDC,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,WAAY,CAAE,QAAS,MAAU,EACjC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,SAAU,CAAE,QAAS,GAAK,EAC1B,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAC5C,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAC5C,WAAY,CAAE,KAAM,QAAS,QAAS,EAAK,CAC7C,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAMC,GAAU,CAExC,MAAMC,EAAQF,EAIRG,EAAOF,EAIT,IAAAG,EACE,MAAAC,EAASC,MAAI,CAAC,EACdC,EAAYD,MAAI,CAAC,EACjBE,EAAYF,MAAwB,IAAI,EACxCG,EAAgBH,MAAsB,IAAI,EAC1CI,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOT,EAAM,aAAe,OAAYA,EAAM,WAAaG,EAAO,KACpE,EACA,IAAIO,EAAK,CACHV,EAAM,aAAe,OACvBC,EAAK,oBAAqBS,CAAG,EAE7BP,EAAO,MAAQO,CAEnB,CAAA,CACD,EACKC,EAAcF,EAAA,SAClB,IAAMT,EAAM,YAAcQ,EAAM,MAAQH,EAAU,MAAQ,CAAA,EAEtDO,EAAcH,EAAS,SAAA,IAAMT,EAAM,YAAcQ,EAAM,MAAQ,CAAC,EAIhEK,EAAAA,MAAAL,EAAO,CAACE,EAAKI,IAAW,CAC5BC,EAAmBL,EAAKI,CAAM,CAAA,CAC/B,EACDD,EAAA,MACE,IAAMb,EAAM,SACXU,GAAQ,CACHA,GACEV,EAAM,SAAW,GACLgB,IACFC,KAKAD,GAElB,CAAA,EAEFH,EAAA,MACE,IAAMb,EAAM,SACXU,GAAQ,CACHV,EAAM,WACJU,EAAM,GACMM,IACFC,KAEED,IAGpB,CAAA,EAKI,MAAAE,EAAYC,GAAkB,CAClCX,EAAM,MAAQW,CAAA,EAEVC,EAAW,IAAM,CACjBZ,EAAM,QAAUH,EAAU,MAAQ,EAChCL,EAAM,aACRQ,EAAM,MAAQ,GAGVA,EAAA,MAAQA,EAAM,MAAQ,CAC9B,EAEIa,EAAW,IAAM,CACjBb,EAAM,QAAU,EACdR,EAAM,aACFQ,EAAA,MAAQH,EAAU,MAAQ,GAG5BG,EAAA,MAAQA,EAAM,MAAQ,CAC9B,EAEIS,EAAc,IAAM,CACxBf,EAAqB,YAAY,IAAM,CAC5BkB,GAAA,EACRpB,EAAM,QAAQ,CAAA,EAEbgB,EAAgB,IAAM,CACtBd,GACF,cAAcA,CAAkB,CAClC,EAEIa,EAAqB,CAACI,EAAeG,IAAqB,CAC9D,GAAIf,EAAc,MAAO,CAEvBC,EAAM,MAAQW,EAGd,MAAMI,EAAYJ,EAAQG,EACpBE,EAAmBD,EAAY,oBAAsB,YACrDE,EAAkBF,EAAY,mBAAqB,WACrDA,GACFhB,EAAc,MAAMe,CAAQ,EAAE,UAAU,IAAI,SAAS,EACrDf,EAAc,MAAMC,EAAM,KAAK,EAAE,UAAU,IAAI,SAAS,IAExDD,EAAc,MAAMe,CAAQ,EAAE,UAAU,OAAO,SAAS,EACxDf,EAAc,MAAMC,EAAM,KAAK,EAAE,UAAU,OAAO,SAAS,GAIzDc,IAAaH,IACDZ,EAAA,MAAMe,CAAQ,EAAE,UAAU,OACtC,WACA,kBAAA,EAEFf,EAAc,MAAMe,CAAQ,EAAE,UAAU,IAAIE,CAAgB,EAE5D,WAAW,IAAM,CACfjB,EAAc,MAAOe,CAAQ,EAAE,UAAU,OAAO,QAAQ,GACvD,GAAG,GAIRf,EAAc,MAAMC,EAAM,KAAK,EAAE,UAAU,OACzC,YACA,mBAAA,EAEFD,EAAc,MAAMC,EAAM,KAAK,EAAE,UAAU,IAAIiB,CAAe,EAC9DlB,EAAc,MAAMC,EAAM,KAAK,EAAE,UAAU,IAAI,QAAQ,CACzD,CAAA,EAQG,OANQ,IAAM,CACbR,EAAM,UACIiB,GACd,KAOFS,EAAAA,UAAU,IAAM,CACd,GAAIpB,EAAU,MAAO,CACnB,MAAMqB,EAAWnB,EAAM,MACjBoB,EAAQtB,EAAU,MAAM,iBAAiB,gBAAgB,EAC3DsB,EAAM,SACRvB,EAAU,MAAQuB,EAAM,OACVrB,EAAA,MAAQ,CAAC,GAAGqB,CAAK,EAEjBrB,EAAA,MAAM,QAASsB,GAAiB,CACxCA,EAAa,UAAU,SAAS,QAAQ,IAC1CrB,EAAM,MAAQD,EAAc,MAAO,QAAQsB,CAAY,EACzD,CACD,EACkBd,EAAAP,EAAM,MAAOmB,CAAQ,EAE5C,CAAA,CACD,EACDG,EAAAA,gBAAgB,IAAM,CACpB,cAAc5B,CAAkB,CAAA,CACjC,EAGM,CAAC6B,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,QAAS,YACT,IAAK5B,EACL,MAAO,0EAAA,EACN,CACDhB,EAAA,mBAAoB,MAAOF,EAAY,CACrC+C,aAAYJ,EAAK,OAAQ,UAAW,CAAA,EAAI,OAAW,EAAI,CAAA,CACxD,EACA/B,EAAM,YACFiC,EAAAA,YAAcC,EAAAA,mBAAoBE,EAAAA,SAAW,CAAE,IAAK,GAAK,CACvDxB,EAAY,OACRqB,EAAAA,YAAcC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,4BACP,QAASb,CACR,EAAA9B,CAAU,GACb8C,qBAAoB,GAAI,EAAI,EAC/B1B,EAAY,OACRsB,EAAAA,YAAcC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,6BACP,QAASd,CACR,EAAA3B,CAAU,GACb4C,qBAAoB,GAAI,EAAI,CAC/B,EAAA,EAAE,GACLA,qBAAoB,GAAI,EAAI,EAC/BrC,EAAM,YACFiC,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,MAAOxC,EAAY,EACnDuC,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAME,EAAA,WAAYjC,EAAU,MAAO,CAACkC,EAAMpB,KAClFc,EAAA,UAAA,EAAcC,EAAA,mBAAoB,OAAQ,CAChD,IAAKf,EACL,MAAOqB,EAAAA,eAAgB,CAC3B,+EACErB,IAAUX,EAAM,KAAA,CACnB,EACK,QAAUiC,GAAiBvB,EAASC,CAAK,CAAA,EACxC,KAAM,GAAIxB,CAAU,EACxB,EAAG,GAAG,EAAA,CACR,GACD0C,EAAAA,mBAAoB,GAAI,EAAI,GAC/B,GAAG,EAER,CAEA,CAAC"}
+{"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-b5c5062f\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\" }\nconst _hoisted_2 = { class: \"carousel-content\" }\nconst _hoisted_3 = /*#__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_4 = [\n  _hoisted_3\n]\nconst _hoisted_5 = /*#__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_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = {\n  key: 1,\n  class: \"carousel-pagination\"\n}\nconst _hoisted_8 = [\"onClick\"]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue';\nimport { PIKey } from '@/constants/Common';\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: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nlet autoplayIntervalFn: any;\nconst mValue = ref(0);\nconst carouselItems = ref<HTMLDivElement[]>([]);\nconst itemCount = computed(() => carouselItems.value.length);\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(itemCount, () => {\n  const lastIndex = itemCount.value - 1;\n  if (value.value > lastIndex) {\n    selectCarouselItem(lastIndex, lastIndex);\n  }\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 = async (index: number, oldIndex: number) => {\n  if (\n    itemCount.value > 0 &&\n    itemCount.value > index &&\n    itemCount.value > oldIndex\n  ) {\n    // Set active index\n    value.value = index;\n    await nextTick(); // wait until 'value.value' updated\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  selectCarouselItem(value.value, value.value);\n});\nonBeforeUnmount(() => {\n  clearInterval(autoplayIntervalFn);\n});\n//#endregion\n\nprovide(PIKey.Carousel, carouselItems);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\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_4))\n            : _createCommentVNode(\"\", true),\n          (showNextNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 1,\n                class: \"carousel-navigation--right\",\n                onClick: nextItem\n              }, _hoisted_6))\n            : _createCommentVNode(\"\", true)\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (props.pagination)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_7, [\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_8))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_sfc_main","_defineComponent","__props","__emit","props","emit","autoplayIntervalFn","mValue","ref","carouselItems","itemCount","computed","value","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","lastIndex","clearAutoPlay","setAutoPlay","goToItem","index","nextItem","prevItem","oldIndex","nextTick","isReverse","slideOutCssClass","slideInCssClass","onMounted","onBeforeUnmount","provide","PIKey","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}

package/dist/design-system54.mjs

@@ -1,28 +1,29 @@
-import { defineComponent as E, ref as m, computed as y, watch as _, onMounted as M, onBeforeUnmount as P, openBlock as i, createElementBlock as u, createElementVNode as n, renderSlot as F, Fragment as B, createCommentVNode as p, renderList as O, normalizeClass as T, pushScopeId as $, popScopeId as q } from "vue";
-const V = (r) => ($("data-v-826818c4"), r = r(), q(), r), R = { class: "carousel-content" }, U = /* @__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", {
+import { defineComponent as z, ref as L, computed as p, watch as f, nextTick as M, onMounted as T, onBeforeUnmount as A, provide as E, openBlock as u, createElementBlock as i, createElementVNode as r, renderSlot as F, Fragment as k, createCommentVNode as h, renderList as $, normalizeClass as K, pushScopeId as O, popScopeId as R } from "vue";
+import { PIKey as U } from "./design-system4.mjs";
+const B = (n) => (O("data-v-b5c5062f"), n = n(), R(), n), j = { class: "ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg" }, q = { class: "carousel-content" }, D = /* @__PURE__ */ B(() => /* @__PURE__ */ r("div", { class: "ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70" }, [
+  /* @__PURE__ */ r("svg", {
     class: "ds-h-5 ds-w-5 ds-fill-white",
     viewBox: "0 0 320 512",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ n("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" })
+    /* @__PURE__ */ r("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)), j = [
-  U
-], D = /* @__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", {
+], -1)), G = [
+  D
+], H = /* @__PURE__ */ B(() => /* @__PURE__ */ r("div", { class: "ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70" }, [
+  /* @__PURE__ */ r("svg", {
     class: "ds-h-5 ds-w-5 ds-fill-white",
     viewBox: "0 0 320 512",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ n("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" })
+    /* @__PURE__ */ r("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)), G = [
-  D
-], H = {
+], -1)), J = [
+  H
+], Q = {
   key: 1,
   class: "carousel-pagination"
-}, J = ["onClick"], W = /* @__PURE__ */ E({
+}, W = ["onClick"], x = /* @__PURE__ */ z({
   __name: "BCarousel",
   props: {
     modelValue: { default: void 0 },
@@ -33,103 +34,97 @@ const V = (r) => ($("data-v-826818c4"), r = r(), q(), r), R = { class: "carousel
     continuous: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: I }) {
-    const t = r, b = I;
-    let f;
-    const w = m(0), c = m(0), h = m(null), l = m(null), e = y({
+  setup(n, { emit: V }) {
+    const t = n, I = V;
+    let d;
+    const _ = L(0), a = L([]), o = p(() => a.value.length), e = p({
       get() {
-        return t.modelValue !== void 0 ? t.modelValue : w.value;
+        return t.modelValue !== void 0 ? t.modelValue : _.value;
       },
       set(s) {
-        t.modelValue !== void 0 ? b("update:modelValue", s) : w.value = s;
+        t.modelValue !== void 0 ? I("update:modelValue", s) : _.value = s;
       }
-    }), N = y(
-      () => t.continuous || e.value < c.value - 1
-    ), S = y(() => t.continuous || e.value > 0);
-    _(e, (s, a) => {
-      L(s, a);
-    }), _(
+    }), b = p(
+      () => t.continuous || e.value < o.value - 1
+    ), N = p(() => t.continuous || e.value > 0);
+    f(e, (s, l) => {
+      y(s, l);
+    }), f(o, () => {
+      const s = o.value - 1;
+      e.value > s && y(s, s);
+    }), f(
       () => t.autoplay,
       (s) => {
         s && t.duration > 0 ? (v(), g()) : v();
       }
-    ), _(
+    ), f(
       () => t.duration,
       (s) => {
         t.autoplay && (s > 0 ? (v(), g()) : v());
       }
     );
-    const z = (s) => {
+    const P = (s) => {
       e.value = s;
-    }, C = () => {
-      e.value === c.value - 1 ? t.continuous && (e.value = 0) : e.value = e.value + 1;
-    }, A = () => {
-      e.value === 0 ? t.continuous && (e.value = c.value - 1) : e.value = e.value - 1;
+    }, w = () => {
+      e.value === o.value - 1 ? t.continuous && (e.value = 0) : e.value = e.value + 1;
+    }, S = () => {
+      e.value === 0 ? t.continuous && (e.value = o.value - 1) : e.value = e.value - 1;
     }, g = () => {
-      f = setInterval(() => {
-        C();
+      d = setInterval(() => {
+        w();
       }, t.duration);
     }, v = () => {
-      f && clearInterval(f);
-    }, L = (s, a) => {
-      if (l.value) {
-        e.value = s;
-        const o = s < a, d = o ? "slide-out-reverse" : "slide-out", k = o ? "slide-in-reverse" : "slide-in";
-        o ? (l.value[a].classList.add("reverse"), l.value[e.value].classList.add("reverse")) : (l.value[a].classList.remove("reverse"), l.value[e.value].classList.remove("reverse")), a !== s && (l.value[a].classList.remove(
+      d && clearInterval(d);
+    }, y = async (s, l) => {
+      if (o.value > 0 && o.value > s && o.value > l) {
+        e.value = s, await M();
+        const m = s < l, c = m ? "slide-out-reverse" : "slide-out", C = m ? "slide-in-reverse" : "slide-in";
+        m ? (a.value[l].classList.add("reverse"), a.value[e.value].classList.add("reverse")) : (a.value[l].classList.remove("reverse"), a.value[e.value].classList.remove("reverse")), l !== s && (a.value[l].classList.remove(
           "slide-in",
           "slide-in-reverse"
-        ), l.value[a].classList.add(d), setTimeout(() => {
-          l.value[a].classList.remove("active");
-        }, 500)), l.value[e.value].classList.remove(
+        ), a.value[l].classList.add(c), setTimeout(() => {
+          a.value[l].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(C), a.value[e.value].classList.add("active");
       }
     };
     return (() => {
       t.autoplay && g();
-    })(), M(() => {
-      if (h.value) {
-        const s = e.value, a = h.value.querySelectorAll(".carousel-item");
-        a.length && (c.value = a.length, l.value = [...a], l.value.forEach((o) => {
-          o.classList.contains("active") && (e.value = l.value.indexOf(o));
-        }), L(e.value, s));
-      }
-    }), P(() => {
-      clearInterval(f);
-    }), (s, a) => (i(), u("div", {
-      ref_key: "container",
-      ref: h,
-      class: "ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg"
-    }, [
-      n("div", R, [
+    })(), T(() => {
+      y(e.value, e.value);
+    }), A(() => {
+      clearInterval(d);
+    }), E(U.Carousel, a), (s, l) => (u(), i("div", j, [
+      r("div", q, [
         F(s.$slots, "default", {}, void 0, !0)
       ]),
-      t.navigation ? (i(), u(B, { key: 0 }, [
-        S.value ? (i(), u("div", {
+      t.navigation ? (u(), i(k, { key: 0 }, [
+        N.value ? (u(), i("div", {
           key: 0,
           class: "carousel-navigation--left",
-          onClick: A
-        }, j)) : p("", !0),
-        N.value ? (i(), u("div", {
+          onClick: S
+        }, G)) : h("", !0),
+        b.value ? (u(), i("div", {
           key: 1,
           class: "carousel-navigation--right",
-          onClick: C
-        }, G)) : p("", !0)
-      ], 64)) : p("", !0),
-      t.pagination ? (i(), u("div", H, [
-        (i(!0), u(B, null, O(c.value, (o, d) => (i(), u("span", {
-          key: d,
-          class: T({
-            "ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t": d === e.value
+          onClick: w
+        }, J)) : h("", !0)
+      ], 64)) : h("", !0),
+      t.pagination ? (u(), i("div", Q, [
+        (u(!0), i(k, null, $(o.value, (m, c) => (u(), i("span", {
+          key: c,
+          class: K({
+            "ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t": c === e.value
           }),
-          onClick: (k) => z(d)
-        }, null, 10, J))), 128))
-      ])) : p("", !0)
-    ], 512));
+          onClick: (C) => P(c)
+        }, null, 10, W))), 128))
+      ])) : h("", !0)
+    ]));
   }
 });
 export {
-  W as default
+  x as default
 };
 //# sourceMappingURL=design-system54.mjs.map

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-826818c4\"),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: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\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","emit","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.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-b5c5062f\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\" }\nconst _hoisted_2 = { class: \"carousel-content\" }\nconst _hoisted_3 = /*#__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_4 = [\n  _hoisted_3\n]\nconst _hoisted_5 = /*#__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_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = {\n  key: 1,\n  class: \"carousel-pagination\"\n}\nconst _hoisted_8 = [\"onClick\"]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue';\nimport { PIKey } from '@/constants/Common';\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: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nlet autoplayIntervalFn: any;\nconst mValue = ref(0);\nconst carouselItems = ref<HTMLDivElement[]>([]);\nconst itemCount = computed(() => carouselItems.value.length);\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(itemCount, () => {\n  const lastIndex = itemCount.value - 1;\n  if (value.value > lastIndex) {\n    selectCarouselItem(lastIndex, lastIndex);\n  }\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 = async (index: number, oldIndex: number) => {\n  if (\n    itemCount.value > 0 &&\n    itemCount.value > index &&\n    itemCount.value > oldIndex\n  ) {\n    // Set active index\n    value.value = index;\n    await nextTick(); // wait until 'value.value' updated\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  selectCarouselItem(value.value, value.value);\n});\nonBeforeUnmount(() => {\n  clearInterval(autoplayIntervalFn);\n});\n//#endregion\n\nprovide(PIKey.Carousel, carouselItems);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\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_4))\n            : _createCommentVNode(\"\", true),\n          (showNextNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 1,\n                class: \"carousel-navigation--right\",\n                onClick: nextItem\n              }, _hoisted_6))\n            : _createCommentVNode(\"\", true)\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (props.pagination)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_7, [\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_8))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","_popScopeId","_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_sfc_main","_defineComponent","__props","__emit","props","emit","autoplayIntervalFn","mValue","ref","carouselItems","itemCount","computed","value","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","lastIndex","clearAutoPlay","setAutoPlay","goToItem","index","nextItem","prevItem","oldIndex","nextTick","isReverse","slideOutCssClass","slideInCssClass","onMounted","onBeforeUnmount","provide","PIKey","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}

package/dist/design-system57.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("vue"),u=require("./design-system4.js"),r=e.defineComponent({__name:"BCarouselItem",setup(s){const o=e.ref(null),t=e.inject(u.PIKey.Carousel);return e.onMounted(()=>{t&&o.value&&t.value.push(o.value)}),e.onBeforeUnmount(()=>{if(t&&o.value){const n=t.value.indexOf(o.value);t.value.splice(n,1)}}),(n,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"carouselItem",ref:o,class:"carousel-item"},[e.renderSlot(n.$slots,"default",{},void 0,!0)],512))}});module.exports=r;
 //# sourceMappingURL=design-system57.js.map

package/dist/design-system57.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system57.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system57.js","sources":["../src/components/BCarousel/BCarouselItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n//#region Data\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCarouselItem',\n  setup(__props) {\n\nconst carouselItem = ref<HTMLDivElement | null>(null);\nconst tabItems = inject(PIKey.Carousel);\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (tabItems && carouselItem.value) {\n    tabItems.value.push(carouselItem.value);\n  }\n});\nonBeforeUnmount(() => {\n  if (tabItems && carouselItem.value) {\n    const index = tabItems.value.indexOf(carouselItem.value);\n    tabItems.value.splice(index, 1);\n  }\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"carouselItem\",\n    ref: carouselItem,\n    class: \"carousel-item\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","carouselItem","ref","tabItems","inject","PIKey","onMounted","onBeforeUnmount","index","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"qEAQ4BA,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAMC,EAAS,CAEX,MAAAC,EAAeC,MAA2B,IAAI,EAC9CC,EAAWC,EAAAA,OAAOC,EAAA,MAAM,QAAQ,EAItCC,OAAAA,EAAAA,UAAU,IAAM,CACVH,GAAYF,EAAa,OAClBE,EAAA,MAAM,KAAKF,EAAa,KAAK,CACxC,CACD,EACDM,EAAAA,gBAAgB,IAAM,CAChB,GAAAJ,GAAYF,EAAa,MAAO,CAClC,MAAMO,EAAQL,EAAS,MAAM,QAAQF,EAAa,KAAK,EAC9CE,EAAA,MAAM,OAAOK,EAAO,CAAC,CAChC,CAAA,CACD,EAGM,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,QAAS,eACT,IAAKX,EACL,MAAO,eAAA,EACN,CACDY,aAAYJ,EAAK,OAAQ,UAAW,CAAA,EAAI,OAAW,EAAI,GACtD,GAAG,EAER,CAEA,CAAC"}

package/dist/design-system57.mjs

@@ -1,5 +1,26 @@
-const e = "";
+import { defineComponent as l, ref as n, inject as r, onMounted as u, onBeforeUnmount as a, openBlock as s, createElementBlock as c, renderSlot as m } from "vue";
+import { PIKey as f } from "./design-system4.mjs";
+const _ = /* @__PURE__ */ l({
+  __name: "BCarouselItem",
+  setup(i) {
+    const e = n(null), o = r(f.Carousel);
+    return u(() => {
+      o && e.value && o.value.push(e.value);
+    }), a(() => {
+      if (o && e.value) {
+        const t = o.value.indexOf(e.value);
+        o.value.splice(t, 1);
+      }
+    }), (t, p) => (s(), c("div", {
+      ref_key: "carouselItem",
+      ref: e,
+      class: "carousel-item"
+    }, [
+      m(t.$slots, "default", {}, void 0, !0)
+    ], 512));
+  }
+});
 export {
-  e as default
+  _ as default
 };
 //# sourceMappingURL=design-system57.mjs.map

package/dist/design-system57.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system57.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system57.mjs","sources":["../src/components/BCarousel/BCarouselItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n//#region Data\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCarouselItem',\n  setup(__props) {\n\nconst carouselItem = ref<HTMLDivElement | null>(null);\nconst tabItems = inject(PIKey.Carousel);\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (tabItems && carouselItem.value) {\n    tabItems.value.push(carouselItem.value);\n  }\n});\nonBeforeUnmount(() => {\n  if (tabItems && carouselItem.value) {\n    const index = tabItems.value.indexOf(carouselItem.value);\n    tabItems.value.splice(index, 1);\n  }\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"carouselItem\",\n    ref: carouselItem,\n    class: \"carousel-item\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","carouselItem","ref","tabItems","inject","PIKey","onMounted","onBeforeUnmount","index","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":";;AAQA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,MAAMC,GAAS;AAEX,UAAAC,IAAeC,EAA2B,IAAI,GAC9CC,IAAWC,EAAOC,EAAM,QAAQ;AAItC,WAAAC,EAAU,MAAM;AACV,MAAAH,KAAYF,EAAa,SAClBE,EAAA,MAAM,KAAKF,EAAa,KAAK;AAAA,IACxC,CACD,GACDM,EAAgB,MAAM;AAChB,UAAAJ,KAAYF,EAAa,OAAO;AAClC,cAAMO,IAAQL,EAAS,MAAM,QAAQF,EAAa,KAAK;AAC9C,QAAAE,EAAA,MAAM,OAAOK,GAAO,CAAC;AAAA,MAChC;AAAA,IAAA,CACD,GAGM,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,SAAS;AAAA,MACT,KAAKX;AAAA,MACL,OAAO;AAAA,IAAA,GACN;AAAA,MACDY,EAAYJ,EAAK,QAAQ,WAAW,CAAA,GAAI,QAAW,EAAI;AAAA,OACtD,GAAG;AAAA,EAER;AAEA,CAAC;"}

package/dist/design-system59.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system5.js"),m=require("./design-system102.js"),b=["id","disabled","value"],p=["for"],f=["for"],h=e.defineComponent({__name:"BCheckbox",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:s.BCheckboxSize.Medium}},emits:["update:modelValue"],setup(u,{emit:r}){const t=u,n=r,a=e.computed(()=>t.inputId||`id-${m()}`),o=e.computed({get(){return t.modelValue},set(l){n("update:modelValue",l)}}),i=e.computed(()=>{let l="";switch(t.size){case s.BCheckboxSize.Small:l+="size-sm ";break;case s.BCheckboxSize.Medium:default:l+=" ";break}return l});return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([i.value,"b-checkbox ds-flex ds-items-center"])},[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":d[0]||(d[0]=c=>o.value=c),disabled:l.disabled,value:l.$attrs.value,type:"checkbox",class:"b-checkbox__input"},null,8,b),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:a.value,class:"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,p),l.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.labelOrphan?void 0:a.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,f)):e.createCommentVNode("",!0)],2))}});module.exports=h;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system59.js.map

package/dist/design-system59.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system59.js","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-2082b68c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-checkbox__input\"\n    }, null, 8, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","BCheckboxSize","__props","__emit","props","emit","id","computed","uuid","value","val","cssClassValue","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"wGAIMA,EAAa,CAAC,KAAM,WAAY,OAAO,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAoBGC,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,KAAM,CAAC,QAAS,KAAK,EAAG,QAAS,EAAM,EACrD,MAAO,CAAE,QAAS,EAAG,EACrB,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,KAAM,CAAE,QAASC,EAAA,cAAc,MAAO,CACxC,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAMC,GAAU,CAExC,MAAMC,EAAQF,EAIRG,EAAOF,EAIPG,EAAKC,WAAS,IAAMH,EAAM,SAAW,MAAMI,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOH,EAAM,UACf,EACA,IAAIM,EAAK,CACPL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EACKC,EAAgBJ,EAAAA,SAAS,IAAM,CACnC,IAAIK,EAAS,GAEb,OAAQR,EAAM,KAAM,CAClB,KAAKH,EAAc,cAAA,MACPW,GAAA,WACV,MACF,KAAKX,EAAAA,cAAc,OACnB,QACYW,GAAA,IACV,KACJ,CAEO,OAAAA,CAAA,CACR,EAUM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgB,CAACN,EAAc,MAAO,oCAAoC,CAAC,CAAA,EACjF,CACDO,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,GAAIb,EAAG,MACP,sBAAuBQ,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBX,EAAO,MAAQW,GACnF,SAAUP,EAAK,SACf,MAAOA,EAAK,OAAO,MACnB,KAAM,WACN,MAAO,mBAAA,EACN,KAAM,EAAGjB,CAAU,EAAG,CACvB,CAACyB,EAAiB,eAAAZ,EAAM,KAAK,CAAA,CAC9B,EACDU,EAAAA,mBAAoB,QAAS,CAC3B,IAAKb,EAAG,MACR,MAAO,8EAAA,EACN,KAAM,EAAGT,CAAU,EACrBgB,EAAK,OAASA,EAAK,OAAO,SACtBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,YAAc,OAAYP,EAAG,MACvC,MAAO,oDAAA,EACN,CACDgB,EAAAA,WAAYT,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CU,EAAAA,gBAAiBC,EAAAA,gBAAiBpB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGN,CAAU,GAChB2B,EAAAA,mBAAoB,GAAI,EAAI,GAC/B,CAAC,EAEN,CAEA,CAAC"}
+{"version":3,"file":"design-system59.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system59.mjs

@@ -1,68 +1,5 @@
-import { defineComponent as f, computed as a, openBlock as r, createElementBlock as u, normalizeClass as h, withDirectives as v, createElementVNode as i, vModelCheckbox as k, renderSlot as V, createTextVNode as y, toDisplayString as _, createCommentVNode as x } from "vue";
-import { BCheckboxSize as s } from "./design-system5.mjs";
-import B from "./design-system102.mjs";
-const C = ["id", "disabled", "value"], z = ["for"], g = ["for"], M = /* @__PURE__ */ f({
-  __name: "BCheckbox",
-  props: {
-    inputId: { default: "" },
-    modelValue: { type: [Boolean, Array], default: !1 },
-    label: { default: "" },
-    labelOrphan: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    size: { default: s.Medium }
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: c }) {
-    const l = n, m = c, t = a(() => l.inputId || `id-${B()}`), o = a({
-      get() {
-        return l.modelValue;
-      },
-      set(e) {
-        m("update:modelValue", e);
-      }
-    }), p = a(() => {
-      let e = "";
-      switch (l.size) {
-        case s.Small:
-          e += "size-sm ";
-          break;
-        case s.Medium:
-        default:
-          e += " ";
-          break;
-      }
-      return e;
-    });
-    return (e, d) => (r(), u("div", {
-      class: h([p.value, "b-checkbox ds-flex ds-items-center"])
-    }, [
-      v(i("input", {
-        id: t.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (b) => o.value = b),
-        disabled: e.disabled,
-        value: e.$attrs.value,
-        type: "checkbox",
-        class: "b-checkbox__input"
-      }, null, 8, C), [
-        [k, o.value]
-      ]),
-      i("label", {
-        for: t.value,
-        class: "b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"
-      }, null, 8, z),
-      e.label || e.$slots.default ? (r(), u("label", {
-        key: 0,
-        for: e.labelOrphan ? void 0 : t.value,
-        class: "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"
-      }, [
-        V(e.$slots, "default", {}, () => [
-          y(_(l.label), 1)
-        ], !0)
-      ], 8, g)) : x("", !0)
-    ], 2));
-  }
-});
+const e = "";
 export {
-  M as default
+  e as default
 };
 //# sourceMappingURL=design-system59.mjs.map

package/dist/design-system59.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system59.mjs","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-2082b68c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-checkbox__input\"\n    }, null, 8, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","BCheckboxSize","__props","__emit","props","emit","id","computed","uuid","value","val","cssClassValue","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAIA,MAAMA,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAoBGC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,MAAM,EAAE,SAASC,EAAc,OAAO;AAAA,EACxC;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAKC,EAAS,MAAMH,EAAM,WAAW,MAAMI,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAK;AACP,QAAAL,EAAK,qBAAqBK,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKC,IAAgBJ,EAAS,MAAM;AACnC,UAAIK,IAAS;AAEb,cAAQR,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAc;AACP,UAAAW,KAAA;AACV;AAAA,QACF,KAAKX,EAAc;AAAA,QACnB;AACY,UAAAW,KAAA;AACV;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR;AAUM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAACN,EAAc,OAAO,oCAAoC,CAAC;AAAA,IAAA,GACjF;AAAA,MACDO,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,IAAIb,EAAG;AAAA,QACP,uBAAuBQ,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAkBX,EAAO,QAAQW;AAAA,QACnF,UAAUP,EAAK;AAAA,QACf,OAAOA,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,GACN,MAAM,GAAGjB,CAAU,GAAG;AAAA,QACvB,CAACyB,GAAiBZ,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDU,EAAoB,SAAS;AAAA,QAC3B,KAAKb,EAAG;AAAA,QACR,OAAO;AAAA,MAAA,GACN,MAAM,GAAGT,CAAU;AAAA,MACrBgB,EAAK,SAASA,EAAK,OAAO,WACtBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKH,EAAK,cAAc,SAAYP,EAAG;AAAA,QACvC,OAAO;AAAA,MAAA,GACN;AAAA,QACDgB,EAAYT,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CU,EAAiBC,EAAiBpB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGN,CAAU,KAChB2B,EAAoB,IAAI,EAAI;AAAA,OAC/B,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"design-system59.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system60.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("vue"),s=require("./design-system5.js"),m=require("./design-system103.js"),b=["id","disabled","value"],p=["for"],f=["for"],h=e.defineComponent({__name:"BCheckbox",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:s.BCheckboxSize.Medium}},emits:["update:modelValue"],setup(u,{emit:r}){const t=u,n=r,a=e.computed(()=>t.inputId||`id-${m()}`),o=e.computed({get(){return t.modelValue},set(l){n("update:modelValue",l)}}),i=e.computed(()=>{let l="";switch(t.size){case s.BCheckboxSize.Small:l+="size-sm ";break;case s.BCheckboxSize.Medium:default:l+=" ";break}return l});return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([i.value,"b-checkbox ds-flex ds-items-center"])},[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":d[0]||(d[0]=c=>o.value=c),disabled:l.disabled,value:l.$attrs.value,type:"checkbox",class:"b-checkbox__input"},null,8,b),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:a.value,class:"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,p),l.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.labelOrphan?void 0:a.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,f)):e.createCommentVNode("",!0)],2))}});module.exports=h;
 //# sourceMappingURL=design-system60.js.map

package/dist/design-system60.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system60.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system60.js","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-2082b68c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-checkbox__input\"\n    }, null, 8, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","BCheckboxSize","__props","__emit","props","emit","id","computed","uuid","value","val","cssClassValue","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"wGAIMA,EAAa,CAAC,KAAM,WAAY,OAAO,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAoBGC,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,KAAM,CAAC,QAAS,KAAK,EAAG,QAAS,EAAM,EACrD,MAAO,CAAE,QAAS,EAAG,EACrB,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,KAAM,CAAE,QAASC,EAAA,cAAc,MAAO,CACxC,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAMC,GAAU,CAExC,MAAMC,EAAQF,EAIRG,EAAOF,EAIPG,EAAKC,WAAS,IAAMH,EAAM,SAAW,MAAMI,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOH,EAAM,UACf,EACA,IAAIM,EAAK,CACPL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EACKC,EAAgBJ,EAAAA,SAAS,IAAM,CACnC,IAAIK,EAAS,GAEb,OAAQR,EAAM,KAAM,CAClB,KAAKH,EAAc,cAAA,MACPW,GAAA,WACV,MACF,KAAKX,EAAAA,cAAc,OACnB,QACYW,GAAA,IACV,KACJ,CAEO,OAAAA,CAAA,CACR,EAUM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgB,CAACN,EAAc,MAAO,oCAAoC,CAAC,CAAA,EACjF,CACDO,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,GAAIb,EAAG,MACP,sBAAuBQ,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBX,EAAO,MAAQW,GACnF,SAAUP,EAAK,SACf,MAAOA,EAAK,OAAO,MACnB,KAAM,WACN,MAAO,mBAAA,EACN,KAAM,EAAGjB,CAAU,EAAG,CACvB,CAACyB,EAAiB,eAAAZ,EAAM,KAAK,CAAA,CAC9B,EACDU,EAAAA,mBAAoB,QAAS,CAC3B,IAAKb,EAAG,MACR,MAAO,8EAAA,EACN,KAAM,EAAGT,CAAU,EACrBgB,EAAK,OAASA,EAAK,OAAO,SACtBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,YAAc,OAAYP,EAAG,MACvC,MAAO,oDAAA,EACN,CACDgB,EAAAA,WAAYT,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CU,EAAAA,gBAAiBC,EAAAA,gBAAiBpB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGN,CAAU,GAChB2B,EAAAA,mBAAoB,GAAI,EAAI,GAC/B,CAAC,EAEN,CAEA,CAAC"}