@rotki/ui-library 2.15.0 → 2.16.0

package/dist/components/tabs/tab-items/RuiTabItems.vue2.js

@@ -1,90 +0,0 @@
-import { defineComponent, useCssVars, unref, useModel, useSlots, ref, useTemplateRef, computed, Fragment, isVNode, watch, nextTick, openBlock, createElementBlock, mergeProps, createElementVNode, renderList, createBlock, resolveDynamicComponent } from "vue";
-import { useElementSize } from "@vueuse/core";
-import { get, set } from "@vueuse/shared";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiTabItems",
-    inheritAttrs: false
-  },
-  __name: "RuiTabItems",
-  props: {
-    "modelValue": {},
-    "modelModifiers": {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "e2f311d6": unref(innerHeight)
-    }));
-    const modelValue = useModel(__props, "modelValue");
-    const slots = useSlots();
-    const reverse = ref(false);
-    const currIndex = ref(-1);
-    const activeIndex = ref(-1);
-    const wrapper = useTemplateRef("wrapper");
-    const inner = useTemplateRef("inner");
-    const { height: innerHeight } = useElementSize(inner);
-    const children = computed(() => {
-      const slotContent = slots.default?.() ?? [];
-      const tabs = getChildrenTabs(slotContent);
-      let anyActive = false;
-      const children2 = tabs.map((tab, index) => {
-        const value = tab.props?.value ?? index;
-        const active = get(modelValue) === value;
-        if (active) {
-          anyActive = true;
-          if (index !== get(currIndex)) {
-            set(reverse, index < get(currIndex));
-            set(currIndex, index);
-          }
-        }
-        return {
-          ...tab,
-          props: {
-            value,
-            ...tab.props
-          }
-        };
-      });
-      if (!anyActive)
-        set(currIndex, -1);
-      return children2;
-    });
-    function getChildrenTabs(children2) {
-      return children2.flatMap((item) => {
-        if (item.type === Fragment && Array.isArray(item.children) && item.children.length > 0)
-          return getChildrenTabs(item.children.filter(isVNode));
-        return [item];
-      }).flat();
-    }
-    watch(currIndex, (index) => {
-      nextTick(() => {
-        set(activeIndex, index);
-      });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "wrapper",
-        ref: wrapper,
-        class: _ctx.$style.tabs
-      }, _ctx.$attrs), [
-        createElementVNode("div", {
-          ref_key: "inner",
-          ref: inner
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, i) => {
-            return openBlock(), createBlock(resolveDynamicComponent(child), {
-              key: i,
-              reverse: unref(reverse),
-              active: i === unref(activeIndex)
-            }, null, 8, ["reverse", "active"]);
-          }), 128))
-        ], 512)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiTabItems.vue2.js.map

