@7pmlabs/design-system 0.1.7 → 0.2.0

package/dist/design-system59.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system59.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system59.mjs","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-119e439f\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport type { BLoadingBarProps } from '@/types';\nimport { computed, type StyleValue } from 'vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Computed\n */\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";AAGA,MAAMA,IAAe,QAAMC,EAAa,iBAAiB,GAAEC,IAAEA,KAAIC,KAAcD,IACzEE,IAAwC,gBAAAJ,EAAA,MAAuCK,gBAAAA,EAAA,OAAO,EAAE,OAAO,iCAAiC,MAAM,EAAE,CAAC,GACzIC,IAAa;AAAA,EACjBF;AACF,GAS4BG,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,QAAQ,EAAE,SAAS,GAAG;AAAA,IACtB,cAAc,EAAE,SAAS,GAAG;AAAA,IAC5B,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAORE,IAAWC,EAAS,MAAM;AAC9B,YAAMC,IAAqB;AAAA,QACzB,SAAS,CAACH,EAAM;AAAA,QAChB,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,UAAU;AAAA,MAAA;AAGZ,aAAIA,EAAM,WACRG,EAAO,SAASH,EAAM,SAEpBA,EAAM,iBACRG,EAAO,eAAeH,EAAM,eAE1BA,EAAM,aACRG,EAAO,WAAW,aAGbA;AAAA,IAAA,CACR;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,MACrC,OAAO;AAAA,IAAA,GACNL,GAAY,CAAC;AAAA,EAElB;AAEA,CAAC;"}

package/dist/design-system6.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system6.js","sources":["../src/helpers/ComponentHelper.ts"],"sourcesContent":["export const ensureVisiblePosition = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n): void => {\n  ensureVisibleX(parentEl, menuEl, menuFixed);\n  ensureVisibleY(parentEl, menuEl, menuFixed);\n  // Move menu element into body tag\n  document.body.append(menuEl);\n};\nexport const ensureVisibleX = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n) => {\n  // Viewport\n  const screenWidth = window.innerWidth;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  const scrollX = menuFixed ? 0 : window.scrollX;\n  const dropdownLeftEdge = parentEl.getBoundingClientRect().left + scrollX;\n  const dropdownWidth = parentEl.getBoundingClientRect().width;\n\n  const menuLeftEdge = menuEl.getBoundingClientRect().left + scrollX;\n  const menuWidth = menuEl.getBoundingClientRect().width;\n\n  // Apply positions' value\n  const isMenuRightEdgeVisible =\n    menuLeftEdge + menuWidth <= screenWidth + scrollX;\n  if (isMenuRightEdgeVisible) {\n    menuEl.style.left = `${dropdownLeftEdge}px`;\n  } else {\n    menuEl.style.left = `${dropdownLeftEdge - menuWidth + dropdownWidth}px`;\n  }\n};\nexport const ensureVisibleY = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n) => {\n  // Viewport\n  const screenHeight = window.innerHeight;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  // Height of screen can be longer when scrolling down, so TopEdge value should be calculated like this\n  const scrollY = menuFixed ? 0 : window.scrollY;\n  const dropdownTopEdge = parentEl.getBoundingClientRect().top + scrollY;\n  const dropdownHeight = parentEl.getBoundingClientRect().height;\n\n  const menuTopEdge = menuEl.getBoundingClientRect().top + scrollY;\n  const menuHeight = menuEl.getBoundingClientRect().height;\n\n  // Apply positions' value\n  const isMenuBottomEdgeVisible =\n    menuTopEdge + menuHeight <= screenHeight + scrollY;\n  if (isMenuBottomEdgeVisible) {\n    menuEl.style.top = `${dropdownTopEdge + dropdownHeight}px`;\n  } else {\n    menuEl.style.top = `${dropdownTopEdge - menuHeight}px`;\n  }\n};\nexport const resetPosition = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.top = '';\n  menuEl.style.right = '';\n  menuEl.style.bottom = '';\n  menuEl.style.left = '';\n  // Move menu element back into dropdown tag\n  parentEl.append(menuEl);\n};\n\nexport const scrollToTop = () => {\n  if (window) {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n};\nexport const lockScrollBody = () => {\n  setTimeout(() => {\n    document.body.dataset['scrollLocked'] = '';\n    const scrollbarWith = getScrollbarWidth();\n    if (scrollbarWith) {\n      document.body.style.paddingRight = `${scrollbarWith}px`;\n    }\n    document.body.style.overflow = 'hidden';\n  }, 100);\n};\nexport const unlockScrollBody = () => {\n  document.body.removeAttribute('data-scroll-locked');\n  document.body.style.paddingRight = '';\n  document.body.style.overflow = '';\n};\nconst getScrollbarWidth = () =>\n  window.innerWidth - document.documentElement.clientWidth;\n"],"names":["ensureVisiblePosition","parentEl","menuEl","menuFixed","ensureVisibleX","ensureVisibleY","screenWidth","scrollX","dropdownLeftEdge","dropdownWidth","menuLeftEdge","menuWidth","screenHeight","scrollY","dropdownTopEdge","dropdownHeight","menuTopEdge","menuHeight","resetPosition","scrollToTop","lockScrollBody","scrollbarWith","getScrollbarWidth","unlockScrollBody"],"mappings":"gFAAO,MAAMA,EAAwB,CACnCC,EACAC,EACAC,IACS,CACMC,EAAAH,EAAUC,EAAQC,CAAS,EAC3BE,EAAAJ,EAAUC,EAAQC,CAAS,EAEjC,SAAA,KAAK,OAAOD,CAAM,CAC7B,EACaE,EAAiB,CAC5BH,EACAC,EACAC,IACG,CAEH,MAAMG,EAAc,OAAO,WAGrBC,EAAUJ,EAAY,EAAI,OAAO,QACjCK,EAAmBP,EAAS,sBAAsB,EAAE,KAAOM,EAC3DE,EAAgBR,EAAS,sBAAA,EAAwB,MAEjDS,EAAeR,EAAO,sBAAsB,EAAE,KAAOK,EACrDI,EAAYT,EAAO,sBAAA,EAAwB,MAI/CQ,EAAeC,GAAaL,EAAcC,EAEnCL,EAAA,MAAM,KAAO,GAAGM,MAEvBN,EAAO,MAAM,KAAO,GAAGM,EAAmBG,EAAYF,KAE1D,EACaJ,EAAiB,CAC5BJ,EACAC,EACAC,IACG,CAEH,MAAMS,EAAe,OAAO,YAItBC,EAAUV,EAAY,EAAI,OAAO,QACjCW,EAAkBb,EAAS,sBAAsB,EAAE,IAAMY,EACzDE,EAAiBd,EAAS,sBAAA,EAAwB,OAElDe,EAAcd,EAAO,sBAAsB,EAAE,IAAMW,EACnDI,EAAaf,EAAO,sBAAA,EAAwB,OAIhDc,EAAcC,GAAcL,EAAeC,EAEpCX,EAAA,MAAM,IAAM,GAAGY,EAAkBC,MAEjCb,EAAA,MAAM,IAAM,GAAGY,EAAkBG,KAE5C,EACaC,EAAgB,CAACjB,EAAuBC,IAAwB,CAC3EA,EAAO,MAAM,IAAM,GACnBA,EAAO,MAAM,MAAQ,GACrBA,EAAO,MAAM,OAAS,GACtBA,EAAO,MAAM,KAAO,GAEpBD,EAAS,OAAOC,CAAM,CACxB,EAEaiB,EAAc,IAAM,CAC3B,QACF,OAAO,SAAS,CAAE,IAAK,EAAG,SAAU,SAAU,CAElD,EACaC,EAAiB,IAAM,CAClC,WAAW,IAAM,CACN,SAAA,KAAK,QAAQ,aAAkB,GACxC,MAAMC,EAAgBC,IAClBD,IACO,SAAA,KAAK,MAAM,aAAe,GAAGA,OAE/B,SAAA,KAAK,MAAM,SAAW,UAC9B,GAAG,CACR,EACaE,EAAmB,IAAM,CAC3B,SAAA,KAAK,gBAAgB,oBAAoB,EACzC,SAAA,KAAK,MAAM,aAAe,GAC1B,SAAA,KAAK,MAAM,SAAW,EACjC,EACMD,EAAoB,IACxB,OAAO,WAAa,SAAS,gBAAgB"}
+{"version":3,"file":"design-system6.js","sources":["../src/helpers/ComponentHelper.ts"],"sourcesContent":["export const ensureVisiblePosition = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n): void => {\n  ensureVisibleX(parentEl, menuEl, menuFixed);\n  ensureVisibleY(parentEl, menuEl, menuFixed);\n  // Move menu element into body tag\n  document.body.append(menuEl);\n};\nexport const ensureVisibleX = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n) => {\n  // Viewport\n  const screenWidth = window.innerWidth;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  const scrollX = menuFixed ? 0 : window.scrollX;\n  const dropdownLeftEdge = parentEl.getBoundingClientRect().left + scrollX;\n  const dropdownWidth = parentEl.getBoundingClientRect().width;\n\n  const menuLeftEdge = menuEl.getBoundingClientRect().left + scrollX;\n  const menuWidth = menuEl.getBoundingClientRect().width;\n\n  // Apply positions' value\n  const isMenuRightEdgeVisible =\n    menuLeftEdge + menuWidth <= screenWidth + scrollX;\n  if (isMenuRightEdgeVisible) {\n    menuEl.style.left = `${dropdownLeftEdge}px`;\n  } else {\n    menuEl.style.left = `${dropdownLeftEdge - menuWidth + dropdownWidth}px`;\n  }\n};\nexport const ensureVisibleY = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n) => {\n  // Viewport\n  const screenHeight = window.innerHeight;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  // Height of screen can be longer when scrolling down, so TopEdge value should be calculated like this\n  const scrollY = menuFixed ? 0 : window.scrollY;\n  const dropdownTopEdge = parentEl.getBoundingClientRect().top + scrollY;\n  const dropdownHeight = parentEl.getBoundingClientRect().height;\n\n  const menuTopEdge = menuEl.getBoundingClientRect().top + scrollY;\n  const menuHeight = menuEl.getBoundingClientRect().height;\n\n  // Apply positions' value\n  const isMenuBottomEdgeVisible =\n    menuTopEdge + menuHeight <= screenHeight + scrollY;\n  if (isMenuBottomEdgeVisible) {\n    menuEl.style.top = `${dropdownTopEdge + dropdownHeight}px`;\n  } else {\n    menuEl.style.top = `${dropdownTopEdge - menuHeight}px`;\n  }\n};\nexport const resetPosition = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.top = '';\n  menuEl.style.right = '';\n  menuEl.style.bottom = '';\n  menuEl.style.left = '';\n  // Move menu element back into dropdown tag\n  parentEl.append(menuEl);\n};\n\nexport const scrollToTop = () => {\n  if (window) {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n};\nexport const lockScrollBody = () => {\n  setTimeout(() => {\n    document.body.dataset['scrollLocked'] = '';\n    const scrollbarWith = getScrollbarWidth();\n    if (scrollbarWith) {\n      document.body.style.paddingRight = `${scrollbarWith}px`;\n    }\n    document.body.style.overflow = 'hidden';\n  }, 100);\n};\nexport const unlockScrollBody = () => {\n  document.body.removeAttribute('data-scroll-locked');\n  document.body.style.paddingRight = '';\n  document.body.style.overflow = '';\n};\nconst getScrollbarWidth = () =>\n  window.innerWidth - document.documentElement.clientWidth;\n"],"names":["ensureVisiblePosition","parentEl","menuEl","menuFixed","ensureVisibleX","ensureVisibleY","screenWidth","scrollX","dropdownLeftEdge","dropdownWidth","menuLeftEdge","menuWidth","screenHeight","scrollY","dropdownTopEdge","dropdownHeight","menuTopEdge","menuHeight","resetPosition","scrollToTop","lockScrollBody","scrollbarWith","getScrollbarWidth","unlockScrollBody"],"mappings":"gFAAO,MAAMA,EAAwB,CACnCC,EACAC,EACAC,IACS,CACMC,EAAAH,EAAUC,EAAQC,CAAS,EAC3BE,EAAAJ,EAAUC,EAAQC,CAAS,EAEjC,SAAA,KAAK,OAAOD,CAAM,CAC7B,EACaE,EAAiB,CAC5BH,EACAC,EACAC,IACG,CAEH,MAAMG,EAAc,OAAO,WAGrBC,EAAUJ,EAAY,EAAI,OAAO,QACjCK,EAAmBP,EAAS,sBAAsB,EAAE,KAAOM,EAC3DE,EAAgBR,EAAS,sBAAA,EAAwB,MAEjDS,EAAeR,EAAO,sBAAsB,EAAE,KAAOK,EACrDI,EAAYT,EAAO,sBAAA,EAAwB,MAI/CQ,EAAeC,GAAaL,EAAcC,EAEnCL,EAAA,MAAM,KAAO,GAAGM,CAAgB,KAEvCN,EAAO,MAAM,KAAO,GAAGM,EAAmBG,EAAYF,CAAa,IAEvE,EACaJ,EAAiB,CAC5BJ,EACAC,EACAC,IACG,CAEH,MAAMS,EAAe,OAAO,YAItBC,EAAUV,EAAY,EAAI,OAAO,QACjCW,EAAkBb,EAAS,sBAAsB,EAAE,IAAMY,EACzDE,EAAiBd,EAAS,sBAAA,EAAwB,OAElDe,EAAcd,EAAO,sBAAsB,EAAE,IAAMW,EACnDI,EAAaf,EAAO,sBAAA,EAAwB,OAIhDc,EAAcC,GAAcL,EAAeC,EAE3CX,EAAO,MAAM,IAAM,GAAGY,EAAkBC,CAAc,KAEtDb,EAAO,MAAM,IAAM,GAAGY,EAAkBG,CAAU,IAEtD,EACaC,EAAgB,CAACjB,EAAuBC,IAAwB,CAC3EA,EAAO,MAAM,IAAM,GACnBA,EAAO,MAAM,MAAQ,GACrBA,EAAO,MAAM,OAAS,GACtBA,EAAO,MAAM,KAAO,GAEpBD,EAAS,OAAOC,CAAM,CACxB,EAEaiB,EAAc,IAAM,CAC3B,QACF,OAAO,SAAS,CAAE,IAAK,EAAG,SAAU,SAAU,CAElD,EACaC,EAAiB,IAAM,CAClC,WAAW,IAAM,CACN,SAAA,KAAK,QAAQ,aAAkB,GACxC,MAAMC,EAAgBC,IAClBD,IACF,SAAS,KAAK,MAAM,aAAe,GAAGA,CAAa,MAE5C,SAAA,KAAK,MAAM,SAAW,UAC9B,GAAG,CACR,EACaE,EAAmB,IAAM,CAC3B,SAAA,KAAK,gBAAgB,oBAAoB,EACzC,SAAA,KAAK,MAAM,aAAe,GAC1B,SAAA,KAAK,MAAM,SAAW,EACjC,EACMD,EAAoB,IACxB,OAAO,WAAa,SAAS,gBAAgB"}

package/dist/design-system6.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system6.mjs","sources":["../src/helpers/ComponentHelper.ts"],"sourcesContent":["export const ensureVisiblePosition = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n): void => {\n  ensureVisibleX(parentEl, menuEl, menuFixed);\n  ensureVisibleY(parentEl, menuEl, menuFixed);\n  // Move menu element into body tag\n  document.body.append(menuEl);\n};\nexport const ensureVisibleX = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n) => {\n  // Viewport\n  const screenWidth = window.innerWidth;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  const scrollX = menuFixed ? 0 : window.scrollX;\n  const dropdownLeftEdge = parentEl.getBoundingClientRect().left + scrollX;\n  const dropdownWidth = parentEl.getBoundingClientRect().width;\n\n  const menuLeftEdge = menuEl.getBoundingClientRect().left + scrollX;\n  const menuWidth = menuEl.getBoundingClientRect().width;\n\n  // Apply positions' value\n  const isMenuRightEdgeVisible =\n    menuLeftEdge + menuWidth <= screenWidth + scrollX;\n  if (isMenuRightEdgeVisible) {\n    menuEl.style.left = `${dropdownLeftEdge}px`;\n  } else {\n    menuEl.style.left = `${dropdownLeftEdge - menuWidth + dropdownWidth}px`;\n  }\n};\nexport const ensureVisibleY = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n) => {\n  // Viewport\n  const screenHeight = window.innerHeight;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  // Height of screen can be longer when scrolling down, so TopEdge value should be calculated like this\n  const scrollY = menuFixed ? 0 : window.scrollY;\n  const dropdownTopEdge = parentEl.getBoundingClientRect().top + scrollY;\n  const dropdownHeight = parentEl.getBoundingClientRect().height;\n\n  const menuTopEdge = menuEl.getBoundingClientRect().top + scrollY;\n  const menuHeight = menuEl.getBoundingClientRect().height;\n\n  // Apply positions' value\n  const isMenuBottomEdgeVisible =\n    menuTopEdge + menuHeight <= screenHeight + scrollY;\n  if (isMenuBottomEdgeVisible) {\n    menuEl.style.top = `${dropdownTopEdge + dropdownHeight}px`;\n  } else {\n    menuEl.style.top = `${dropdownTopEdge - menuHeight}px`;\n  }\n};\nexport const resetPosition = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.top = '';\n  menuEl.style.right = '';\n  menuEl.style.bottom = '';\n  menuEl.style.left = '';\n  // Move menu element back into dropdown tag\n  parentEl.append(menuEl);\n};\n\nexport const scrollToTop = () => {\n  if (window) {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n};\nexport const lockScrollBody = () => {\n  setTimeout(() => {\n    document.body.dataset['scrollLocked'] = '';\n    const scrollbarWith = getScrollbarWidth();\n    if (scrollbarWith) {\n      document.body.style.paddingRight = `${scrollbarWith}px`;\n    }\n    document.body.style.overflow = 'hidden';\n  }, 100);\n};\nexport const unlockScrollBody = () => {\n  document.body.removeAttribute('data-scroll-locked');\n  document.body.style.paddingRight = '';\n  document.body.style.overflow = '';\n};\nconst getScrollbarWidth = () =>\n  window.innerWidth - document.documentElement.clientWidth;\n"],"names":["ensureVisiblePosition","parentEl","menuEl","menuFixed","ensureVisibleX","ensureVisibleY","screenWidth","scrollX","dropdownLeftEdge","dropdownWidth","menuLeftEdge","menuWidth","screenHeight","scrollY","dropdownTopEdge","dropdownHeight","menuTopEdge","menuHeight","resetPosition","scrollToTop","lockScrollBody","scrollbarWith","getScrollbarWidth","unlockScrollBody"],"mappings":"AAAO,MAAMA,IAAwB,CACnCC,GACAC,GACAC,MACS;AACM,EAAAC,EAAAH,GAAUC,GAAQC,CAAS,GAC3BE,EAAAJ,GAAUC,GAAQC,CAAS,GAEjC,SAAA,KAAK,OAAOD,CAAM;AAC7B,GACaE,IAAiB,CAC5BH,GACAC,GACAC,MACG;AAEH,QAAMG,IAAc,OAAO,YAGrBC,IAAUJ,IAAY,IAAI,OAAO,SACjCK,IAAmBP,EAAS,sBAAsB,EAAE,OAAOM,GAC3DE,IAAgBR,EAAS,sBAAA,EAAwB,OAEjDS,IAAeR,EAAO,sBAAsB,EAAE,OAAOK,GACrDI,IAAYT,EAAO,sBAAA,EAAwB;AAKjD,EADEQ,IAAeC,KAAaL,IAAcC,IAEnCL,EAAA,MAAM,OAAO,GAAGM,QAEvBN,EAAO,MAAM,OAAO,GAAGM,IAAmBG,IAAYF;AAE1D,GACaJ,IAAiB,CAC5BJ,GACAC,GACAC,MACG;AAEH,QAAMS,IAAe,OAAO,aAItBC,IAAUV,IAAY,IAAI,OAAO,SACjCW,IAAkBb,EAAS,sBAAsB,EAAE,MAAMY,GACzDE,IAAiBd,EAAS,sBAAA,EAAwB,QAElDe,IAAcd,EAAO,sBAAsB,EAAE,MAAMW,GACnDI,IAAaf,EAAO,sBAAA,EAAwB;AAKlD,EADEc,IAAcC,KAAcL,IAAeC,IAEpCX,EAAA,MAAM,MAAM,GAAGY,IAAkBC,QAEjCb,EAAA,MAAM,MAAM,GAAGY,IAAkBG;AAE5C,GACaC,IAAgB,CAACjB,GAAuBC,MAAwB;AAC3E,EAAAA,EAAO,MAAM,MAAM,IACnBA,EAAO,MAAM,QAAQ,IACrBA,EAAO,MAAM,SAAS,IACtBA,EAAO,MAAM,OAAO,IAEpBD,EAAS,OAAOC,CAAM;AACxB,GAEaiB,IAAc,MAAM;AAC/B,EAAI,UACF,OAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAElD,GACaC,IAAiB,MAAM;AAClC,aAAW,MAAM;AACN,aAAA,KAAK,QAAQ,eAAkB;AACxC,UAAMC,IAAgBC;AACtB,IAAID,MACO,SAAA,KAAK,MAAM,eAAe,GAAGA,QAE/B,SAAA,KAAK,MAAM,WAAW;AAAA,KAC9B,GAAG;AACR,GACaE,IAAmB,MAAM;AAC3B,WAAA,KAAK,gBAAgB,oBAAoB,GACzC,SAAA,KAAK,MAAM,eAAe,IAC1B,SAAA,KAAK,MAAM,WAAW;AACjC,GACMD,IAAoB,MACxB,OAAO,aAAa,SAAS,gBAAgB;"}
+{"version":3,"file":"design-system6.mjs","sources":["../src/helpers/ComponentHelper.ts"],"sourcesContent":["export const ensureVisiblePosition = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n): void => {\n  ensureVisibleX(parentEl, menuEl, menuFixed);\n  ensureVisibleY(parentEl, menuEl, menuFixed);\n  // Move menu element into body tag\n  document.body.append(menuEl);\n};\nexport const ensureVisibleX = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n) => {\n  // Viewport\n  const screenWidth = window.innerWidth;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  const scrollX = menuFixed ? 0 : window.scrollX;\n  const dropdownLeftEdge = parentEl.getBoundingClientRect().left + scrollX;\n  const dropdownWidth = parentEl.getBoundingClientRect().width;\n\n  const menuLeftEdge = menuEl.getBoundingClientRect().left + scrollX;\n  const menuWidth = menuEl.getBoundingClientRect().width;\n\n  // Apply positions' value\n  const isMenuRightEdgeVisible =\n    menuLeftEdge + menuWidth <= screenWidth + scrollX;\n  if (isMenuRightEdgeVisible) {\n    menuEl.style.left = `${dropdownLeftEdge}px`;\n  } else {\n    menuEl.style.left = `${dropdownLeftEdge - menuWidth + dropdownWidth}px`;\n  }\n};\nexport const ensureVisibleY = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean\n) => {\n  // Viewport\n  const screenHeight = window.innerHeight;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  // Height of screen can be longer when scrolling down, so TopEdge value should be calculated like this\n  const scrollY = menuFixed ? 0 : window.scrollY;\n  const dropdownTopEdge = parentEl.getBoundingClientRect().top + scrollY;\n  const dropdownHeight = parentEl.getBoundingClientRect().height;\n\n  const menuTopEdge = menuEl.getBoundingClientRect().top + scrollY;\n  const menuHeight = menuEl.getBoundingClientRect().height;\n\n  // Apply positions' value\n  const isMenuBottomEdgeVisible =\n    menuTopEdge + menuHeight <= screenHeight + scrollY;\n  if (isMenuBottomEdgeVisible) {\n    menuEl.style.top = `${dropdownTopEdge + dropdownHeight}px`;\n  } else {\n    menuEl.style.top = `${dropdownTopEdge - menuHeight}px`;\n  }\n};\nexport const resetPosition = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.top = '';\n  menuEl.style.right = '';\n  menuEl.style.bottom = '';\n  menuEl.style.left = '';\n  // Move menu element back into dropdown tag\n  parentEl.append(menuEl);\n};\n\nexport const scrollToTop = () => {\n  if (window) {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n};\nexport const lockScrollBody = () => {\n  setTimeout(() => {\n    document.body.dataset['scrollLocked'] = '';\n    const scrollbarWith = getScrollbarWidth();\n    if (scrollbarWith) {\n      document.body.style.paddingRight = `${scrollbarWith}px`;\n    }\n    document.body.style.overflow = 'hidden';\n  }, 100);\n};\nexport const unlockScrollBody = () => {\n  document.body.removeAttribute('data-scroll-locked');\n  document.body.style.paddingRight = '';\n  document.body.style.overflow = '';\n};\nconst getScrollbarWidth = () =>\n  window.innerWidth - document.documentElement.clientWidth;\n"],"names":["ensureVisiblePosition","parentEl","menuEl","menuFixed","ensureVisibleX","ensureVisibleY","screenWidth","scrollX","dropdownLeftEdge","dropdownWidth","menuLeftEdge","menuWidth","screenHeight","scrollY","dropdownTopEdge","dropdownHeight","menuTopEdge","menuHeight","resetPosition","scrollToTop","lockScrollBody","scrollbarWith","getScrollbarWidth","unlockScrollBody"],"mappings":"AAAO,MAAMA,IAAwB,CACnCC,GACAC,GACAC,MACS;AACM,EAAAC,EAAAH,GAAUC,GAAQC,CAAS,GAC3BE,EAAAJ,GAAUC,GAAQC,CAAS,GAEjC,SAAA,KAAK,OAAOD,CAAM;AAC7B,GACaE,IAAiB,CAC5BH,GACAC,GACAC,MACG;AAEH,QAAMG,IAAc,OAAO,YAGrBC,IAAUJ,IAAY,IAAI,OAAO,SACjCK,IAAmBP,EAAS,sBAAsB,EAAE,OAAOM,GAC3DE,IAAgBR,EAAS,sBAAA,EAAwB,OAEjDS,IAAeR,EAAO,sBAAsB,EAAE,OAAOK,GACrDI,IAAYT,EAAO,sBAAA,EAAwB;AAKjD,EADEQ,IAAeC,KAAaL,IAAcC,IAEnCL,EAAA,MAAM,OAAO,GAAGM,CAAgB,OAEvCN,EAAO,MAAM,OAAO,GAAGM,IAAmBG,IAAYF,CAAa;AAEvE,GACaJ,IAAiB,CAC5BJ,GACAC,GACAC,MACG;AAEH,QAAMS,IAAe,OAAO,aAItBC,IAAUV,IAAY,IAAI,OAAO,SACjCW,IAAkBb,EAAS,sBAAsB,EAAE,MAAMY,GACzDE,IAAiBd,EAAS,sBAAA,EAAwB,QAElDe,IAAcd,EAAO,sBAAsB,EAAE,MAAMW,GACnDI,IAAaf,EAAO,sBAAA,EAAwB;AAKlD,EADEc,IAAcC,KAAcL,IAAeC,IAE3CX,EAAO,MAAM,MAAM,GAAGY,IAAkBC,CAAc,OAEtDb,EAAO,MAAM,MAAM,GAAGY,IAAkBG,CAAU;AAEtD,GACaC,IAAgB,CAACjB,GAAuBC,MAAwB;AAC3E,EAAAA,EAAO,MAAM,MAAM,IACnBA,EAAO,MAAM,QAAQ,IACrBA,EAAO,MAAM,SAAS,IACtBA,EAAO,MAAM,OAAO,IAEpBD,EAAS,OAAOC,CAAM;AACxB,GAEaiB,IAAc,MAAM;AAC/B,EAAI,UACF,OAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAElD,GACaC,IAAiB,MAAM;AAClC,aAAW,MAAM;AACN,aAAA,KAAK,QAAQ,eAAkB;AACxC,UAAMC,IAAgBC;AACtB,IAAID,MACF,SAAS,KAAK,MAAM,eAAe,GAAGA,CAAa,OAE5C,SAAA,KAAK,MAAM,WAAW;AAAA,KAC9B,GAAG;AACR,GACaE,IAAmB,MAAM;AAC3B,WAAA,KAAK,gBAAgB,oBAAoB,GACzC,SAAA,KAAK,MAAM,eAAe,IAC1B,SAAA,KAAK,MAAM,WAAW;AACjC,GACMD,IAAoB,MACxB,OAAO,aAAa,SAAS,gBAAgB;"}

package/dist/design-system60.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system15.js");module.exports=e;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system60.js.map

package/dist/design-system60.mjs

@@ -1,5 +1,5 @@
-import f from "./design-system15.mjs";
+const e = "";
 export {
-  f as default
+  e as default
 };
 //# sourceMappingURL=design-system60.mjs.map

package/dist/design-system61.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system16.js");module.exports=e;
+"use strict";const e=require("vue"),a=require("./design-system5.js"),t=require("./design-system33.js"),i=e.defineComponent({__name:"BLoadingOverlay",props:{loading:{type:Boolean},absolute:{type:Boolean,default:!1},spinnerSize:{default:a.BLoadingOverlaySpinnerSize.Medium}},setup(o){const l=o,n=e.computed(()=>l.absolute?"ds-absolute ":"ds-fixed "),r=e.computed(()=>{let s="spinner ";switch(l.spinnerSize){case a.BLoadingOverlaySpinnerSize.Small:s+="ds-w-4 ds-h-4 ";break;case a.BLoadingOverlaySpinnerSize.Large:s+="ds-w-12 ds-h-12 ";break;case a.BLoadingOverlaySpinnerSize.Medium:default:s+="ds-w-8 ds-h-8 "}return s});return(s,c)=>l.absolute?e.withDirectives((e.openBlock(),e.createBlock(t,{key:1,class:e.normalizeClass(n.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(r.value)},null,2)]),_:1},8,["class"])),[[e.vShow,s.loading]]):(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.withDirectives(e.createVNode(t,{class:e.normalizeClass(n.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(r.value)},null,2)]),_:1},8,["class"]),[[e.vShow,s.loading]])]))}});module.exports=i;
 //# sourceMappingURL=design-system61.js.map