package/dist/components/tabs/tab-items/RuiTabItems.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiTabItems.vue2.js","sources":["../../../../src/components/tabs/tab-items/RuiTabItems.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number\">\nimport { Fragment, isVNode } from 'vue';\n\ndefineOptions({\n  name: 'RuiTabItems',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<T>();\n\nconst slots = useSlots();\n\nconst reverse = ref<boolean>(false);\nconst currIndex = ref<number>(-1);\nconst activeIndex = ref<number>(-1);\nconst wrapper = useTemplateRef<HTMLDivElement>('wrapper');\nconst inner = useTemplateRef<HTMLDivElement>('inner');\n\nconst { height: innerHeight } = useElementSize(inner);\n\nconst children = computed<VNode[]>(() => {\n  const slotContent = slots.default?.() ?? [];\n\n  const tabs = getChildrenTabs(slotContent);\n\n  let anyActive = false;\n  const children = tabs.map((tab, index) => {\n    const value = tab.props?.value ?? index;\n    const active = get(modelValue) === value;\n    if (active) {\n      anyActive = true;\n      if (index !== get(currIndex)) {\n        set(reverse, index < get(currIndex));\n        set(currIndex, index);\n      }\n    }\n\n    return {\n      ...tab,\n      props: {\n        value,\n        ...tab.props,\n      },\n    };\n  });\n\n  if (!anyActive)\n    set(currIndex, -1);\n\n  return children;\n});\n\n// When using dynamic content with v-for the slot content can contain fragment,\n// Go through the fragment and always return RuiTabItem only\nfunction getChildrenTabs(children: VNode[]): VNode[] {\n  return children\n    .flatMap((item) => {\n      if (item.type === Fragment && Array.isArray(item.children) && item.children.length > 0)\n        return getChildrenTabs(item.children.filter(isVNode));\n\n      return [item];\n    })\n    .flat();\n}\n\nwatch(currIndex, (index) => {\n  nextTick(() => {\n    set(activeIndex, index);\n  });\n});\n</script>\n\n<template>\n  <div\n    ref=\"wrapper\"\n    :class=\"$style.tabs\"\n    v-bind=\"$attrs\"\n  >\n    <div ref=\"inner\">\n      <Component\n        :is=\"child\"\n        v-for=\"(child, i) in children\"\n        :key=\"i\"\n        :reverse=\"reverse\"\n        :active=\"i === activeIndex\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.tabs {\n  @apply grow transition-all overflow-hidden;\n  height: calc(v-bind(innerHeight) * 1px);\n}\n</style>\n"],"names":["_useModel","children","_openBlock","_createElementBlock","_mergeProps","$style","$attrs","_createElementVNode","_Fragment","_renderList","_unref","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,UAAM,aAAaA,SAAc,SAAA,YAAC;AAElC,UAAM,QAAQ,SAAA;AAEd,UAAM,UAAU,IAAa,KAAK;AAClC,UAAM,YAAY,IAAY,EAAE;AAChC,UAAM,cAAc,IAAY,EAAE;AAClC,UAAM,UAAU,eAA+B,SAAS;AACxD,UAAM,QAAQ,eAA+B,OAAO;AAEpD,UAAM,EAAE,QAAQ,gBAAgB,eAAe,KAAK;AAEpD,UAAM,WAAW,SAAkB,MAAM;AACvC,YAAM,cAAc,MAAM,UAAA,KAAe,CAAA;AAEzC,YAAM,OAAO,gBAAgB,WAAW;AAExC,UAAI,YAAY;AAChB,YAAMC,YAAW,KAAK,IAAI,CAAC,KAAK,UAAU;AACxC,cAAM,QAAQ,IAAI,OAAO,SAAS;AAClC,cAAM,SAAS,IAAI,UAAU,MAAM;AACnC,YAAI,QAAQ;AACV,sBAAY;AACZ,cAAI,UAAU,IAAI,SAAS,GAAG;AAC5B,gBAAI,SAAS,QAAQ,IAAI,SAAS,CAAC;AACnC,gBAAI,WAAW,KAAK;AAAA,UACtB;AAAA,QACF;AAEA,eAAO;AAAA,UACL,GAAG;AAAA,UACH,OAAO;AAAA,YACL;AAAA,YACA,GAAG,IAAI;AAAA,UAAA;AAAA,QACT;AAAA,MAEJ,CAAC;AAED,UAAI,CAAC;AACH,YAAI,WAAW,EAAE;AAEnB,aAAOA;AAAAA,IACT,CAAC;AAID,aAAS,gBAAgBA,WAA4B;AACnD,aAAOA,UACJ,QAAQ,CAAC,SAAS;AACjB,YAAI,KAAK,SAAS,YAAY,MAAM,QAAQ,KAAK,QAAQ,KAAK,KAAK,SAAS,SAAS;AACnF,iBAAO,gBAAgB,KAAK,SAAS,OAAO,OAAO,CAAC;AAEtD,eAAO,CAAC,IAAI;AAAA,MACd,CAAC,EACA,KAAA;AAAA,IACL;AAEA,UAAM,WAAW,CAAC,UAAU;AAC1B,eAAS,MAAM;AACb,YAAI,aAAa,KAAK;AAAA,MACxB,CAAC;AAAA,IACH,CAAC;;AAIC,aAAAC,UAAA,GAAAC,mBAcM,OAdNC,WAcM;AAAA,iBAbA;AAAA,QAAJ,KAAI;AAAA,QACH,OAAOC,KAAAA,OAAO;AAAA,MAAA,GACPC,KAAAA,MAAM,GAAA;AAAA,QAEdC,mBAQM,OAAA;AAAA,mBARG;AAAA,UAAJ,KAAI;AAAA,QAAA;WACPL,UAAA,IAAA,GAAAC,mBAMEK,UAAA,MAAAC,WAJqBC,MAAA,QAAA,GAAQ,CAArB,OAAO,MAAC;AAFlB,mBAAAR,UAAA,GAAAS,YAMEC,wBALK,KAAK,GAAA;AAAA,cAET,KAAK;AAAA,cACL,SAASF,MAAA,OAAA;AAAA,cACT,QAAQ,MAAMA,MAAA,WAAA;AAAA,YAAA;;;;;;;"}

package/dist/components/tabs/tab-items/RuiTabItems.vue3.js

@@ -1,9 +0,0 @@
-const tabs = "_tabs_1wt4o_1";
-const style0 = {
-  tabs
-};
-export {
-  style0 as default,
-  tabs
-};
-//# sourceMappingURL=RuiTabItems.vue3.js.map

package/dist/components/tabs/tab-items/RuiTabItems.vue3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiTabItems.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/tabs/tabs/RuiTabs.vue.js

@@ -1,11 +0,0 @@
-import _sfc_main from "./RuiTabs.vue2.js";
-import style0 from "./RuiTabs.vue3.js";
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const cssModules = {
-  "$style": style0
-};
-const RuiTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  RuiTabs as default
-};
-//# sourceMappingURL=RuiTabs.vue.js.map

package/dist/components/tabs/tabs/RuiTabs.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiTabs.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/tabs/tabs/RuiTabs.vue2.js