package/dist/design-system61.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system61.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system61.js","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\nimport type { BLoadingOverlayProps } from '@/types';\nimport { computed } from 'vue';\nimport BOverlay from './BOverlay.vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Data\n */\nconst overlayCssClass = computed(() => {\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\n  return result;\n});\nconst spinnerCssClass = computed(() => {\n  let result = `spinner `;\n\n  switch (props.spinnerSize) {\n    case BLoadingOverlaySpinnerSize.Small:\n      result += `ds-w-4 ds-h-4 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Large:\n      result += `ds-w-12 ds-h-12 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Medium:\n    default:\n      result += `ds-w-8 ds-h-8 `;\n  }\n\n  return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":"uGAY4BA,EAAiBC,kBAAA,CAC3C,OAAQ,kBACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,YAAa,CAAE,QAASC,EAAA,2BAA2B,MAAO,CAC5D,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAORE,EAAkBC,EAAAA,SAAS,IAClBF,EAAM,SAAW,eAAiB,WAEhD,EACKG,EAAkBD,EAAAA,SAAS,IAAM,CACrC,IAAIE,EAAS,WAEb,OAAQJ,EAAM,YAAa,CACzB,KAAKF,EAA2B,2BAAA,MACpBM,GAAA,iBACV,MACF,KAAKN,EAA2B,2BAAA,MACpBM,GAAA,mBACV,MACF,KAAKN,EAAAA,2BAA2B,OAChC,QACYM,GAAA,gBACd,CAEO,OAAAA,CAAA,CACR,EAEM,MAAA,CAACC,EAAUC,IACPN,EAAM,SAkBXO,EAAAA,gBAAiBC,EAAAA,YAAcC,EAAAA,YAAaC,EAAU,CACpD,IAAK,EACL,MAAOC,EAAAA,eAAgBV,EAAgB,KAAK,CAAA,EAC3C,CACD,QAASW,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOF,EAAAA,eAAgBR,EAAgB,KAAK,CAAA,EAC3C,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,EACF,EAAG,CAAC,OAAO,CAAC,GAAI,CACjB,CAACW,EAAQ,MAAAT,EAAK,OAAO,CAAA,CACtB,GA7BAG,EAAW,UAAA,EAAGC,EAAAA,YAAaM,EAAAA,SAAW,CACrC,IAAK,EACL,GAAI,MAAA,EACH,CACDR,EAAA,eAAgBS,cAAaN,EAAU,CACrC,MAAOC,EAAAA,eAAgBV,EAAgB,KAAK,CAAA,EAC3C,CACD,QAASW,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOF,EAAAA,eAAgBR,EAAgB,KAAK,CAAA,EAC3C,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,EACF,EAAG,CAAC,OAAO,CAAC,EAAG,CAChB,CAACW,EAAQ,MAAAT,EAAK,OAAO,CAAA,CACtB,CACF,CAAA,EAeP,CAEA,CAAC"}

package/dist/design-system61.mjs

@@ -1,5 +1,61 @@
-import f from "./design-system16.mjs";
+import { defineComponent as v, computed as r, openBlock as n, createBlock as d, Teleport as y, withDirectives as i, createVNode as h, normalizeClass as s, withCtx as u, createElementVNode as c, vShow as p } from "vue";
+import { BLoadingOverlaySpinnerSize as a } from "./design-system5.mjs";
+import m from "./design-system33.mjs";
+const g = /* @__PURE__ */ v({
+  __name: "BLoadingOverlay",
+  props: {
+    loading: { type: Boolean },
+    absolute: { type: Boolean, default: !1 },
+    spinnerSize: { default: a.Medium }
+  },
+  setup(f) {
+    const l = f, t = r(() => l.absolute ? "ds-absolute " : "ds-fixed "), o = r(() => {
+      let e = "spinner ";
+      switch (l.spinnerSize) {
+        case a.Small:
+          e += "ds-w-4 ds-h-4 ";
+          break;
+        case a.Large:
+          e += "ds-w-12 ds-h-12 ";
+          break;
+        case a.Medium:
+        default:
+          e += "ds-w-8 ds-h-8 ";
+      }
+      return e;
+    });
+    return (e, b) => l.absolute ? i((n(), d(m, {
+      key: 1,
+      class: s(t.value)
+    }, {
+      default: u(() => [
+        c("div", {
+          class: s(o.value)
+        }, null, 2)
+      ]),
+      _: 1
+    }, 8, ["class"])), [
+      [p, e.loading]
+    ]) : (n(), d(y, {
+      key: 0,
+      to: "body"
+    }, [
+      i(h(m, {
+        class: s(t.value)
+      }, {
+        default: u(() => [
+          c("div", {
+            class: s(o.value)
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["class"]), [
+        [p, e.loading]
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  g as default
 };
 //# sourceMappingURL=design-system61.mjs.map

package/dist/design-system61.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system61.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system61.mjs","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\nimport type { BLoadingOverlayProps } from '@/types';\nimport { computed } from 'vue';\nimport BOverlay from './BOverlay.vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Data\n */\nconst overlayCssClass = computed(() => {\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\n  return result;\n});\nconst spinnerCssClass = computed(() => {\n  let result = `spinner `;\n\n  switch (props.spinnerSize) {\n    case BLoadingOverlaySpinnerSize.Small:\n      result += `ds-w-4 ds-h-4 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Large:\n      result += `ds-w-12 ds-h-12 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Medium:\n    default:\n      result += `ds-w-8 ds-h-8 `;\n  }\n\n  return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":";;;AAYA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,aAAa,EAAE,SAASC,EAA2B,OAAO;AAAA,EAC5D;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAORE,IAAkBC,EAAS,MAClBF,EAAM,WAAW,iBAAiB,WAEhD,GACKG,IAAkBD,EAAS,MAAM;AACrC,UAAIE,IAAS;AAEb,cAAQJ,EAAM,aAAa;AAAA,QACzB,KAAKF,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AAAA,QAChC;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAEM,WAAA,CAACC,GAAUC,MACPN,EAAM,WAkBXO,GAAiBC,KAAcC,EAAaC,GAAU;AAAA,MACpD,KAAK;AAAA,MACL,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,IAAA,GAC3C;AAAA,MACD,SAASW,EAAS,MAAM;AAAA,QACtBC,EAAoB,OAAO;AAAA,UACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,QAAA,GAC3C,MAAM,CAAC;AAAA,MAAA,CACX;AAAA,MACD,GAAG;AAAA,IAAA,GACF,GAAG,CAAC,OAAO,CAAC,IAAI;AAAA,MACjB,CAACW,GAAQT,EAAK,OAAO;AAAA,IAAA,CACtB,KA7BAG,EAAW,GAAGC,EAAaM,GAAW;AAAA,MACrC,KAAK;AAAA,MACL,IAAI;AAAA,IAAA,GACH;AAAA,MACDR,EAAgBS,EAAaN,GAAU;AAAA,QACrC,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,MAAA,GAC3C;AAAA,QACD,SAASW,EAAS,MAAM;AAAA,UACtBC,EAAoB,OAAO;AAAA,YACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,UAAA,GAC3C,MAAM,CAAC;AAAA,QAAA,CACX;AAAA,QACD,GAAG;AAAA,MAAA,GACF,GAAG,CAAC,OAAO,CAAC,GAAG;AAAA,QAChB,CAACW,GAAQT,EAAK,OAAO;AAAA,MAAA,CACtB;AAAA,IACF,CAAA;AAAA,EAeP;AAEA,CAAC;"}

package/dist/design-system62.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=o=>(e.pushScopeId("data-v-391e5ff1"),o=o(),e.popScopeId(),o),r=i(()=>e.createElementVNode("div",{class:"b-loading-bar-indeterminate"},null,-1)),d=[r],n=e.defineComponent({__name:"BLoadingBar",props:{loading:{type:Boolean},height:{default:""},borderRadius:{default:""},absolute:{type:Boolean,default:!1}},setup(o){const t=o,a=e.computed(()=>{const s={opacity:+t.loading,height:"",borderRadius:"",position:"relative"};return t.height&&(s.height=t.height),t.borderRadius&&(s.borderRadius=t.borderRadius),t.absolute&&(s.position="absolute"),s});return(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:"b-loading-bar",style:e.normalizeStyle(a.value)},d,4))}});module.exports=n;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system62.js.map

package/dist/design-system62.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system62.js","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-391e5ff1\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  loading: boolean;\n  height?: string;\n  borderRadius?: string;\n  absolute?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Computed\n */\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: \"b-loading-bar\",\n    style: _normalizeStyle(cssStyle.value)\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":"oCAGMA,MAAqBC,EAAa,YAAA,iBAAiB,EAAEC,EAAEA,IAAIC,EAAAA,aAAcD,GACzEE,EAAwCJ,EAAA,IAAuCK,EAAA,mBAAA,MAAO,CAAE,MAAO,+BAAiC,KAAM,EAAE,CAAC,EACzIC,EAAa,CACjBF,CACF,EAc4BG,EAAiBC,kBAAA,CAC3C,OAAQ,cACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,OAAQ,CAAE,QAAS,EAAG,EACtB,aAAc,CAAE,QAAS,EAAG,EAC5B,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAORE,EAAWC,EAAAA,SAAS,IAAM,CAC9B,MAAMC,EAAqB,CACzB,QAAS,CAACH,EAAM,QAChB,OAAQ,GACR,aAAc,GACd,SAAU,UAAA,EAGZ,OAAIA,EAAM,SACRG,EAAO,OAASH,EAAM,QAEpBA,EAAM,eACRG,EAAO,aAAeH,EAAM,cAE1BA,EAAM,WACRG,EAAO,SAAW,YAGbA,CAAA,CACR,EAEM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAO,gBACP,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,CAAA,EACpCL,EAAY,CAAC,EAElB,CAEA,CAAC"}
+{"version":3,"file":"design-system62.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system62.mjs

@@ -1,31 +1,5 @@
-import { defineComponent as i, computed as s, openBlock as d, createElementBlock as r, normalizeStyle as l, pushScopeId as n, popScopeId as c, createElementVNode as p } from "vue";
-const u = (o) => (n("data-v-391e5ff1"), o = o(), c(), o), h = /* @__PURE__ */ u(() => /* @__PURE__ */ p("div", { class: "b-loading-bar-indeterminate" }, null, -1)), f = [
-  h
-], g = /* @__PURE__ */ i({
-  __name: "BLoadingBar",
-  props: {
-    loading: { type: Boolean },
-    height: { default: "" },
-    borderRadius: { default: "" },
-    absolute: { type: Boolean, default: !1 }
-  },
-  setup(o) {
-    const e = o, a = s(() => {
-      const t = {
-        opacity: +e.loading,
-        height: "",
-        borderRadius: "",
-        position: "relative"
-      };
-      return e.height && (t.height = e.height), e.borderRadius && (t.borderRadius = e.borderRadius), e.absolute && (t.position = "absolute"), t;
-    });
-    return (t, b) => (d(), r("div", {
-      class: "b-loading-bar",
-      style: l(a.value)
-    }, f, 4));
-  }
-});
+const e = "";
 export {
-  g as default
+  e as default
 };
 //# sourceMappingURL=design-system62.mjs.map

package/dist/design-system62.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system62.mjs","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-391e5ff1\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  loading: boolean;\n  height?: string;\n  borderRadius?: string;\n  absolute?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Computed\n */\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: \"b-loading-bar\",\n    style: _normalizeStyle(cssStyle.value)\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";AAGA,MAAMA,IAAe,QAAMC,EAAa,iBAAiB,GAAEC,IAAEA,KAAIC,KAAcD,IACzEE,IAAwC,gBAAAJ,EAAA,MAAuCK,gBAAAA,EAAA,OAAO,EAAE,OAAO,iCAAiC,MAAM,EAAE,CAAC,GACzIC,IAAa;AAAA,EACjBF;AACF,GAc4BG,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,QAAQ,EAAE,SAAS,GAAG;AAAA,IACtB,cAAc,EAAE,SAAS,GAAG;AAAA,IAC5B,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAORE,IAAWC,EAAS,MAAM;AAC9B,YAAMC,IAAqB;AAAA,QACzB,SAAS,CAACH,EAAM;AAAA,QAChB,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,UAAU;AAAA,MAAA;AAGZ,aAAIA,EAAM,WACRG,EAAO,SAASH,EAAM,SAEpBA,EAAM,iBACRG,EAAO,eAAeH,EAAM,eAE1BA,EAAM,aACRG,EAAO,WAAW,aAGbA;AAAA,IAAA,CACR;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAO;AAAA,MACP,OAAOC,EAAgBP,EAAS,KAAK;AAAA,IAAA,GACpCL,GAAY,CAAC;AAAA,EAElB;AAEA,CAAC;"}
+{"version":3,"file":"design-system62.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system63.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("./design-system13.js");module.exports=e;
 //# sourceMappingURL=design-system63.js.map

package/dist/design-system63.mjs

@@ -1,5 +1,5 @@
-const e = "";
+import f from "./design-system13.mjs";
 export {
-  e as default
+  f as default
 };
 //# sourceMappingURL=design-system63.mjs.map

package/dist/design-system64.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system30.js");module.exports=e;
+"use strict";const e=require("./design-system14.js");module.exports=e;
 //# sourceMappingURL=design-system64.js.map

package/dist/design-system64.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system30.mjs";
+import f from "./design-system14.mjs";
 export {
   f as default
 };

package/dist/design-system65.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system31.js");module.exports=e;
+"use strict";const e=require("./design-system15.js");module.exports=e;
 //# sourceMappingURL=design-system65.js.map

package/dist/design-system65.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system31.mjs";
+import f from "./design-system15.mjs";
 export {
   f as default
 };

package/dist/design-system66.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system17.js");module.exports=e;
+"use strict";const e=require("./design-system16.js");module.exports=e;
 //# sourceMappingURL=design-system66.js.map

package/dist/design-system66.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system17.mjs";
+import f from "./design-system16.mjs";
 export {
   f as default
 };

package/dist/design-system67.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system18.js");module.exports=e;
+"use strict";const e=require("./design-system17.js");module.exports=e;
 //# sourceMappingURL=design-system67.js.map

package/dist/design-system67.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system18.mjs";
+import f from "./design-system17.mjs";
 export {
   f as default
 };

package/dist/design-system68.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system19.js");module.exports=e;
+"use strict";const e=require("./design-system18.js");module.exports=e;
 //# sourceMappingURL=design-system68.js.map

package/dist/design-system68.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system19.mjs";
+import f from "./design-system18.mjs";
 export {
   f as default
 };

package/dist/design-system69.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),d=e.defineComponent({__name:"BCollapse",props:{modelValue:{type:Boolean}},emits:["update:modelValue"],setup(i,{emit:s}){const a=i,u=e.computed({get(){return a.modelValue},set(t){s("update:modelValue",t)}}),l=t=>{const{width:o}=getComputedStyle(t);t.style.width=o,t.style.position="absolute",t.style.visibility="hidden",t.style.height="auto";const{height:n}=getComputedStyle(t);t.style.width="",t.style.position="",t.style.visibility="",t.style.height="0px",getComputedStyle(t).height,requestAnimationFrame(()=>{t.style.height=n})},r=t=>{t.style.height="auto"},h=t=>{const{height:o}=getComputedStyle(t);t.style.height=o,getComputedStyle(t).height,requestAnimationFrame(()=>{t.style.height="0px"})};return(t,o)=>(e.openBlock(),e.createBlock(e.Transition,{name:"expand",onEnter:l,onAfterEnter:r,onLeave:h},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)],512),[[e.vShow,u.value]])]),_:3}))}});module.exports=d;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system69.js.map

package/dist/design-system69.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system69.js","sources":["../src/components/BCollapse.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, vShow as _vShow, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { computed } from 'vue';\n\nexport interface Props {\n  modelValue: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCollapse',\n  props: {\n    modelValue: { type: Boolean }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n// https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/\n\n\n/**\n * Events\n */\n\n\n/**\n * Computed\n */\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n\n/**\n * Methods\n */\nconst enter = (element: HTMLElement) => {\n  const { width } = getComputedStyle(element);\n\n  element.style.width = width;\n  element.style.position = 'absolute';\n  element.style.visibility = 'hidden';\n  element.style.height = 'auto';\n\n  const { height } = getComputedStyle(element);\n\n  element.style.width = '';\n  element.style.position = '';\n  element.style.visibility = '';\n  element.style.height = '0px';\n\n  // Force repaint to make sure the animation is triggered correctly.\n  // eslint-disable-next-line no-unused-expressions\n  getComputedStyle(element).height;\n\n  // Trigger the animation.\n  // We use `requestAnimationFrame` because we need to make sure the browser has finished painting\n  // after setting the `height` to`0` in the line above.\n  requestAnimationFrame(() => {\n    element.style.height = height;\n  });\n};\nconst afterEnter = (element: HTMLElement) => {\n  element.style.height = 'auto';\n};\nconst leave = (element: HTMLElement) => {\n  const { height } = getComputedStyle(element);\n\n  element.style.height = height;\n\n  // Force repaint to make sure the animation is triggered correctly.\n  // eslint-disable-next-line no-unused-expressions\n  getComputedStyle(element).height;\n\n  requestAnimationFrame(() => {\n    element.style.height = '0px';\n  });\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Transition, {\n    name: \"expand\",\n    onEnter: enter,\n    onAfterEnter: afterEnter,\n    onLeave: leave\n  }, {\n    default: _withCtx(() => [\n      _withDirectives(_createElementVNode(\"div\", null, [\n        _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n      ], 512), [\n        [_vShow, value.value]\n      ])\n    ]),\n    _: 3\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","enter","element","width","height","afterEnter","leave","_ctx","_cache","_openBlock","_createBlock","_Transition","_withCtx","_withDirectives","_createElementVNode","_renderSlot","_vShow"],"mappings":"oCAS4BA,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,WAAY,CAAE,KAAM,OAAQ,CAC9B,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAaRG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAKKC,EAASC,GAAyB,CACtC,KAAM,CAAE,MAAAC,CAAA,EAAU,iBAAiBD,CAAO,EAE1CA,EAAQ,MAAM,MAAQC,EACtBD,EAAQ,MAAM,SAAW,WACzBA,EAAQ,MAAM,WAAa,SAC3BA,EAAQ,MAAM,OAAS,OAEvB,KAAM,CAAE,OAAAE,CAAA,EAAW,iBAAiBF,CAAO,EAE3CA,EAAQ,MAAM,MAAQ,GACtBA,EAAQ,MAAM,SAAW,GACzBA,EAAQ,MAAM,WAAa,GAC3BA,EAAQ,MAAM,OAAS,MAIvB,iBAAiBA,CAAO,EAAE,OAK1B,sBAAsB,IAAM,CAC1BA,EAAQ,MAAM,OAASE,CAAA,CACxB,CAAA,EAEGC,EAAcH,GAAyB,CAC3CA,EAAQ,MAAM,OAAS,MAAA,EAEnBI,EAASJ,GAAyB,CACtC,KAAM,CAAE,OAAAE,CAAA,EAAW,iBAAiBF,CAAO,EAE3CA,EAAQ,MAAM,OAASE,EAIvB,iBAAiBF,CAAO,EAAE,OAE1B,sBAAsB,IAAM,CAC1BA,EAAQ,MAAM,OAAS,KAAA,CACxB,CAAA,EAGI,MAAA,CAACK,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,YAAaC,aAAa,CAC9C,KAAM,SACN,QAASV,EACT,aAAcI,EACd,QAASC,CAAA,EACR,CACD,QAASM,UAAS,IAAM,CACtBC,iBAAgBC,EAAAA,mBAAoB,MAAO,KAAM,CAC/CC,aAAYR,EAAK,OAAQ,UAAW,CAAA,EAAI,OAAW,EAAI,CACzD,EAAG,GAAG,EAAG,CACP,CAACS,EAAQ,MAAAlB,EAAM,KAAK,CAAA,CACrB,CAAA,CACF,EACD,EAAG,CAAA,CACJ,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system69.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system69.mjs

@@ -1,51 +1,5 @@
-import { defineComponent as d, computed as n, openBlock as p, createBlock as y, Transition as c, withCtx as g, withDirectives as v, createElementVNode as f, renderSlot as m, vShow as C } from "vue";
-const w = /* @__PURE__ */ d({
-  __name: "BCollapse",
-  props: {
-    modelValue: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(o, { emit: i }) {
-    const s = o, a = n({
-      get() {
-        return s.modelValue;
-      },
-      set(t) {
-        i("update:modelValue", t);
-      }
-    }), l = (t) => {
-      const { width: e } = getComputedStyle(t);
-      t.style.width = e, t.style.position = "absolute", t.style.visibility = "hidden", t.style.height = "auto";
-      const { height: u } = getComputedStyle(t);
-      t.style.width = "", t.style.position = "", t.style.visibility = "", t.style.height = "0px", getComputedStyle(t).height, requestAnimationFrame(() => {
-        t.style.height = u;
-      });
-    }, h = (t) => {
-      t.style.height = "auto";
-    }, r = (t) => {
-      const { height: e } = getComputedStyle(t);
-      t.style.height = e, getComputedStyle(t).height, requestAnimationFrame(() => {
-        t.style.height = "0px";
-      });
-    };
-    return (t, e) => (p(), y(c, {
-      name: "expand",
-      onEnter: l,
-      onAfterEnter: h,
-      onLeave: r
-    }, {
-      default: g(() => [
-        v(f("div", null, [
-          m(t.$slots, "default", {}, void 0, !0)
-        ], 512), [
-          [C, a.value]
-        ])
-      ]),
-      _: 3
-    }));
-  }
-});
+const e = "";
 export {
-  w as default
+  e as default
 };
 //# sourceMappingURL=design-system69.mjs.map

package/dist/design-system69.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system69.mjs","sources":["../src/components/BCollapse.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, vShow as _vShow, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { computed } from 'vue';\n\nexport interface Props {\n  modelValue: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCollapse',\n  props: {\n    modelValue: { type: Boolean }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n// https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/\n\n\n/**\n * Events\n */\n\n\n/**\n * Computed\n */\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n\n/**\n * Methods\n */\nconst enter = (element: HTMLElement) => {\n  const { width } = getComputedStyle(element);\n\n  element.style.width = width;\n  element.style.position = 'absolute';\n  element.style.visibility = 'hidden';\n  element.style.height = 'auto';\n\n  const { height } = getComputedStyle(element);\n\n  element.style.width = '';\n  element.style.position = '';\n  element.style.visibility = '';\n  element.style.height = '0px';\n\n  // Force repaint to make sure the animation is triggered correctly.\n  // eslint-disable-next-line no-unused-expressions\n  getComputedStyle(element).height;\n\n  // Trigger the animation.\n  // We use `requestAnimationFrame` because we need to make sure the browser has finished painting\n  // after setting the `height` to`0` in the line above.\n  requestAnimationFrame(() => {\n    element.style.height = height;\n  });\n};\nconst afterEnter = (element: HTMLElement) => {\n  element.style.height = 'auto';\n};\nconst leave = (element: HTMLElement) => {\n  const { height } = getComputedStyle(element);\n\n  element.style.height = height;\n\n  // Force repaint to make sure the animation is triggered correctly.\n  // eslint-disable-next-line no-unused-expressions\n  getComputedStyle(element).height;\n\n  requestAnimationFrame(() => {\n    element.style.height = '0px';\n  });\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Transition, {\n    name: \"expand\",\n    onEnter: enter,\n    onAfterEnter: afterEnter,\n    onLeave: leave\n  }, {\n    default: _withCtx(() => [\n      _withDirectives(_createElementVNode(\"div\", null, [\n        _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n      ], 512), [\n        [_vShow, value.value]\n      ])\n    ]),\n    _: 3\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","enter","element","width","height","afterEnter","leave","_ctx","_cache","_openBlock","_createBlock","_Transition","_withCtx","_withDirectives","_createElementVNode","_renderSlot","_vShow"],"mappings":";AASA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAQ;AAAA,EAC9B;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAaRG,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,GAKKC,IAAQ,CAACC,MAAyB;AACtC,YAAM,EAAE,OAAAC,EAAA,IAAU,iBAAiBD,CAAO;AAE1C,MAAAA,EAAQ,MAAM,QAAQC,GACtBD,EAAQ,MAAM,WAAW,YACzBA,EAAQ,MAAM,aAAa,UAC3BA,EAAQ,MAAM,SAAS;AAEvB,YAAM,EAAE,QAAAE,EAAA,IAAW,iBAAiBF,CAAO;AAE3C,MAAAA,EAAQ,MAAM,QAAQ,IACtBA,EAAQ,MAAM,WAAW,IACzBA,EAAQ,MAAM,aAAa,IAC3BA,EAAQ,MAAM,SAAS,OAIvB,iBAAiBA,CAAO,EAAE,QAK1B,sBAAsB,MAAM;AAC1B,QAAAA,EAAQ,MAAM,SAASE;AAAA,MAAA,CACxB;AAAA,IAAA,GAEGC,IAAa,CAACH,MAAyB;AAC3C,MAAAA,EAAQ,MAAM,SAAS;AAAA,IAAA,GAEnBI,IAAQ,CAACJ,MAAyB;AACtC,YAAM,EAAE,QAAAE,EAAA,IAAW,iBAAiBF,CAAO;AAE3C,MAAAA,EAAQ,MAAM,SAASE,GAIvB,iBAAiBF,CAAO,EAAE,QAE1B,sBAAsB,MAAM;AAC1B,QAAAA,EAAQ,MAAM,SAAS;AAAA,MAAA,CACxB;AAAA,IAAA;AAGI,WAAA,CAACK,GAAUC,OACRC,EAAA,GAAcC,EAAaC,GAAa;AAAA,MAC9C,MAAM;AAAA,MACN,SAASV;AAAA,MACT,cAAcI;AAAA,MACd,SAASC;AAAA,IAAA,GACR;AAAA,MACD,SAASM,EAAS,MAAM;AAAA,QACtBC,EAAgBC,EAAoB,OAAO,MAAM;AAAA,UAC/CC,EAAYR,EAAK,QAAQ,WAAW,CAAA,GAAI,QAAW,EAAI;AAAA,QACzD,GAAG,GAAG,GAAG;AAAA,UACP,CAACS,GAAQlB,EAAM,KAAK;AAAA,QAAA,CACrB;AAAA,MAAA,CACF;AAAA,MACD,GAAG;AAAA,IAAA,CACJ;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system69.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system7.js

@@ -1,2 +1,2 @@
-"use strict";const s="";module.exports=s;
+"use strict";const a=require("./design-system41.js"),r=require("./design-system42.js"),c={install:(u,e)=>{if(e!=null&&e.i18n){const{mergeLocaleMessage:l}=e.i18n.global;l("vi-VN",r.default),l("en-US",a.default)}}};module.exports=c;
 //# sourceMappingURL=design-system7.js.map

package/dist/design-system7.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system7.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system7.js","sources":["../src/plugin.ts"],"sourcesContent":["import type { App } from 'vue';\nimport type { I18n } from 'vue-i18n';\nimport enUS from './locales/en-US.json';\nimport viVN from './locales/vi-VN.json';\n\nexport default {\n  install: (app: App<Element>, options: { i18n: I18n }) => {\n    if (options?.i18n) {\n      const { mergeLocaleMessage } = options.i18n.global;\n      mergeLocaleMessage('vi-VN', viVN);\n      mergeLocaleMessage('en-US', enUS);\n    }\n  },\n};\n"],"names":["plugin","app","options","mergeLocaleMessage","viVN","enUS"],"mappings":"uFAKeA,EAAA,CACb,QAAS,CAACC,EAAmBC,IAA4B,CACvD,GAAIA,GAAA,MAAAA,EAAS,KAAM,CACjB,KAAM,CAAE,mBAAAC,CAAuB,EAAAD,EAAQ,KAAK,OAC5CC,EAAmB,QAASC,EAAAA,OAAI,EAChCD,EAAmB,QAASE,EAAAA,OAAI,CAClC,CACF,CACF"}

package/dist/design-system7.mjs

@@ -1,5 +1,14 @@
-const a = "";
+import l from "./design-system41.mjs";
+import r from "./design-system42.mjs";
+const i = {
+  install: (m, e) => {
+    if (e != null && e.i18n) {
+      const { mergeLocaleMessage: a } = e.i18n.global;
+      a("vi-VN", r), a("en-US", l);
+    }
+  }
+};
 export {
-  a as default
+  i as default
 };
 //# sourceMappingURL=design-system7.mjs.map

package/dist/design-system7.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system7.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system7.mjs","sources":["../src/plugin.ts"],"sourcesContent":["import type { App } from 'vue';\nimport type { I18n } from 'vue-i18n';\nimport enUS from './locales/en-US.json';\nimport viVN from './locales/vi-VN.json';\n\nexport default {\n  install: (app: App<Element>, options: { i18n: I18n }) => {\n    if (options?.i18n) {\n      const { mergeLocaleMessage } = options.i18n.global;\n      mergeLocaleMessage('vi-VN', viVN);\n      mergeLocaleMessage('en-US', enUS);\n    }\n  },\n};\n"],"names":["plugin","app","options","mergeLocaleMessage","viVN","enUS"],"mappings":";;AAKA,MAAeA,IAAA;AAAA,EACb,SAAS,CAACC,GAAmBC,MAA4B;AACvD,QAAIA,KAAA,QAAAA,EAAS,MAAM;AACjB,YAAM,EAAE,oBAAAC,EAAuB,IAAAD,EAAQ,KAAK;AAC5C,MAAAC,EAAmB,SAASC,CAAI,GAChCD,EAAmB,SAASE,CAAI;AAAA,IAClC;AAAA,EACF;AACF;"}

package/dist/design-system70.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("vue"),k=require("./design-system83.js"),C={class:"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100"},_=["onClick"],g=["id"],y=e.defineComponent({__name:"BTabs",props:{headers:{},modelValue:{default:void 0},headerCssClass:{default:""}},emits:["update:modelValue"],setup(p,{emit:b}){const r=p,o=e.ref(null),l=e.ref(null),s=e.ref(null),t=e.ref(0),n=e.ref(0),u=e.computed({get(){return r.modelValue!==void 0?r.modelValue:n.value},set(a){r.modelValue!==void 0?b("update:modelValue",a):n.value=a}}),c=e.computed(()=>`id-${k()}`);e.watch(u,a=>{i(a)}),e.watch(()=>r.headers,()=>{e.nextTick(()=>{v()})});const h=a=>{u.value=a},i=a=>{if(s.value&&l.value)if(t.value=a,[...s.value,...l.value].forEach(d=>{d.classList.remove("active")}),s.value[t.value]&&l.value[t.value])s.value[t.value].classList.add("active"),l.value[t.value].classList.add("active");else{const d=t.value-1;d>=0&&(s.value[d].classList.add("active"),l.value[d].classList.add("active"))}},v=()=>{o.value&&(s.value=[...o.value.querySelectorAll(`#${c.value} > .tab`)],s.value.forEach(a=>{a.classList.contains("active")&&(t.value=s.value.indexOf(a))}),i(t.value))};return e.onMounted(()=>{v()}),(a,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabContainer",ref:o},[e.renderSlot(a.$slots,"headers-prepend",{},void 0,!0),e.createElementVNode("ul",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.headers,(f,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,ref_for:!0,ref_key:"tabHeaders",ref:l,class:e.normalizeClass([[a.headerCssClass,f.disabled?"ds-pointer-events-none ds-text-black/40":""],"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),onClick:V=>h(m)},e.toDisplayString(f.text),11,_))),128))]),e.renderSlot(a.$slots,"headers-append",{},void 0,!0),e.createElementVNode("div",{id:c.value,class:"ds-w-full"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,g)],512))}});module.exports=y;
 //# sourceMappingURL=design-system70.js.map