@@ -1,288 +0,0 @@
-import { defineComponent, useModel, ref, useTemplateRef, useSlots, getCurrentInstance, toRefs, computed, Fragment, isVNode, nextTick, watch, onMounted, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createCommentVNode, createElementVNode, renderList, createBlock, resolveDynamicComponent, mergeModels } from "vue";
-import { get, set, throttleFilter } from "@vueuse/shared";
-import { useRoute, useRouter } from "vue-router";
-import RuiButton from "../../buttons/button/RuiButton.vue.js";
-import RuiIcon from "../../icons/RuiIcon.vue.js";
-import { useElementSize, useScroll, useResizeObserver, watchTriggerable, watchImmediate } from "@vueuse/core";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiTabs"
-  },
-  __name: "RuiTabs",
-  props: /* @__PURE__ */ mergeModels({
-    color: {},
-    vertical: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    grow: { type: Boolean, default: false },
-    align: { default: "center" },
-    indicatorPosition: { default: "end" }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const modelValue = useModel(__props, "modelValue");
-    const internalModelValue = ref();
-    const bar = useTemplateRef("bar");
-    const wrapper = useTemplateRef("wrapper");
-    const showArrows = ref(false);
-    const slots = useSlots();
-    const hasRouter = !!getCurrentInstance()?.appContext.config.globalProperties.$router;
-    const route = hasRouter ? useRoute() : void 0;
-    const router = hasRouter ? useRouter() : void 0;
-    const { width, height } = useElementSize(bar);
-    const { width: wrapperWidth, height: wrapperHeight } = useElementSize(wrapper);
-    const { arrivedState, x, y } = useScroll(bar, { behavior: "smooth" });
-    const { top, bottom, left, right } = toRefs(arrivedState);
-    useResizeObserver(bar, () => {
-      keepActiveTabVisible();
-    });
-    const children = computed(() => {
-      const slotContent = slots.default?.() ?? [];
-      const tabs = getChildrenTabs(slotContent);
-      const currentModelValue = get(internalModelValue);
-      const inheritedProps = {
-        color: __props.color,
-        grow: __props.grow,
-        disabled: __props.disabled,
-        vertical: __props.vertical,
-        align: __props.align,
-        indicatorPosition: __props.indicatorPosition
-      };
-      return tabs.map((tab, index) => {
-        let tabValue = tab.props?.value ?? index;
-        if (tab.props?.link !== false && tab.props?.to)
-          tabValue = tab.props.to;
-        const active = currentModelValue === tabValue;
-        return {
-          ...tab,
-          props: {
-            value: tabValue,
-            active,
-            ...inheritedProps,
-            ...tab.props
-          }
-        };
-      });
-    });
-    const prevArrowDisabled = computed(() => {
-      if (!__props.vertical)
-        return get(left);
-      return get(top);
-    });
-    const nextArrowDisabled = computed(() => {
-      if (!__props.vertical)
-        return get(right);
-      return get(bottom);
-    });
-    function getChildrenTabs(children2) {
-      return children2.flatMap((item) => {
-        if (item.type === Fragment && Array.isArray(item.children) && item.children.length > 0)
-          return getChildrenTabs(item.children.filter(isVNode));
-        return [item];
-      }).flat();
-    }
-    function updateModelValue(newModelValue) {
-      set(modelValue, newModelValue);
-      set(internalModelValue, newModelValue);
-    }
-    function isPathMatch(path, { exactPath, exact }) {
-      if (!route)
-        return false;
-      const currentRoute = route.fullPath;
-      if (exactPath)
-        return currentRoute === path;
-      const routeWithoutQueryParams = new URL(path, window.location.origin).pathname;
-      if (exact)
-        return currentRoute === routeWithoutQueryParams;
-      return currentRoute.startsWith(routeWithoutQueryParams);
-    }
-    function keepActiveTabVisible() {
-      nextTick(() => {
-        if (!get(showArrows))
-          return;
-        const elem = get(wrapper);
-        const barElem = get(bar);
-        if (elem) {
-          const activeTab = elem.querySelector(".active-tab") ?? elem.querySelector(".active-tab-link");
-          if (!activeTab || !barElem)
-            return;
-          const childLeft = activeTab.offsetLeft - elem.offsetLeft;
-          const childTop = activeTab.offsetTop - elem.offsetTop;
-          const childWidth = activeTab.offsetWidth;
-          const childHeight = activeTab.offsetHeight;
-          const parentScrollLeft = barElem.scrollLeft;
-          const parentScrollTop = barElem.scrollTop;
-          const parentWidth = barElem.offsetWidth;
-          const parentHeight = barElem.offsetHeight;
-          const scrollLeft = Math.max(
-            Math.min(parentScrollLeft, childLeft),
-            childLeft + childWidth - parentWidth
-          );
-          const scrollTop = Math.max(
-            Math.min(parentScrollTop, childTop),
-            childTop + childHeight - parentHeight
-          );
-          barElem.scrollTo({
-            left: scrollLeft,
-            top: scrollTop,
-            behavior: "smooth"
-          });
-        }
-      });
-    }
-    function applyNewValue(onlyLink = false) {
-      const enabledChildren = get(children).filter((child) => !child.props?.disabled);
-      if (enabledChildren.length > 0) {
-        let newModelValue = get(modelValue) || 0;
-        enabledChildren.forEach((child, index) => {
-          const props = child.props;
-          if (!onlyLink && index === 0 && props.value)
-            newModelValue = props.value;
-          const to = props.to && router ? router.resolve(props.to) : void 0;
-          if (props.link !== false && to && isPathMatch(to.fullPath, props))
-            newModelValue = to.fullPath;
-        });
-        updateModelValue(newModelValue);
-      }
-      keepActiveTabVisible();
-    }
-    function onPrevSliderClick() {
-      if (!__props.vertical)
-        set(x, get(x) - get(width));
-      else set(y, get(y) - get(height));
-    }
-    function onNextSliderClick() {
-      if (!__props.vertical)
-        set(x, get(x) + get(width));
-      else set(y, get(y) + get(height));
-    }
-    const { trigger: triggerHorizontal, stop: stopHorizontal } = watchTriggerable(
-      [wrapperWidth, width],
-      ([ww, w]) => {
-        if (w > 0)
-          set(showArrows, ww > w);
-      },
-      {
-        eventFilter: throttleFilter(50)
-      }
-    );
-    const { trigger: triggerVertical, stop: stopVertical } = watchTriggerable(
-      [wrapperHeight, height],
-      ([wh, h]) => {
-        if (h > 0)
-          set(showArrows, wh > h);
-      },
-      {
-        eventFilter: throttleFilter(500)
-      }
-    );
-    watchImmediate(
-      () => __props.vertical,
-      (vertical) => {
-        if (vertical) {
-          triggerVertical();
-          stopHorizontal();
-        } else {
-          triggerHorizontal();
-          stopVertical();
-        }
-      }
-    );
-    if (route) {
-      watch(route, () => {
-        applyNewValue(true);
-      });
-    }
-    watchImmediate(
-      () => get(modelValue),
-      (modelValue2) => {
-        set(internalModelValue, modelValue2);
-      }
-    );
-    watch(internalModelValue, () => {
-      keepActiveTabVisible();
-    });
-    onMounted(() => {
-      if (get(modelValue) !== void 0)
-        return;
-      applyNewValue();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.$style.tabs, { [_ctx.$style["tabs--vertical"] ?? ""]: __props.vertical }])
-      }, [
-        unref(showArrows) ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass([_ctx.$style.arrow, { [_ctx.$style["arrow--vertical"] ?? ""]: __props.vertical }])
-        }, [
-          createVNode(RuiButton, {
-            class: "w-full h-full !rounded-none",
-            variant: "text",
-            color: __props.color,
-            disabled: unref(prevArrowDisabled),
-            onClick: _cache[0] || (_cache[0] = ($event) => onPrevSliderClick())
-          }, {
-            default: withCtx(() => [
-              createVNode(RuiIcon, {
-                name: __props.vertical ? "lu-chevron-up" : "lu-chevron-left"
-              }, null, 8, ["name"])
-            ]),
-            _: 1
-          }, 8, ["color", "disabled"])
-        ], 2)) : createCommentVNode("", true),
-        createElementVNode("div", {
-          ref_key: "bar",
-          ref: bar,
-          class: normalizeClass(["no-scrollbar", [
-            _ctx.$style["tabs-bar"],
-            { [_ctx.$style["tabs-bar--vertical"] ?? ""]: __props.vertical },
-            { [_ctx.$style["tabs-bar--grow"] ?? ""]: __props.grow }
-          ]])
-        }, [
-          createElementVNode("div", {
-            ref_key: "wrapper",
-            ref: wrapper,
-            role: "tablist",
-            class: normalizeClass([
-              _ctx.$style["tabs-wrapper"],
-              { [_ctx.$style["tabs-wrapper--vertical"] ?? ""]: __props.vertical },
-              { [_ctx.$style["tabs-wrapper--grow"] ?? ""]: __props.grow }
-            ])
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, i) => {
-              return openBlock(), createBlock(resolveDynamicComponent(child), {
-                key: i,
-                onClick: _cache[1] || (_cache[1] = ($event) => updateModelValue($event))
-              });
-            }), 128))
-          ], 2)
-        ], 2),
-        unref(showArrows) ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass([_ctx.$style.arrow, { [_ctx.$style["arrow--vertical"] ?? ""]: __props.vertical }])
-        }, [
-          createVNode(RuiButton, {
-            class: "w-full h-full !rounded-none",
-            variant: "text",
-            color: __props.color,
-            disabled: unref(nextArrowDisabled),
-            onClick: _cache[2] || (_cache[2] = ($event) => onNextSliderClick())
-          }, {
-            default: withCtx(() => [
-              createVNode(RuiIcon, {
-                name: __props.vertical ? "lu-chevron-down" : "lu-chevron-right"
-              }, null, 8, ["name"])
-            ]),
-            _: 1
-          }, 8, ["color", "disabled"])
-        ], 2)) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiTabs.vue2.js.map