package/dist/design-system70.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system70.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system70.js","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-4604df52\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\"]\n\nimport type { BTabsProps } from '@/types/components/BTabs';\nimport { v4 as uuid } from 'uuid';\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTabs',\n  props: {\n    headers: {},\n    modelValue: { default: undefined },\n    headerCssClass: { default: '' }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\nconst tabContainer = ref<HTMLElement | null>(null);\nconst tabHeaders = ref<HTMLElement[] | null>(null);\nconst tabs = ref<Element[] | null>(null);\nconst activeTabIndex = ref(0);\n\n/**\n * Data\n */\nconst mValue = ref(0);\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 tabBodyId = computed(() => `id-${uuid()}`);\n\n/**\n * Watch\n */\nwatch(value, (val) => {\n  selectTab(val);\n});\nwatch(\n  () => props.headers,\n  () => {\n    nextTick(() => {\n      initTabs();\n    });\n  }\n);\n\n/**\n * Methods\n */\nconst onClickTabHeader = (index: number) => {\n  value.value = index;\n};\nconst selectTab = (index: number) => {\n  if (tabs.value && tabHeaders.value) {\n    // Set activeTabIndex item to the index of the element clicked\n    activeTabIndex.value = index;\n    // Remove any active classes\n    [...tabs.value, ...tabHeaders.value].forEach((t) => {\n      t.classList.remove('active');\n    });\n    // Add active classes where appropriate, to the active element\n    if (\n      tabs.value[activeTabIndex.value] &&\n      tabHeaders.value[activeTabIndex.value]\n    ) {\n      tabs.value[activeTabIndex.value].classList.add('active');\n      tabHeaders.value[activeTabIndex.value].classList.add('active');\n    } else {\n      // Nearest element if desired index is not found\n      const nearestIndex = activeTabIndex.value - 1;\n      if (nearestIndex >= 0) {\n        tabs.value[nearestIndex].classList.add('active');\n        tabHeaders.value[nearestIndex].classList.add('active');\n      }\n    }\n  }\n};\nconst initTabs = () => {\n  if (tabContainer.value) {\n    // Selects all elements with the class '.tab', which are direct children of element with the id 'tabBodyId'\n    tabs.value = [\n      ...(tabContainer.value.querySelectorAll(\n        `#${tabBodyId.value} > .tab`\n      ) as any),\n    ];\n    tabs.value.forEach((tab) => {\n      if (tab.classList.contains('active')) {\n        activeTabIndex.value = tabs.value!.indexOf(tab);\n      }\n    });\n    selectTab(activeTabIndex.value);\n  }\n};\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  initTabs();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"tabContainer\",\n    ref: tabContainer\n  }, [\n    _renderSlot(_ctx.$slots, \"headers-prepend\", {}, undefined, true),\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (header, index) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: index,\n          ref_for: true,\n          ref_key: \"tabHeaders\",\n          ref: tabHeaders,\n          class: _normalizeClass([[\n          _ctx.headerCssClass,\n          header.disabled ? 'ds-pointer-events-none ds-text-black/40' : '',\n        ], \"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t\"]),\n          onClick: ($event: any) => (onClickTabHeader(index))\n        }, _toDisplayString(header.text), 11, _hoisted_2))\n      }), 128))\n    ]),\n    _renderSlot(_ctx.$slots, \"headers-append\", {}, undefined, true),\n    _createElementVNode(\"div\", {\n      id: tabBodyId.value,\n      class: \"ds-w-full\"\n    }, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ], 8, _hoisted_3)\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","tabContainer","ref","tabHeaders","tabs","activeTabIndex","mValue","value","computed","val","tabBodyId","uuid","watch","selectTab","nextTick","initTabs","onClickTabHeader","index","t","nearestIndex","tab","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","header","_normalizeClass","$event","_toDisplayString"],"mappings":"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"}