package/dist/components/tabs/tabs/RuiTabs.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiTabs.vue2.js","sources":["../../../../src/components/tabs/tabs/RuiTabs.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Props as TabProps } from '@/components/tabs/tab/RuiTab.vue';\nimport type { ContextColorsType } from '@/consts/colors';\nimport { throttleFilter } from '@vueuse/shared';\nimport { Fragment, getCurrentInstance, isVNode, type VNode } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n  color?: ContextColorsType;\n  vertical?: boolean;\n  disabled?: boolean;\n  grow?: boolean;\n  align?: 'start' | 'center' | 'end';\n  indicatorPosition?: 'start' | 'end';\n}\n\ndefineOptions({\n  name: 'RuiTabs',\n});\n\nconst modelValue = defineModel<number | string>();\n\nconst {\n  color,\n  vertical = false,\n  disabled = false,\n  grow = false,\n  align = 'center',\n  indicatorPosition = 'end',\n} = defineProps<Props>();\n\nconst internalModelValue = ref<string | number>();\nconst bar = useTemplateRef<HTMLDivElement>('bar');\nconst wrapper = useTemplateRef<HTMLDivElement>('wrapper');\nconst showArrows: Ref<boolean> = ref(false);\n\nconst slots = useSlots();\nconst hasRouter = !!getCurrentInstance()?.appContext.config.globalProperties.$router;\nconst route = hasRouter ? useRoute() : undefined;\nconst router = hasRouter ? useRouter() : undefined;\nconst { width, height } = useElementSize(bar);\nconst { width: wrapperWidth, height: wrapperHeight } = useElementSize(wrapper);\nconst { arrivedState, x, y } = useScroll(bar, { behavior: 'smooth' });\nconst { top, bottom, left, right } = toRefs(arrivedState);\n\nuseResizeObserver(bar, () => {\n  keepActiveTabVisible();\n});\n\nconst children = computed<(VNode & { props: Record<string, any> })[]>(() => {\n  const slotContent = slots.default?.() ?? [];\n\n  const tabs = getChildrenTabs(slotContent);\n\n  const currentModelValue = get(internalModelValue);\n  const inheritedProps = {\n    color,\n    grow,\n    disabled,\n    vertical,\n    align,\n    indicatorPosition,\n  };\n  return tabs.map((tab, index) => {\n    let tabValue = tab.props?.value ?? index;\n    if (tab.props?.link !== false && tab.props?.to)\n      tabValue = tab.props.to;\n\n    const active = currentModelValue === tabValue;\n    return {\n      ...tab,\n      props: {\n        value: tabValue,\n        active,\n        ...inheritedProps,\n        ...tab.props,\n      },\n    };\n  });\n});\n\nconst prevArrowDisabled = computed<boolean>(() => {\n  if (!vertical)\n    return get(left);\n\n  return get(top);\n});\n\nconst nextArrowDisabled = computed<boolean>(() => {\n  if (!vertical)\n    return get(right);\n\n  return get(bottom);\n});\n\n// When using dynamic content with v-for the slot content can contain fragment,\n// Go through the fragment and always return RuiTab only\nfunction getChildrenTabs(children: VNode[]): VNode[] {\n  return children\n    .flatMap((item) => {\n      if (item.type === Fragment && Array.isArray(item.children) && item.children.length > 0)\n        return getChildrenTabs(item.children.filter(isVNode));\n\n      return [item];\n    })\n    .flat();\n}\n\nfunction updateModelValue(newModelValue: string | number): void {\n  set(modelValue, newModelValue);\n  set(internalModelValue, newModelValue);\n}\n\nfunction isPathMatch(\n  path: string,\n  { exactPath, exact }: { exactPath?: boolean; exact?: boolean },\n): boolean {\n  if (!route)\n    return false;\n\n  const currentRoute = route.fullPath;\n\n  if (exactPath)\n    return currentRoute === path;\n\n  const routeWithoutQueryParams = new URL(path, window.location.origin).pathname;\n\n  if (exact)\n    return currentRoute === routeWithoutQueryParams;\n\n  return currentRoute.startsWith(routeWithoutQueryParams);\n}\n\nfunction keepActiveTabVisible(): void {\n  nextTick(() => {\n    if (!get(showArrows))\n      return;\n\n    const elem = get(wrapper);\n    const barElem = get(bar);\n    if (elem) {\n      const activeTab = (elem.querySelector('.active-tab') ??\n        elem.querySelector('.active-tab-link')) as HTMLElement;\n\n      if (!activeTab || !barElem)\n        return;\n\n      const childLeft = activeTab.offsetLeft - elem.offsetLeft;\n      const childTop = activeTab.offsetTop - elem.offsetTop;\n      const childWidth = activeTab.offsetWidth;\n      const childHeight = activeTab.offsetHeight;\n      const parentScrollLeft = barElem.scrollLeft;\n      const parentScrollTop = barElem.scrollTop;\n      const parentWidth = barElem.offsetWidth;\n      const parentHeight = barElem.offsetHeight;\n\n      const scrollLeft = Math.max(\n        Math.min(parentScrollLeft, childLeft),\n        childLeft + childWidth - parentWidth,\n      );\n\n      const scrollTop = Math.max(\n        Math.min(parentScrollTop, childTop),\n        childTop + childHeight - parentHeight,\n      );\n\n      barElem.scrollTo({\n        left: scrollLeft,\n        top: scrollTop,\n        behavior: 'smooth',\n      });\n    }\n  });\n}\n\nfunction applyNewValue(onlyLink = false): void {\n  const enabledChildren = get(children).filter(child => !child.props?.disabled);\n  if (enabledChildren.length > 0) {\n    let newModelValue: string | number = get(modelValue) || 0;\n    enabledChildren.forEach((child, index) => {\n      const props = child.props as TabProps;\n      if (!onlyLink && index === 0 && props.value)\n        newModelValue = props.value;\n\n      const to = props.to && router ? router.resolve(props.to) : undefined;\n\n      if (props.link !== false && to && isPathMatch(to.fullPath, props))\n        newModelValue = to.fullPath;\n    });\n    updateModelValue(newModelValue);\n  }\n  keepActiveTabVisible();\n}\n\nfunction onPrevSliderClick(): void {\n  if (!vertical)\n    set(x, get(x) - get(width));\n  else set(y, get(y) - get(height));\n}\n\nfunction onNextSliderClick(): void {\n  if (!vertical)\n    set(x, get(x) + get(width));\n  else set(y, get(y) + get(height));\n}\n\nconst { trigger: triggerHorizontal, stop: stopHorizontal } = watchTriggerable(\n  [wrapperWidth, width],\n  ([ww, w]) => {\n    if (w > 0)\n      set(showArrows, ww > w);\n  },\n  {\n    eventFilter: throttleFilter(50),\n  },\n);\n\nconst { trigger: triggerVertical, stop: stopVertical } = watchTriggerable(\n  [wrapperHeight, height],\n  ([wh, h]) => {\n    if (h > 0)\n      set(showArrows, wh > h);\n  },\n  {\n    eventFilter: throttleFilter(500),\n  },\n);\n\nwatchImmediate(\n  () => vertical,\n  (vertical) => {\n    if (vertical) {\n      triggerVertical();\n      stopHorizontal();\n    }\n    else {\n      triggerHorizontal();\n      stopVertical();\n    }\n  },\n);\n\nif (route) {\n  watch(route, () => {\n    applyNewValue(true);\n  });\n}\n\nwatchImmediate(\n  () => get(modelValue),\n  (modelValue) => {\n    set(internalModelValue, modelValue);\n  },\n);\n\nwatch(internalModelValue, () => {\n  keepActiveTabVisible();\n});\n\nonMounted(() => {\n  if (get(modelValue) !== undefined)\n    return;\n\n  applyNewValue();\n});\n</script>\n\n<template>\n  <div :class=\"[$style.tabs, { [$style['tabs--vertical'] ?? '']: vertical }]\">\n    <div\n      v-if=\"showArrows\"\n      :class=\"[$style.arrow, { [$style['arrow--vertical'] ?? '']: vertical }]\"\n    >\n      <RuiButton\n        class=\"w-full h-full !rounded-none\"\n        variant=\"text\"\n        :color=\"color\"\n        :disabled=\"prevArrowDisabled\"\n        @click=\"onPrevSliderClick()\"\n      >\n        <RuiIcon :name=\"vertical ? 'lu-chevron-up' : 'lu-chevron-left'\" />\n      </RuiButton>\n    </div>\n    <div\n      ref=\"bar\"\n      class=\"no-scrollbar\"\n      :class=\"[\n        $style['tabs-bar'],\n        { [$style['tabs-bar--vertical'] ?? '']: vertical },\n        { [$style['tabs-bar--grow'] ?? '']: grow },\n      ]\"\n    >\n      <div\n        ref=\"wrapper\"\n        role=\"tablist\"\n        :class=\"[\n          $style['tabs-wrapper'],\n          { [$style['tabs-wrapper--vertical'] ?? '']: vertical },\n          { [$style['tabs-wrapper--grow'] ?? '']: grow },\n        ]\"\n      >\n        <Component\n          :is=\"child\"\n          v-for=\"(child, i) in children\"\n          :key=\"i\"\n          @click=\"updateModelValue($event)\"\n        />\n      </div>\n    </div>\n    <div\n      v-if=\"showArrows\"\n      :class=\"[$style.arrow, { [$style['arrow--vertical'] ?? '']: vertical }]\"\n    >\n      <RuiButton\n        class=\"w-full h-full !rounded-none\"\n        variant=\"text\"\n        :color=\"color\"\n        :disabled=\"nextArrowDisabled\"\n        @click=\"onNextSliderClick()\"\n      >\n        <RuiIcon :name=\"vertical ? 'lu-chevron-down' : 'lu-chevron-right'\" />\n      </RuiButton>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.tabs {\n  @apply flex h-[2.625rem];\n\n  &--vertical {\n    @apply h-auto max-h-full flex-col;\n  }\n\n  &-bar {\n    @apply max-h-full overflow-auto;\n\n    &--vertical,\n    &--grow {\n      @apply w-full;\n    }\n  }\n\n  &-wrapper {\n    @apply h-full inline-flex max-w-none;\n\n    &--vertical {\n      @apply flex-col h-auto;\n    }\n\n    &--vertical,\n    &--grow {\n      @apply min-w-full;\n    }\n  }\n}\n\n.arrow {\n  @apply h-full w-10;\n\n  &--vertical {\n    @apply min-h-[2.625rem] w-full h-auto;\n  }\n}\n</style>\n"],"names":["_useModel","children","modelValue","_createElementBlock","$style","_unref","_createVNode","_createElementVNode","_normalizeClass","_openBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsBA,UAAM,aAAaA,8BAA6B;AAWhD,UAAM,qBAAqB,IAAA;AAC3B,UAAM,MAAM,eAA+B,KAAK;AAChD,UAAM,UAAU,eAA+B,SAAS;AACxD,UAAM,aAA2B,IAAI,KAAK;AAE1C,UAAM,QAAQ,SAAA;AACd,UAAM,YAAY,CAAC,CAAC,sBAAsB,WAAW,OAAO,iBAAiB;AAC7E,UAAM,QAAQ,YAAY,SAAA,IAAa;AACvC,UAAM,SAAS,YAAY,UAAA,IAAc;AACzC,UAAM,EAAE,OAAO,WAAW,eAAe,GAAG;AAC5C,UAAM,EAAE,OAAO,cAAc,QAAQ,cAAA,IAAkB,eAAe,OAAO;AAC7E,UAAM,EAAE,cAAc,GAAG,EAAA,IAAM,UAAU,KAAK,EAAE,UAAU,UAAU;AACpE,UAAM,EAAE,KAAK,QAAQ,MAAM,MAAA,IAAU,OAAO,YAAY;AAExD,sBAAkB,KAAK,MAAM;AAC3B,2BAAA;AAAA,IACF,CAAC;AAED,UAAM,WAAW,SAAqD,MAAM;AAC1E,YAAM,cAAc,MAAM,UAAA,KAAe,CAAA;AAEzC,YAAM,OAAO,gBAAgB,WAAW;AAExC,YAAM,oBAAoB,IAAI,kBAAkB;AAChD,YAAM,iBAAiB;AAAA,QACrB,OAAI,QAAA;AAAA,QACJ,MAAG,QAAA;AAAA,QACH,UAAO,QAAA;AAAA,QACP,UAAO,QAAA;AAAA,QACP,OAAI,QAAA;AAAA,QACJ,mBAAgB,QAAA;AAAA,MAAA;AAElB,aAAO,KAAK,IAAI,CAAC,KAAK,UAAU;AAC9B,YAAI,WAAW,IAAI,OAAO,SAAS;AACnC,YAAI,IAAI,OAAO,SAAS,SAAS,IAAI,OAAO;AAC1C,qBAAW,IAAI,MAAM;AAEvB,cAAM,SAAS,sBAAsB;AACrC,eAAO;AAAA,UACL,GAAG;AAAA,UACH,OAAO;AAAA,YACL,OAAO;AAAA,YACP;AAAA,YACA,GAAG;AAAA,YACH,GAAG,IAAI;AAAA,UAAA;AAAA,QACT;AAAA,MAEJ,CAAC;AAAA,IACH,CAAC;AAED,UAAM,oBAAoB,SAAkB,MAAM;AAChD,UAAI,CAAC,QAAA;AACH,eAAO,IAAI,IAAI;AAEjB,aAAO,IAAI,GAAG;AAAA,IAChB,CAAC;AAED,UAAM,oBAAoB,SAAkB,MAAM;AAChD,UAAI,CAAC,QAAA;AACH,eAAO,IAAI,KAAK;AAElB,aAAO,IAAI,MAAM;AAAA,IACnB,CAAC;AAID,aAAS,gBAAgBC,WAA4B;AACnD,aAAOA,UACJ,QAAQ,CAAC,SAAS;AACjB,YAAI,KAAK,SAAS,YAAY,MAAM,QAAQ,KAAK,QAAQ,KAAK,KAAK,SAAS,SAAS;AACnF,iBAAO,gBAAgB,KAAK,SAAS,OAAO,OAAO,CAAC;AAEtD,eAAO,CAAC,IAAI;AAAA,MACd,CAAC,EACA,KAAA;AAAA,IACL;AAEA,aAAS,iBAAiB,eAAsC;AAC9D,UAAI,YAAY,aAAa;AAC7B,UAAI,oBAAoB,aAAa;AAAA,IACvC;AAEA,aAAS,YACP,MACA,EAAE,WAAW,SACJ;AACT,UAAI,CAAC;AACH,eAAO;AAET,YAAM,eAAe,MAAM;AAE3B,UAAI;AACF,eAAO,iBAAiB;AAE1B,YAAM,0BAA0B,IAAI,IAAI,MAAM,OAAO,SAAS,MAAM,EAAE;AAEtE,UAAI;AACF,eAAO,iBAAiB;AAE1B,aAAO,aAAa,WAAW,uBAAuB;AAAA,IACxD;AAEA,aAAS,uBAA6B;AACpC,eAAS,MAAM;AACb,YAAI,CAAC,IAAI,UAAU;AACjB;AAEF,cAAM,OAAO,IAAI,OAAO;AACxB,cAAM,UAAU,IAAI,GAAG;AACvB,YAAI,MAAM;AACR,gBAAM,YAAa,KAAK,cAAc,aAAa,KACjD,KAAK,cAAc,kBAAkB;AAEvC,cAAI,CAAC,aAAa,CAAC;AACjB;AAEF,gBAAM,YAAY,UAAU,aAAa,KAAK;AAC9C,gBAAM,WAAW,UAAU,YAAY,KAAK;AAC5C,gBAAM,aAAa,UAAU;AAC7B,gBAAM,cAAc,UAAU;AAC9B,gBAAM,mBAAmB,QAAQ;AACjC,gBAAM,kBAAkB,QAAQ;AAChC,gBAAM,cAAc,QAAQ;AAC5B,gBAAM,eAAe,QAAQ;AAE7B,gBAAM,aAAa,KAAK;AAAA,YACtB,KAAK,IAAI,kBAAkB,SAAS;AAAA,YACpC,YAAY,aAAa;AAAA,UAAA;AAG3B,gBAAM,YAAY,KAAK;AAAA,YACrB,KAAK,IAAI,iBAAiB,QAAQ;AAAA,YAClC,WAAW,cAAc;AAAA,UAAA;AAG3B,kBAAQ,SAAS;AAAA,YACf,MAAM;AAAA,YACN,KAAK;AAAA,YACL,UAAU;AAAA,UAAA,CACX;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH;AAEA,aAAS,cAAc,WAAW,OAAa;AAC7C,YAAM,kBAAkB,IAAI,QAAQ,EAAE,OAAO,CAAA,UAAS,CAAC,MAAM,OAAO,QAAQ;AAC5E,UAAI,gBAAgB,SAAS,GAAG;AAC9B,YAAI,gBAAiC,IAAI,UAAU,KAAK;AACxD,wBAAgB,QAAQ,CAAC,OAAO,UAAU;AACxC,gBAAM,QAAQ,MAAM;AACpB,cAAI,CAAC,YAAY,UAAU,KAAK,MAAM;AACpC,4BAAgB,MAAM;AAExB,gBAAM,KAAK,MAAM,MAAM,SAAS,OAAO,QAAQ,MAAM,EAAE,IAAI;AAE3D,cAAI,MAAM,SAAS,SAAS,MAAM,YAAY,GAAG,UAAU,KAAK;AAC9D,4BAAgB,GAAG;AAAA,QACvB,CAAC;AACD,yBAAiB,aAAa;AAAA,MAChC;AACA,2BAAA;AAAA,IACF;AAEA,aAAS,oBAA0B;AACjC,UAAI,CAAC,QAAA;AACH,YAAI,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC;AAAA,eACnB,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC;AAAA,IAClC;AAEA,aAAS,oBAA0B;AACjC,UAAI,CAAC,QAAA;AACH,YAAI,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC;AAAA,eACnB,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC;AAAA,IAClC;AAEA,UAAM,EAAE,SAAS,mBAAmB,MAAM,mBAAmB;AAAA,MAC3D,CAAC,cAAc,KAAK;AAAA,MACpB,CAAC,CAAC,IAAI,CAAC,MAAM;AACX,YAAI,IAAI;AACN,cAAI,YAAY,KAAK,CAAC;AAAA,MAC1B;AAAA,MACA;AAAA,QACE,aAAa,eAAe,EAAE;AAAA,MAAA;AAAA,IAChC;AAGF,UAAM,EAAE,SAAS,iBAAiB,MAAM,iBAAiB;AAAA,MACvD,CAAC,eAAe,MAAM;AAAA,MACtB,CAAC,CAAC,IAAI,CAAC,MAAM;AACX,YAAI,IAAI;AACN,cAAI,YAAY,KAAK,CAAC;AAAA,MAC1B;AAAA,MACA;AAAA,QACE,aAAa,eAAe,GAAG;AAAA,MAAA;AAAA,IACjC;AAGF;AAAA,MACE,MAAM,QAAA;AAAA,MACN,CAAC,aAAa;AACZ,YAAI,UAAU;AACZ,0BAAA;AACA,yBAAA;AAAA,QACF,OACK;AACH,4BAAA;AACA,uBAAA;AAAA,QACF;AAAA,MACF;AAAA,IAAA;AAGF,QAAI,OAAO;AACT,YAAM,OAAO,MAAM;AACjB,sBAAc,IAAI;AAAA,MACpB,CAAC;AAAA,IACH;AAEA;AAAA,MACE,MAAM,IAAI,UAAU;AAAA,MACpB,CAACC,gBAAe;AACd,YAAI,oBAAoBA,WAAU;AAAA,MACpC;AAAA,IAAA;AAGF,UAAM,oBAAoB,MAAM;AAC9B,2BAAA;AAAA,IACF,CAAC;AAED,cAAU,MAAM;AACd,UAAI,IAAI,UAAU,MAAM;AACtB;AAEF,oBAAA;AAAA,IACF,CAAC;;0BAICC,mBAuDM,OAAA;AAAA,QAvDA,uBAAQC,KAAAA,OAAO,MAAI,EAAA,CAAKA,KAAAA,iCAAiC,QAAA,SAAA,CAAQ,CAAA;AAAA,MAAA;QAE7DC,MAAA,UAAA,kBADRF,mBAaM,OAAA;AAAA;UAXH,uBAAQC,KAAAA,OAAO,OAAK,EAAA,CAAKA,KAAAA,kCAAkC,QAAA,SAAA,CAAQ,CAAA;AAAA,QAAA;UAEpEE,YAQY,WAAA;AAAA,YAPV,OAAM;AAAA,YACN,SAAQ;AAAA,YACP,OAAO,QAAA;AAAA,YACP,UAAUD,MAAA,iBAAA;AAAA,YACV,+CAAO,kBAAA;AAAA,UAAiB;6BAEzB,MAAkE;AAAA,cAAlEC,YAAkE,SAAA;AAAA,gBAAxD,MAAM,QAAA,WAAQ,kBAAA;AAAA,cAAA;;;;;QAG5BC,mBAyBM,OAAA;AAAA,mBAxBA;AAAA,UAAJ,KAAI;AAAA,UACJ,uBAAM,gBAAc;AAAA,YACFH,KAAAA,OAAM,UAAA;AAAA,YAAyBA,EAAAA,CAAAA,KAAAA,qCAAqC,QAAA,SAAA;AAAA,YAAuBA,EAAAA,CAAAA,KAAAA,iCAAiC,QAAA,KAAA;AAAA,UAAI;;UAMlJG,mBAeM,OAAA;AAAA,qBAdA;AAAA,YAAJ,KAAI;AAAA,YACJ,MAAK;AAAA,YACJ,OAAKC,eAAA;AAAA,cAAcJ,KAAAA,OAAM,cAAA;AAAA,cAA+BA,EAAAA,CAAAA,KAAAA,yCAAyC,QAAA,SAAA;AAAA,cAAyBA,EAAAA,CAAAA,KAAAA,qCAAqC,QAAA,KAAA;AAAA,YAAI;;aAMpKK,UAAA,IAAA,GAAAN,mBAKEO,UAAA,MAAAC,WAHqBN,MAAA,QAAA,GAAQ,CAArB,OAAO,MAAC;AAFlB,qBAAAI,UAAA,GAAAG,YAKEC,wBAJK,KAAK,GAAA;AAAA,gBAET,KAAK;AAAA,gBACL,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,iBAAiB,MAAM;AAAA,cAAA;;;;QAK7BR,MAAA,UAAA,kBADRF,mBAaM,OAAA;AAAA;UAXH,uBAAQC,KAAAA,OAAO,OAAK,EAAA,CAAKA,KAAAA,kCAAkC,QAAA,SAAA,CAAQ,CAAA;AAAA,QAAA;UAEpEE,YAQY,WAAA;AAAA,YAPV,OAAM;AAAA,YACN,SAAQ;AAAA,YACP,OAAO,QAAA;AAAA,YACP,UAAUD,MAAA,iBAAA;AAAA,YACV,+CAAO,kBAAA;AAAA,UAAiB;6BAEzB,MAAqE;AAAA,cAArEC,YAAqE,SAAA;AAAA,gBAA3D,MAAM,QAAA,WAAQ,oBAAA;AAAA,cAAA;;;;;;;;;"}

package/dist/components/tabs/tabs/RuiTabs.vue3.js

@@ -1,20 +0,0 @@
-const tabs = "_tabs_1a7up_1";
-const arrow = "_arrow_1a7up_23";
-const style0 = {
-  tabs,
-  "tabs--vertical": "_tabs--vertical_1a7up_4",
-  "tabs-bar": "_tabs-bar_1a7up_7",
-  "tabs-bar--vertical": "_tabs-bar--vertical_1a7up_10",
-  "tabs-bar--grow": "_tabs-bar--grow_1a7up_10",
-  "tabs-wrapper": "_tabs-wrapper_1a7up_13",
-  "tabs-wrapper--vertical": "_tabs-wrapper--vertical_1a7up_16",
-  "tabs-wrapper--grow": "_tabs-wrapper--grow_1a7up_19",
-  arrow,
-  "arrow--vertical": "_arrow--vertical_1a7up_26"
-};
-export {
-  arrow,
-  style0 as default,
-  tabs
-};
-//# sourceMappingURL=RuiTabs.vue3.js.map

package/dist/components/tabs/tabs/RuiTabs.vue3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiTabs.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/components/time-picker/RuiTimePicker.vue.js

@@ -1,11 +0,0 @@
-import _sfc_main from "./RuiTimePicker.vue2.js";
-import style0 from "./RuiTimePicker.vue3.js";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const cssModules = {
-  "$style": style0
-};
-const RuiTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  RuiTimePicker as default
-};
-//# sourceMappingURL=RuiTimePicker.vue.js.map

package/dist/components/time-picker/RuiTimePicker.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiTimePicker.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}