package/dist/design-system70.mjs

@@ -1,5 +1,84 @@
-const e = "";
+import { defineComponent as V, ref as d, computed as C, watch as k, nextTick as L, onMounted as T, openBlock as n, createElementBlock as u, renderSlot as i, createElementVNode as _, Fragment as $, renderList as w, normalizeClass as B, toDisplayString as E } from "vue";
+import H from "./design-system83.mjs";
+const I = { class: "ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100" }, S = ["onClick"], z = ["id"], F = /* @__PURE__ */ V({
+  __name: "BTabs",
+  props: {
+    headers: {},
+    modelValue: { default: void 0 },
+    headerCssClass: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(g, { emit: y }) {
+    const o = g, r = d(null), t = d(null), a = d(null), s = d(0), c = d(0), v = C({
+      get() {
+        return o.modelValue !== void 0 ? o.modelValue : c.value;
+      },
+      set(e) {
+        o.modelValue !== void 0 ? y("update:modelValue", e) : c.value = e;
+      }
+    }), f = C(() => `id-${H()}`);
+    k(v, (e) => {
+      m(e);
+    }), k(
+      () => o.headers,
+      () => {
+        L(() => {
+          p();
+        });
+      }
+    );
+    const x = (e) => {
+      v.value = e;
+    }, m = (e) => {
+      if (a.value && t.value)
+        if (s.value = e, [...a.value, ...t.value].forEach((l) => {
+          l.classList.remove("active");
+        }), a.value[s.value] && t.value[s.value])
+          a.value[s.value].classList.add("active"), t.value[s.value].classList.add("active");
+        else {
+          const l = s.value - 1;
+          l >= 0 && (a.value[l].classList.add("active"), t.value[l].classList.add("active"));
+        }
+    }, p = () => {
+      r.value && (a.value = [
+        ...r.value.querySelectorAll(
+          `#${f.value} > .tab`
+        )
+      ], a.value.forEach((e) => {
+        e.classList.contains("active") && (s.value = a.value.indexOf(e));
+      }), m(s.value));
+    };
+    return T(() => {
+      p();
+    }), (e, l) => (n(), u("div", {
+      ref_key: "tabContainer",
+      ref: r
+    }, [
+      i(e.$slots, "headers-prepend", {}, void 0, !0),
+      _("ul", I, [
+        (n(!0), u($, null, w(e.headers, (b, h) => (n(), u("li", {
+          key: h,
+          ref_for: !0,
+          ref_key: "tabHeaders",
+          ref: t,
+          class: B([[
+            e.headerCssClass,
+            b.disabled ? "ds-pointer-events-none ds-text-black/40" : ""
+          ], "tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),
+          onClick: (q) => x(h)
+        }, E(b.text), 11, S))), 128))
+      ]),
+      i(e.$slots, "headers-append", {}, void 0, !0),
+      _("div", {
+        id: f.value,
+        class: "ds-w-full"
+      }, [
+        i(e.$slots, "default", {}, void 0, !0)
+      ], 8, z)
+    ], 512));
+  }
+});
 export {
-  e as default
+  F as default
 };
 //# sourceMappingURL=design-system70.mjs.map

package/dist/design-system70.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system70.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system70.mjs","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-4604df52\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\"]\n\nimport type { BTabsProps } from '@/types/components/BTabs';\nimport { v4 as uuid } from 'uuid';\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTabs',\n  props: {\n    headers: {},\n    modelValue: { default: undefined },\n    headerCssClass: { default: '' }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\nconst tabContainer = ref<HTMLElement | null>(null);\nconst tabHeaders = ref<HTMLElement[] | null>(null);\nconst tabs = ref<Element[] | null>(null);\nconst activeTabIndex = ref(0);\n\n/**\n * Data\n */\nconst mValue = ref(0);\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 tabBodyId = computed(() => `id-${uuid()}`);\n\n/**\n * Watch\n */\nwatch(value, (val) => {\n  selectTab(val);\n});\nwatch(\n  () => props.headers,\n  () => {\n    nextTick(() => {\n      initTabs();\n    });\n  }\n);\n\n/**\n * Methods\n */\nconst onClickTabHeader = (index: number) => {\n  value.value = index;\n};\nconst selectTab = (index: number) => {\n  if (tabs.value && tabHeaders.value) {\n    // Set activeTabIndex item to the index of the element clicked\n    activeTabIndex.value = index;\n    // Remove any active classes\n    [...tabs.value, ...tabHeaders.value].forEach((t) => {\n      t.classList.remove('active');\n    });\n    // Add active classes where appropriate, to the active element\n    if (\n      tabs.value[activeTabIndex.value] &&\n      tabHeaders.value[activeTabIndex.value]\n    ) {\n      tabs.value[activeTabIndex.value].classList.add('active');\n      tabHeaders.value[activeTabIndex.value].classList.add('active');\n    } else {\n      // Nearest element if desired index is not found\n      const nearestIndex = activeTabIndex.value - 1;\n      if (nearestIndex >= 0) {\n        tabs.value[nearestIndex].classList.add('active');\n        tabHeaders.value[nearestIndex].classList.add('active');\n      }\n    }\n  }\n};\nconst initTabs = () => {\n  if (tabContainer.value) {\n    // Selects all elements with the class '.tab', which are direct children of element with the id 'tabBodyId'\n    tabs.value = [\n      ...(tabContainer.value.querySelectorAll(\n        `#${tabBodyId.value} > .tab`\n      ) as any),\n    ];\n    tabs.value.forEach((tab) => {\n      if (tab.classList.contains('active')) {\n        activeTabIndex.value = tabs.value!.indexOf(tab);\n      }\n    });\n    selectTab(activeTabIndex.value);\n  }\n};\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  initTabs();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"tabContainer\",\n    ref: tabContainer\n  }, [\n    _renderSlot(_ctx.$slots, \"headers-prepend\", {}, undefined, true),\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (header, index) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: index,\n          ref_for: true,\n          ref_key: \"tabHeaders\",\n          ref: tabHeaders,\n          class: _normalizeClass([[\n          _ctx.headerCssClass,\n          header.disabled ? 'ds-pointer-events-none ds-text-black/40' : '',\n        ], \"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t\"]),\n          onClick: ($event: any) => (onClickTabHeader(index))\n        }, _toDisplayString(header.text), 11, _hoisted_2))\n      }), 128))\n    ]),\n    _renderSlot(_ctx.$slots, \"headers-append\", {}, undefined, true),\n    _createElementVNode(\"div\", {\n      id: tabBodyId.value,\n      class: \"ds-w-full\"\n    }, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ], 8, _hoisted_3)\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","tabContainer","ref","tabHeaders","tabs","activeTabIndex","mValue","value","computed","val","tabBodyId","uuid","watch","selectTab","nextTick","initTabs","onClickTabHeader","index","t","nearestIndex","tab","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","header","_normalizeClass","$event","_toDisplayString"],"mappings":"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"}

package/dist/design-system71.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const _="";module.exports=_;
 //# sourceMappingURL=design-system71.js.map

package/dist/design-system71.mjs

@@ -1,5 +1,5 @@
-const e = "";
+const _ = "";
 export {
-  e as default
+  _ as default
 };
 //# sourceMappingURL=design-system71.mjs.map