@rotki/ui-library 2.8.1 → 2.8.2

package/dist/components/tables/RuiTableHead.vue3.js.map

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

package/dist/components/tables/RuiTablePagination.vue.js

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

package/dist/components/tables/RuiTablePagination.vue.js.map

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

package/dist/components/tables/RuiTablePagination.vue2.js

@@ -0,0 +1,196 @@
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, unref, isRef, createBlock, createCommentVNode, toDisplayString, withCtx } from "vue";
+import RuiButton from "../buttons/button/RuiButton.vue.js";
+import RuiMenuSelect from "../forms/select/RuiMenuSelect.vue.js";
+import RuiIcon from "../icons/RuiIcon.vue.js";
+import { useTable } from "../../composables/defaults/table.js";
+import { get } from "@vueuse/shared";
+import { formatInteger } from "../../utils/helpers.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RuiTablePagination",
+  props: {
+    modelValue: {},
+    dense: { type: Boolean, default: false },
+    disablePerPage: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { modelValue } = toRefs(props);
+    const tableDefaults = useTable();
+    const limits = computed(() => (get(modelValue).limits ?? get(tableDefaults.limits)).map((limit) => ({ limit })));
+    const currentLimit = computed({
+      get: () => get(modelValue).limit,
+      set: (limit) => emit("update:model-value", {
+        ...get(modelValue),
+        limit: Number(limit),
+        page: 1
+      })
+    });
+    const pages = computed(() => {
+      const { limit, total } = get(modelValue);
+      if (!total)
+        return 0;
+      return Math.ceil(total / limit);
+    });
+    const ranges = computed(() => {
+      const segments = [];
+      for (let page = 1; page <= get(pages); page++)
+        segments.push({ page, text: pageRangeText(page) });
+      return segments;
+    });
+    const indicatorText = computed(() => {
+      const { total } = get(modelValue);
+      return `${!total ? "0 " : ""}of ${formatInteger(total)}`;
+    });
+    const currentRange = computed({
+      get: () => get(modelValue).page,
+      set: (page) => emit("update:model-value", {
+        ...get(modelValue),
+        page
+      })
+    });
+    const hasPrev = computed(() => get(modelValue).page > 1);
+    const hasNext = computed(() => get(pages) > get(modelValue).page);
+    function goToPage(page) {
+      emit("update:model-value", {
+        ...get(modelValue),
+        page
+      });
+    }
+    function pageRangeText(page) {
+      const { limit, total } = get(modelValue);
+      return `${formatInteger((page - 1) * limit + 1)} - ${formatInteger(
+        Math.min(page * limit, total)
+      )}`;
+    }
+    function onNavigate(delta) {
+      goToPage(get(modelValue).page + delta);
+    }
+    function onPrev() {
+      if (!get(hasPrev))
+        return;
+      onNavigate(-1);
+    }
+    function onNext() {
+      if (!get(hasNext))
+        return;
+      onNavigate(1);
+    }
+    function onFirst() {
+      if (!get(hasPrev))
+        return;
+      goToPage(1);
+    }
+    function onLast() {
+      if (!get(hasNext))
+        return;
+      goToPage(get(pages));
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style["wrapper-dense"] ?? ""]: __props.dense }])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.limit)
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass(_ctx.$style.limit__text)
+          }, "Rows per page:", 2),
+          createVNode(RuiMenuSelect, {
+            modelValue: unref(currentLimit),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(currentLimit) ? currentLimit.value = $event : null),
+            options: unref(limits),
+            disabled: __props.loading || __props.disablePerPage,
+            "label-class": "!text-xs !min-h-8",
+            name: "limit",
+            "key-attr": "limit",
+            "text-attr": "limit",
+            "hide-details": "",
+            dense: ""
+          }, null, 8, ["modelValue", "options", "disabled"])
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.ranges)
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass(_ctx.$style.ranges__text)
+          }, "Items #", 2),
+          unref(ranges).length > 0 ? (openBlock(), createBlock(RuiMenuSelect, {
+            key: 0,
+            modelValue: unref(currentRange),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(currentRange) ? currentRange.value = $event : null),
+            options: unref(ranges),
+            disabled: __props.loading,
+            "label-class": "!text-xs !min-h-8",
+            name: "ranges",
+            "key-attr": "page",
+            "text-attr": "text",
+            "hide-details": "",
+            dense: ""
+          }, null, 8, ["modelValue", "options", "disabled"])) : createCommentVNode("", true),
+          createElementVNode("span", {
+            class: normalizeClass(_ctx.$style.indicator)
+          }, toDisplayString(unref(indicatorText)), 3)
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.navigation)
+        }, [
+          createVNode(RuiButton, {
+            size: __props.dense ? "sm" : void 0,
+            disabled: !unref(hasPrev) || __props.loading,
+            variant: "text",
+            icon: "",
+            onClick: _cache[2] || (_cache[2] = ($event) => onFirst())
+          }, {
+            default: withCtx(() => [
+              createVNode(RuiIcon, { name: "lu-chevrons-left" })
+            ]),
+            _: 1
+          }, 8, ["size", "disabled"]),
+          createVNode(RuiButton, {
+            size: __props.dense ? "sm" : void 0,
+            disabled: !unref(hasPrev) || __props.loading,
+            variant: "text",
+            icon: "",
+            onClick: _cache[3] || (_cache[3] = ($event) => onPrev())
+          }, {
+            default: withCtx(() => [
+              createVNode(RuiIcon, { name: "lu-chevron-left" })
+            ]),
+            _: 1
+          }, 8, ["size", "disabled"]),
+          createVNode(RuiButton, {
+            size: __props.dense ? "sm" : void 0,
+            disabled: !unref(hasNext) || __props.loading,
+            variant: "text",
+            icon: "",
+            onClick: _cache[4] || (_cache[4] = ($event) => onNext())
+          }, {
+            default: withCtx(() => [
+              createVNode(RuiIcon, { name: "lu-chevron-right" })
+            ]),
+            _: 1
+          }, 8, ["size", "disabled"]),
+          createVNode(RuiButton, {
+            size: __props.dense ? "sm" : void 0,
+            disabled: !unref(hasNext) || __props.loading,
+            variant: "text",
+            icon: "",
+            onClick: _cache[5] || (_cache[5] = ($event) => onLast())
+          }, {
+            default: withCtx(() => [
+              createVNode(RuiIcon, { name: "lu-chevrons-right" })
+            ]),
+            _: 1
+          }, 8, ["size", "disabled"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiTablePagination.vue2.js.map

package/dist/components/tables/RuiTablePagination.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiTablePagination.vue2.js","sources":["../../../src/components/tables/RuiTablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiMenuSelect from '@/components/forms/select/RuiMenuSelect.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface TablePaginationData {\n  page: number;\n  total: number;\n  limit: number;\n  limits?: number[];\n}\n\nexport interface Props {\n  modelValue: TablePaginationData;\n  dense?: boolean;\n  disablePerPage?: boolean;\n  loading?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  dense: false,\n  loading: false,\n  disablePerPage: false,\n});\n\nconst emit = defineEmits<{\n  (e: 'update:model-value', value: TablePaginationData): void;\n}>();\n\nconst { modelValue } = toRefs(props);\n\nconst tableDefaults = useTable();\n\nconst limits = computed(() => (get(modelValue).limits ?? get(tableDefaults.limits)).map(limit => ({ limit })));\n\nconst currentLimit = computed({\n  get: () => get(modelValue).limit,\n  set: limit =>\n    emit('update:model-value', {\n      ...get(modelValue),\n      limit: Number(limit),\n      page: 1,\n    }),\n});\n\nconst pages = computed(() => {\n  const { limit, total } = get(modelValue);\n  if (!total)\n    return 0;\n\n  return Math.ceil(total / limit);\n});\n\nconst ranges = computed(() => {\n  const segments = [];\n\n  for (let page = 1; page <= get(pages); page++)\n    segments.push({ page, text: pageRangeText(page) });\n\n  return segments;\n});\n\nconst indicatorText = computed(() => {\n  const { total } = get(modelValue);\n  return `${!total ? '0 ' : ''}of ${formatInteger(total)}`;\n});\n\nconst currentRange = computed({\n  get: () => get(modelValue).page,\n  set: page =>\n    emit('update:model-value', {\n      ...get(modelValue),\n      page,\n    }),\n});\n\nconst hasPrev = computed(() => get(modelValue).page > 1);\nconst hasNext = computed(() => get(pages) > get(modelValue).page);\n\nfunction goToPage(page: number) {\n  emit('update:model-value', {\n    ...get(modelValue),\n    page,\n  });\n}\n\nfunction pageRangeText(page: number) {\n  const { limit, total } = get(modelValue);\n  return `${formatInteger((page - 1) * limit + 1)} - ${formatInteger(\n    Math.min(page * limit, total),\n  )}`;\n}\n\nfunction onNavigate(delta: number) {\n  goToPage(get(modelValue).page + delta);\n}\n\nfunction onPrev() {\n  if (!get(hasPrev))\n    return;\n\n  onNavigate(-1);\n}\n\nfunction onNext() {\n  if (!get(hasNext))\n    return;\n\n  onNavigate(1);\n}\n\nfunction onFirst() {\n  if (!get(hasPrev))\n    return;\n\n  goToPage(1);\n}\n\nfunction onLast() {\n  if (!get(hasNext))\n    return;\n\n  goToPage(get(pages));\n}\n</script>\n\n<template>\n  <div :class=\"[$style.wrapper, { [$style['wrapper-dense'] ?? '']: dense }]\">\n    <div :class=\"$style.limit\">\n      <span :class=\"$style.limit__text\">Rows per page:</span>\n      <RuiMenuSelect\n        v-model=\"currentLimit\"\n        :options=\"limits\"\n        :disabled=\"loading || disablePerPage\"\n        label-class=\"!text-xs !min-h-8\"\n        name=\"limit\"\n        key-attr=\"limit\"\n        text-attr=\"limit\"\n        hide-details\n        dense\n      />\n    </div>\n    <div :class=\"$style.ranges\">\n      <span :class=\"$style.ranges__text\">Items #</span>\n      <RuiMenuSelect\n        v-if=\"ranges.length > 0\"\n        v-model=\"currentRange\"\n        :options=\"ranges\"\n        :disabled=\"loading\"\n        label-class=\"!text-xs !min-h-8\"\n        name=\"ranges\"\n        key-attr=\"page\"\n        text-attr=\"text\"\n        hide-details\n        dense\n      />\n      <span :class=\"$style.indicator\">\n        {{ indicatorText }}\n      </span>\n    </div>\n    <div :class=\"$style.navigation\">\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasPrev || loading\"\n        variant=\"text\"\n        icon\n        @click=\"onFirst()\"\n      >\n        <RuiIcon name=\"lu-chevrons-left\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasPrev || loading\"\n        variant=\"text\"\n        icon\n        @click=\"onPrev()\"\n      >\n        <RuiIcon name=\"lu-chevron-left\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasNext || loading\"\n        variant=\"text\"\n        icon\n        @click=\"onNext()\"\n      >\n        <RuiIcon name=\"lu-chevron-right\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasNext || loading\"\n        variant=\"text\"\n        icon\n        @click=\"onLast()\"\n      >\n        <RuiIcon name=\"lu-chevrons-right\" />\n      </RuiButton>\n    </div>\n  </div>\n</template>\n\n<style module lang=\"scss\">\n.wrapper {\n  @apply relative flex flex-wrap items-center justify-end gap-x-4 gap-y-0;\n\n  .limit {\n    @apply flex items-center space-x-2 text-caption;\n\n    &__text {\n      @apply text-rui-text-secondary whitespace-nowrap py-3;\n    }\n  }\n\n  .ranges {\n    @apply flex items-center space-x-2 text-caption pr-2;\n\n    &__text {\n      @apply text-rui-text-secondary whitespace-nowrap py-3;\n    }\n  }\n\n  .indicator {\n    @apply text-rui-text text-caption whitespace-nowrap;\n  }\n\n  .navigation {\n    @apply flex items-center;\n  }\n\n  &-dense {\n    @apply gap-x-2;\n  }\n}\n</style>\n"],"names":["_createElementBlock","$style","_createElementVNode","_normalizeClass","_createVNode","_unref","_createBlock"],"mappings":"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"}

package/dist/components/tables/RuiTablePagination.vue3.js

@@ -0,0 +1,28 @@
+const wrapper = "_wrapper_2jql5_1";
+const limit = "_limit_2jql5_4";
+const limit__text = "_limit__text_2jql5_7";
+const ranges = "_ranges_2jql5_10";
+const ranges__text = "_ranges__text_2jql5_13";
+const indicator = "_indicator_2jql5_16";
+const navigation = "_navigation_2jql5_19";
+const style0 = {
+  wrapper,
+  limit,
+  limit__text,
+  ranges,
+  ranges__text,
+  indicator,
+  navigation,
+  "wrapper-dense": "_wrapper-dense_2jql5_22"
+};
+export {
+  style0 as default,
+  indicator,
+  limit,
+  limit__text,
+  navigation,
+  ranges,
+  ranges__text,
+  wrapper
+};
+//# sourceMappingURL=RuiTablePagination.vue3.js.map

package/dist/components/tables/RuiTablePagination.vue3.js.map

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

package/dist/components/tables/table_no_data_placeholder.svg.js

@@ -0,0 +1,5 @@
+const noDataPlaceholder = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='152'%20height='124'%20fill='none'%3e%3ccircle%20cx='76'%20cy='58'%20r='52'%20fill='%23eaeaeb'/%3e%3cg%20fill='%23f2f2f3'%3e%3ccircle%20cx='21'%20cy='25'%20r='5'/%3e%3ccircle%20cx='18'%20cy='109'%20r='7'/%3e%3ccircle%20cx='145'%20cy='41'%20r='7'/%3e%3ccircle%20cx='134'%20cy='14'%20r='4'/%3e%3c/g%3e%3cg%20filter='url(%23B)'%3e%3cpath%20d='M76%2036.063l4.536-1.9-4.535%201.932V90.19l41.795-17.514V18.557l.204-.085-.204-.09v-.091l-.104.045L76.33%200%2034%2018.031l.2.086-.2%2053.899%2042%2018.141V36.063z'%20fill='%23fafafa'/%3e%3cpath%20d='M76%2036.063v54.095L34%2072.017l.2-53.899L76%2036.063z'%20fill='url(%23C)'/%3e%3cpath%20d='M76.001%2036.095V90.19l41.796-17.514V18.29L76.001%2036.095z'%20fill='url(%23D)'/%3e%3cpath%20d='M76%2036.063l42-17.592L76.33%200%2034%2018.031l42%2018.031z'%20fill='%23f2f2f3'/%3e%3cpath%20d='M49.832%2011.287l41.84%2018.211.38%2013.271%2011.706-4.83-.354-13.355L60.327%206.817l-10.495%204.47z'%20fill='%23eaeaeb'/%3e%3c/g%3e%3cmask%20id='A'%20maskUnits='userSpaceOnUse'%20x='52'%20y='68'%20width='48'%20height='48'%20mask-type='alpha'%3e%3cpath%20transform='translate(52%2068)'%20fill='url(%23E)'%20d='M0%200h48v48H0z'/%3e%3c/mask%3e%3cg%20mask='url(%23A)'%3e%3ccircle%20cx='76'%20cy='92'%20r='23.5'%20fill='%23fafafa'%20stroke='%23eaeaeb'/%3e%3c/g%3e%3crect%20x='60'%20y='76'%20width='32'%20height='32'%20rx='16'%20fill='%23000'%20fill-opacity='.3'/%3e%3cg%20clip-path='url(%23F)'%3e%3cpath%20d='M76%2088.667V92m0%203.333h.008M84.334%2092c0%204.602-3.731%208.333-8.333%208.333s-8.333-3.73-8.333-8.333%203.731-8.333%208.333-8.333%208.333%203.731%208.333%208.333z'%20stroke='%23fff'%20stroke-width='1.67'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='B'%20x='14'%20y='0'%20width='124'%20height='130.19'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='A'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='B'/%3e%3cfeMorphology%20radius='4'%20in='SourceAlpha'%20result='C'/%3e%3cfeOffset%20dy='8'/%3e%3cfeGaussianBlur%20stdDeviation='4'/%3e%3cfeComposite%20in2='B'%20operator='out'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.0627451%200%200%200%200%200.0941176%200%200%200%200%200.156863%200%200%200%200.03%200'/%3e%3cfeBlend%20in2='A'%20result='C'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='B'/%3e%3cfeMorphology%20radius='4'%20in='SourceAlpha'/%3e%3cfeOffset%20dy='20'/%3e%3cfeGaussianBlur%20stdDeviation='12'/%3e%3cfeComposite%20in2='B'%20operator='out'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.0627451%200%200%200%200%200.0941176%200%200%200%200%200.156863%200%200%200%200.08%200'/%3e%3cfeBlend%20in2='C'/%3e%3cfeBlend%20in='SourceGraphic'/%3e%3c/filter%3e%3clinearGradient%20id='C'%20x1='34'%20y1='72.289'%20x2='50.587'%20y2='27.367'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23dee1e8'/%3e%3cstop%20offset='1'%20stop-color='%23eff1f5'/%3e%3c/linearGradient%3e%3clinearGradient%20id='D'%20x1='76'%20y1='37.154'%20x2='123.359'%20y2='46.583'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23e4e7ec'/%3e%3cstop%20offset='1'%20stop-color='%23f2f4f7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='E'%20x1='24'%20y1='0'%20x2='24'%20y2='48'%20gradientUnits='userSpaceOnUse'%3e%3cstop/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='F'%3e%3cpath%20fill='%23fff'%20transform='translate(66%2082)'%20d='M0%200h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  noDataPlaceholder as default
+};
+//# sourceMappingURL=table_no_data_placeholder.svg.js.map

package/dist/components/tables/table_no_data_placeholder.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_no_data_placeholder.svg.js","sources":["../../../src/components/tables/table_no_data_placeholder.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='152'%20height='124'%20fill='none'%3e%3ccircle%20cx='76'%20cy='58'%20r='52'%20fill='%23eaeaeb'/%3e%3cg%20fill='%23f2f2f3'%3e%3ccircle%20cx='21'%20cy='25'%20r='5'/%3e%3ccircle%20cx='18'%20cy='109'%20r='7'/%3e%3ccircle%20cx='145'%20cy='41'%20r='7'/%3e%3ccircle%20cx='134'%20cy='14'%20r='4'/%3e%3c/g%3e%3cg%20filter='url(%23B)'%3e%3cpath%20d='M76%2036.063l4.536-1.9-4.535%201.932V90.19l41.795-17.514V18.557l.204-.085-.204-.09v-.091l-.104.045L76.33%200%2034%2018.031l.2.086-.2%2053.899%2042%2018.141V36.063z'%20fill='%23fafafa'/%3e%3cpath%20d='M76%2036.063v54.095L34%2072.017l.2-53.899L76%2036.063z'%20fill='url(%23C)'/%3e%3cpath%20d='M76.001%2036.095V90.19l41.796-17.514V18.29L76.001%2036.095z'%20fill='url(%23D)'/%3e%3cpath%20d='M76%2036.063l42-17.592L76.33%200%2034%2018.031l42%2018.031z'%20fill='%23f2f2f3'/%3e%3cpath%20d='M49.832%2011.287l41.84%2018.211.38%2013.271%2011.706-4.83-.354-13.355L60.327%206.817l-10.495%204.47z'%20fill='%23eaeaeb'/%3e%3c/g%3e%3cmask%20id='A'%20maskUnits='userSpaceOnUse'%20x='52'%20y='68'%20width='48'%20height='48'%20mask-type='alpha'%3e%3cpath%20transform='translate(52%2068)'%20fill='url(%23E)'%20d='M0%200h48v48H0z'/%3e%3c/mask%3e%3cg%20mask='url(%23A)'%3e%3ccircle%20cx='76'%20cy='92'%20r='23.5'%20fill='%23fafafa'%20stroke='%23eaeaeb'/%3e%3c/g%3e%3crect%20x='60'%20y='76'%20width='32'%20height='32'%20rx='16'%20fill='%23000'%20fill-opacity='.3'/%3e%3cg%20clip-path='url(%23F)'%3e%3cpath%20d='M76%2088.667V92m0%203.333h.008M84.334%2092c0%204.602-3.731%208.333-8.333%208.333s-8.333-3.73-8.333-8.333%203.731-8.333%208.333-8.333%208.333%203.731%208.333%208.333z'%20stroke='%23fff'%20stroke-width='1.67'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='B'%20x='14'%20y='0'%20width='124'%20height='130.19'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='A'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='B'/%3e%3cfeMorphology%20radius='4'%20in='SourceAlpha'%20result='C'/%3e%3cfeOffset%20dy='8'/%3e%3cfeGaussianBlur%20stdDeviation='4'/%3e%3cfeComposite%20in2='B'%20operator='out'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.0627451%200%200%200%200%200.0941176%200%200%200%200%200.156863%200%200%200%200.03%200'/%3e%3cfeBlend%20in2='A'%20result='C'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='B'/%3e%3cfeMorphology%20radius='4'%20in='SourceAlpha'/%3e%3cfeOffset%20dy='20'/%3e%3cfeGaussianBlur%20stdDeviation='12'/%3e%3cfeComposite%20in2='B'%20operator='out'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.0627451%200%200%200%200%200.0941176%200%200%200%200%200.156863%200%200%200%200.08%200'/%3e%3cfeBlend%20in2='C'/%3e%3cfeBlend%20in='SourceGraphic'/%3e%3c/filter%3e%3clinearGradient%20id='C'%20x1='34'%20y1='72.289'%20x2='50.587'%20y2='27.367'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23dee1e8'/%3e%3cstop%20offset='1'%20stop-color='%23eff1f5'/%3e%3c/linearGradient%3e%3clinearGradient%20id='D'%20x1='76'%20y1='37.154'%20x2='123.359'%20y2='46.583'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23e4e7ec'/%3e%3cstop%20offset='1'%20stop-color='%23f2f4f7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='E'%20x1='24'%20y1='0'%20x2='24'%20y2='48'%20gradientUnits='userSpaceOnUse'%3e%3cstop/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='F'%3e%3cpath%20fill='%23fff'%20transform='translate(66%2082)'%20d='M0%200h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAA,oBAAe;"}

package/dist/components/tables/table_no_data_placeholder_dark.svg.js

@@ -0,0 +1,5 @@
+const noDataPlaceholderDark = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='152'%20height='124'%20fill='none'%3e%3ccircle%20cx='76'%20cy='58'%20r='52'%20fill='%23333741'/%3e%3cg%20fill='%231f242f'%3e%3ccircle%20cx='21'%20cy='25'%20r='5'/%3e%3ccircle%20cx='18'%20cy='109'%20r='7'/%3e%3ccircle%20cx='145'%20cy='41'%20r='7'/%3e%3ccircle%20cx='134'%20cy='14'%20r='4'/%3e%3c/g%3e%3cpath%20d='M76%2036.063l4.536-1.9-4.535%201.932V90.19l41.795-17.514V18.557l.204-.085-.204-.09v-.091l-.104.045L76.33%200%2034%2018.031l.2.086-.2%2053.899%2042%2018.141V36.063z'%20fill='%23fafafa'/%3e%3cpath%20d='M76%2036.063v54.095L34%2072.017l.2-53.899L76%2036.063z'%20fill='url(%23B)'/%3e%3cpath%20d='M76.001%2036.095V90.19l41.796-17.514V18.29L76.001%2036.095z'%20fill='url(%23C)'/%3e%3cpath%20d='M76%2036.063l42-17.592L76.33%200%2034%2018.031l42%2018.031z'%20fill='%231f242f'/%3e%3cpath%20d='M49.832%2011.287l41.84%2018.211.38%2013.271%2011.706-4.83-.354-13.355L60.327%206.817l-10.495%204.47z'%20fill='%23333741'/%3e%3cmask%20id='A'%20maskUnits='userSpaceOnUse'%20x='52'%20y='68'%20width='48'%20height='48'%20mask-type='alpha'%3e%3cpath%20transform='translate(52%2068)'%20fill='url(%23D)'%20d='M0%200h48v48H0z'/%3e%3c/mask%3e%3cg%20mask='url(%23A)'%3e%3ccircle%20cx='76'%20cy='92'%20r='23.5'%20fill='%23161b26'%20stroke='%23333741'/%3e%3c/g%3e%3crect%20x='60'%20y='76'%20width='32'%20height='32'%20rx='16'%20fill='%23161b26'/%3e%3cg%20clip-path='url(%23E)'%3e%3cpath%20d='M76%2088.667V92m0%203.333h.008M84.334%2092c0%204.602-3.731%208.333-8.333%208.333s-8.333-3.73-8.333-8.333%203.731-8.333%208.333-8.333%208.333%203.731%208.333%208.333z'%20stroke='%23fff'%20stroke-width='1.67'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='B'%20x1='34'%20y1='72.289'%20x2='50.587'%20y2='27.367'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%233b4354'/%3e%3cstop%20offset='1'%20stop-color='%231f242f'/%3e%3c/linearGradient%3e%3clinearGradient%20id='C'%20x1='76'%20y1='37.154'%20x2='123.359'%20y2='46.583'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%233b4354'/%3e%3cstop%20offset='1'%20stop-color='%231f242f'/%3e%3c/linearGradient%3e%3clinearGradient%20id='D'%20x1='24'%20y1='0'%20x2='24'%20y2='48'%20gradientUnits='userSpaceOnUse'%3e%3cstop/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='E'%3e%3cpath%20fill='%23fff'%20transform='translate(66%2082)'%20d='M0%200h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  noDataPlaceholderDark as default
+};
+//# sourceMappingURL=table_no_data_placeholder_dark.svg.js.map

package/dist/components/tables/table_no_data_placeholder_dark.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_no_data_placeholder_dark.svg.js","sources":["../../../src/components/tables/table_no_data_placeholder_dark.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='152'%20height='124'%20fill='none'%3e%3ccircle%20cx='76'%20cy='58'%20r='52'%20fill='%23333741'/%3e%3cg%20fill='%231f242f'%3e%3ccircle%20cx='21'%20cy='25'%20r='5'/%3e%3ccircle%20cx='18'%20cy='109'%20r='7'/%3e%3ccircle%20cx='145'%20cy='41'%20r='7'/%3e%3ccircle%20cx='134'%20cy='14'%20r='4'/%3e%3c/g%3e%3cpath%20d='M76%2036.063l4.536-1.9-4.535%201.932V90.19l41.795-17.514V18.557l.204-.085-.204-.09v-.091l-.104.045L76.33%200%2034%2018.031l.2.086-.2%2053.899%2042%2018.141V36.063z'%20fill='%23fafafa'/%3e%3cpath%20d='M76%2036.063v54.095L34%2072.017l.2-53.899L76%2036.063z'%20fill='url(%23B)'/%3e%3cpath%20d='M76.001%2036.095V90.19l41.796-17.514V18.29L76.001%2036.095z'%20fill='url(%23C)'/%3e%3cpath%20d='M76%2036.063l42-17.592L76.33%200%2034%2018.031l42%2018.031z'%20fill='%231f242f'/%3e%3cpath%20d='M49.832%2011.287l41.84%2018.211.38%2013.271%2011.706-4.83-.354-13.355L60.327%206.817l-10.495%204.47z'%20fill='%23333741'/%3e%3cmask%20id='A'%20maskUnits='userSpaceOnUse'%20x='52'%20y='68'%20width='48'%20height='48'%20mask-type='alpha'%3e%3cpath%20transform='translate(52%2068)'%20fill='url(%23D)'%20d='M0%200h48v48H0z'/%3e%3c/mask%3e%3cg%20mask='url(%23A)'%3e%3ccircle%20cx='76'%20cy='92'%20r='23.5'%20fill='%23161b26'%20stroke='%23333741'/%3e%3c/g%3e%3crect%20x='60'%20y='76'%20width='32'%20height='32'%20rx='16'%20fill='%23161b26'/%3e%3cg%20clip-path='url(%23E)'%3e%3cpath%20d='M76%2088.667V92m0%203.333h.008M84.334%2092c0%204.602-3.731%208.333-8.333%208.333s-8.333-3.73-8.333-8.333%203.731-8.333%208.333-8.333%208.333%203.731%208.333%208.333z'%20stroke='%23fff'%20stroke-width='1.67'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='B'%20x1='34'%20y1='72.289'%20x2='50.587'%20y2='27.367'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%233b4354'/%3e%3cstop%20offset='1'%20stop-color='%231f242f'/%3e%3c/linearGradient%3e%3clinearGradient%20id='C'%20x1='76'%20y1='37.154'%20x2='123.359'%20y2='46.583'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%233b4354'/%3e%3cstop%20offset='1'%20stop-color='%231f242f'/%3e%3c/linearGradient%3e%3clinearGradient%20id='D'%20x1='24'%20y1='0'%20x2='24'%20y2='48'%20gradientUnits='userSpaceOnUse'%3e%3cstop/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='E'%3e%3cpath%20fill='%23fff'%20transform='translate(66%2082)'%20d='M0%200h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAA,wBAAe;"}

package/dist/components/tabs/tab/RuiTab.vue.d.ts

@@ -1,5 +1,5 @@
 import type { RouteLocationRaw } from 'vue-router';
-import type { ContextColorsType } from '../../../consts/colors';
+import type { ContextColorsType } from '../../../consts/colors.js';
 export interface Props {
     color?: ContextColorsType;
     disabled?: boolean;

package/dist/components/tabs/tab/RuiTab.vue.js

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

package/dist/components/tabs/tab/RuiTab.vue.js.map

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

package/dist/components/tabs/tab/RuiTab.vue2.js

@@ -0,0 +1,135 @@
+import { defineComponent, useSlots, toRefs, useCssModule, computed, resolveComponent, createBlock, unref, openBlock, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode } from "vue";
+import RuiButton from "../../buttons/button/RuiButton.vue.js";
+import { generateId } from "../../../utils/generate-id.js";
+import { get } from "@vueuse/shared";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiTab",
+    inheritAttrs: false
+  },
+  __name: "RuiTab",
+  props: {
+    color: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    grow: { type: Boolean, default: false },
+    value: { default: generateId() },
+    active: { type: Boolean, default: false },
+    activeClass: { default: "" },
+    link: { type: Boolean, default: false },
+    target: { default: "_self" },
+    to: { default: "" },
+    exact: { type: Boolean, default: false },
+    exactPath: { type: Boolean, default: false },
+    vertical: { type: Boolean, default: false },
+    align: { default: "center" },
+    indicatorPosition: { default: "end" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const { target, grow, active, activeClass, disabled, vertical, align, value, indicatorPosition } = toRefs(props);
+    const css = useCssModule();
+    const isSelf = computed(() => get(target) === "_self");
+    const tabClass = computed(() => [
+      css.tab,
+      css[`tab--${get(align)}`],
+      css[`tab-indicator--${get(indicatorPosition)}`],
+      {
+        [css["tab--grow"] ?? ""]: get(grow),
+        [`${css["tab--active"]} active-tab ${get(activeClass)}`]: get(active),
+        [css["tab--disabled"] ?? ""]: get(disabled),
+        [css["tab--vertical"] ?? ""]: get(vertical)
+      }
+    ]);
+    function click() {
+      emit("click", get(value));
+    }
+    return (_ctx, _cache) => {
+      const _component_RouterLink = resolveComponent("RouterLink");
+      return unref(disabled) ? (openBlock(), createBlock(RuiButton, mergeProps({
+        key: 0,
+        variant: "text",
+        disabled: "",
+        class: unref(tabClass),
+        "hide-focus-indicator": "",
+        tabindex: "-1",
+        role: "tab"
+      }, _ctx.$attrs), createSlots({ _: 2 }, [
+        renderList(slots, (_, name) => {
+          return {
+            name,
+            fn: withCtx((slotData) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData)))
+            ])
+          };
+        })
+      ]), 1040, ["class"])) : !__props.link ? (openBlock(), createBlock(RuiButton, mergeProps({
+        key: 1,
+        class: unref(tabClass),
+        color: unref(active) ? __props.color : void 0,
+        role: "tab"
+      }, _ctx.$attrs, {
+        tabindex: "-1",
+        "hide-focus-indicator": "",
+        variant: "text",
+        onClick: _cache[0] || (_cache[0] = ($event) => click())
+      }), createSlots({ _: 2 }, [
+        renderList(slots, (_, name) => {
+          return {
+            name,
+            fn: withCtx((slotData) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData)))
+            ])
+          };
+        })
+      ]), 1040, ["class", "color"])) : (openBlock(), createBlock(_component_RouterLink, {
+        key: 2,
+        to: __props.to,
+        exact: __props.exact,
+        "exact-path": __props.exactPath,
+        custom: ""
+      }, {
+        default: withCtx(({ href, navigate, isActive, isExactActive }) => [
+          createVNode(RuiButton, mergeProps({
+            class: [
+              ...unref(tabClass),
+              {
+                [`${unref(css)["tab--active"]} active-tab-link`]: __props.exact ? isExactActive : isActive
+              }
+            ],
+            color: unref(active) || (__props.exact ? isExactActive : isActive) ? __props.color : void 0,
+            href: unref(isSelf) ? void 0 : href,
+            target: unref(target),
+            role: "tab",
+            "no-outline": "",
+            tag: "a",
+            "hide-focus-indicator": "",
+            tabindex: "-1"
+          }, _ctx.$attrs, {
+            variant: "text",
+            onClick: ($event) => {
+              click();
+              unref(isSelf) ? navigate($event) : void 0;
+            }
+          }), createSlots({ _: 2 }, [
+            renderList(slots, (_, name) => {
+              return {
+                name,
+                fn: withCtx((slotData) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData)))
+                ])
+              };
+            })
+          ]), 1040, ["class", "color", "href", "target", "onClick"])
+        ]),
+        _: 3
+      }, 8, ["to", "exact", "exact-path"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiTab.vue2.js.map

package/dist/components/tabs/tab/RuiTab.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiTab.vue2.js","sources":["../../../../src/components/tabs/tab/RuiTab.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { RouteLocationRaw } from 'vue-router';\nimport type { ContextColorsType } from '@/consts/colors';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\n\nexport interface Props {\n  color?: ContextColorsType;\n  disabled?: boolean;\n  grow?: boolean;\n  value?: number | string;\n  active?: boolean;\n  activeClass?: string;\n  link?: boolean;\n  target?: string;\n  to?: RouteLocationRaw;\n  exact?: boolean;\n  exactPath?: boolean;\n  vertical?: boolean;\n  align?: 'start' | 'center' | 'end';\n  indicatorPosition?: 'start' | 'end';\n}\n\ndefineOptions({\n  name: 'RuiTab',\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n  color: undefined,\n  disabled: false,\n  grow: false,\n  value: generateId(),\n  active: false,\n  activeClass: '',\n  link: false,\n  to: '',\n  target: '_self',\n  exact: false,\n  exactPath: false,\n  vertical: false,\n  align: 'center',\n  indicatorPosition: 'end',\n});\n\nconst emit = defineEmits<{\n  (e: 'click', value: string | number): void;\n}>();\n\nconst slots = defineSlots<{\n  default?: (props?: object) => any;\n  prepend?: (props?: object) => any;\n  append?: (props?: object) => any;\n}>();\n\nconst { target, grow, active, activeClass, disabled, vertical, align, value, indicatorPosition }\n  = toRefs(props);\n\nconst css = useCssModule();\n\nconst isSelf = computed(() => get(target) === '_self');\n\nconst tabClass = computed(() => [\n  css.tab,\n  css[`tab--${get(align)}`],\n  css[`tab-indicator--${get(indicatorPosition)}`],\n  {\n    [css['tab--grow'] ?? '']: get(grow),\n    [`${css['tab--active']} active-tab ${get(activeClass)}`]: get(active),\n    [css['tab--disabled'] ?? '']: get(disabled),\n    [css['tab--vertical'] ?? '']: get(vertical),\n  },\n]);\n\nfunction click() {\n  emit('click', get(value));\n}\n</script>\n\n<template>\n  <RuiButton\n    v-if=\"disabled\"\n    variant=\"text\"\n    disabled\n    :class=\"tabClass\"\n    hide-focus-indicator\n    tabindex=\"-1\"\n    role=\"tab\"\n    v-bind=\"$attrs\"\n  >\n    <template\n      v-for=\"(_, name) in slots\"\n      #[name]=\"slotData\"\n    >\n      <slot\n        :name=\"name\"\n        v-bind=\"slotData\"\n      />\n    </template>\n  </RuiButton>\n  <RuiButton\n    v-else-if=\"!link\"\n    :class=\"tabClass\"\n    :color=\"active ? color : undefined\"\n    role=\"tab\"\n    v-bind=\"$attrs\"\n    tabindex=\"-1\"\n    hide-focus-indicator\n    variant=\"text\"\n    @click=\"click()\"\n  >\n    <template\n      v-for=\"(_, name) in slots\"\n      #[name]=\"slotData\"\n    >\n      <slot\n        :name=\"name\"\n        v-bind=\"slotData\"\n      />\n    </template>\n  </RuiButton>\n  <RouterLink\n    v-else\n    #default=\"{ href, navigate, isActive, isExactActive }\"\n    :to=\"to\"\n    :exact=\"exact\"\n    :exact-path=\"exactPath\"\n    custom\n  >\n    <RuiButton\n      :class=\"[\n        ...tabClass,\n        {\n          [`${css['tab--active']} active-tab-link`]: exact\n            ? isExactActive\n            : isActive,\n        },\n      ]\"\n      :color=\"active || (exact ? isExactActive : isActive) ? color : undefined\"\n      :href=\"isSelf ? undefined : href\"\n      :target=\"target\"\n      role=\"tab\"\n      no-outline\n      tag=\"a\"\n      hide-focus-indicator\n      tabindex=\"-1\"\n      v-bind=\"$attrs\"\n      variant=\"text\"\n      @click=\"\n        click();\n        isSelf ? navigate($event) : undefined;\n      \"\n    >\n      <template\n        v-for=\"(_, name) in slots\"\n        #[name]=\"slotData\"\n      >\n        <slot\n          :name=\"name\"\n          v-bind=\"slotData\"\n        />\n      </template>\n    </RuiButton>\n  </RouterLink>\n</template>\n\n<style lang=\"scss\" module>\n.tab {\n  @apply h-full min-w-[90px] max-w-[360px] flex items-center rounded-none cursor-pointer relative whitespace-nowrap shrink-0;\n  @apply px-4 #{!important};\n\n  &--vertical {\n    @apply h-[2.625rem] w-full max-w-none;\n  }\n\n  &--grow {\n    @apply grow max-w-none;\n  }\n\n  &--active {\n    &:after {\n      content: '';\n      @apply absolute h-0 w-full bottom-0 left-0 border-b-2 border-current;\n    }\n\n    &.tab-indicator--start {\n      &:after {\n        @apply top-0 bottom-auto;\n      }\n    }\n\n    &.tab--vertical {\n      &:after {\n        @apply h-full w-0 right-0 left-auto border-b-0 border-r-2;\n      }\n\n      &.tab-indicator--start {\n        &:after {\n          @apply left-0 right-auto;\n        }\n      }\n    }\n  }\n\n  &--disabled {\n    @apply cursor-not-allowed;\n  }\n\n  &--start {\n    @apply justify-start text-left rtl:justify-end rtl:text-right;\n  }\n\n  &--center {\n    @apply justify-center text-center;\n  }\n\n  &--end {\n    @apply justify-end text-right rtl:justify-start rtl:text-left;\n  }\n}\n</style>\n"],"names":["_useSlots","_unref","_openBlock","_createBlock","_mergeProps","$attrs","_createSlots","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_createVNode"],"mappings":"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"}

package/dist/components/tabs/tab/RuiTab.vue3.js

@@ -0,0 +1,17 @@
+const tab = "_tab_b7dy7_1";
+const style0 = {
+  tab,
+  "tab--vertical": "_tab--vertical_b7dy7_5",
+  "tab--grow": "_tab--grow_b7dy7_8",
+  "tab--active": "_tab--active_b7dy7_11",
+  "tab-indicator--start": "_tab-indicator--start_b7dy7_15",
+  "tab--disabled": "_tab--disabled_b7dy7_24",
+  "tab--start": "_tab--start_b7dy7_27",
+  "tab--center": "_tab--center_b7dy7_30",
+  "tab--end": "_tab--end_b7dy7_33"
+};
+export {
+  style0 as default,
+  tab
+};
+//# sourceMappingURL=RuiTab.vue3.js.map

package/dist/components/tabs/tab/RuiTab.vue3.js.map

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

package/dist/components/tabs/tab-item/RuiTabItem.vue.js

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

package/dist/components/tabs/tab-item/RuiTabItem.vue.js.map

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

package/dist/components/tabs/tab-item/RuiTabItem.vue2.js

@@ -0,0 +1,51 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode, createCommentVNode, Transition, withCtx, renderSlot } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "w-full"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "hidden"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiTabItem"
+  },
+  __name: "RuiTabItem",
+  props: {
+    active: { type: Boolean, default: false },
+    value: { default: void 0 },
+    eager: { type: Boolean, default: false },
+    reverse: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.tab, { "active-tab-item": __props.active }])
+      }, [
+        createVNode(Transition, {
+          "enter-from-class": `opacity-0 ${__props.reverse ? "-translate-x-8" : "translate-x-8"}`,
+          "leave-to-class": `opacity-0 !h-0 overflow-hidden ${__props.reverse ? "translate-x-8" : "-translate-x-8"}`,
+          "enter-active-class": "w-full transform duration-300 transition",
+          "enter-to-class": "opacity-100 translate-x-0",
+          "leave-active-class": "w-full transform duration-300 transition !h-0 overflow-hidden",
+          "leave-from-class": "opacity-100 translate-x-0 !h-0 overflow-hidden"
+        }, {
+          default: withCtx(() => [
+            __props.active ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "default")
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["enter-from-class", "leave-to-class"]),
+        __props.eager && !__props.active ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default")
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiTabItem.vue2.js.map

package/dist/components/tabs/tab-item/RuiTabItem.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiTabItem.vue2.js","sources":["../../../../src/components/tabs/tab-item/RuiTabItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nexport interface Props {\n  active?: boolean;\n  value?: number | string;\n  eager?: boolean;\n  reverse?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiTabItem',\n});\n\nwithDefaults(defineProps<Props>(), {\n  value: undefined,\n  eager: false,\n  active: false,\n  reverse: false,\n});\n</script>\n\n<template>\n  <div :class=\"[$style.tab, { 'active-tab-item': active }]\">\n    <Transition\n      :enter-from-class=\"`opacity-0 ${reverse ? '-translate-x-8' : 'translate-x-8'}`\"\n      :leave-to-class=\"`opacity-0 !h-0 overflow-hidden ${\n        reverse ? 'translate-x-8' : '-translate-x-8'\n      }`\"\n      enter-active-class=\"w-full transform duration-300 transition\"\n      enter-to-class=\"opacity-100 translate-x-0\"\n      leave-active-class=\"w-full transform duration-300 transition !h-0 overflow-hidden\"\n      leave-from-class=\"opacity-100 translate-x-0 !h-0 overflow-hidden\"\n    >\n      <div\n        v-if=\"active\"\n        class=\"w-full\"\n      >\n        <slot />\n      </div>\n    </Transition>\n    <div\n      v-if=\"eager && !active\"\n      class=\"hidden\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.tab {\n  @apply w-full;\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_createVNode","_Transition","_openBlock","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;0BAqBEA,mBAwBM,OAAA;AAAA,QAxBA,OAAKC,eAAA,CAAGC,KAAAA,OAAO,0BAA0B,QAAA,QAAM,CAAA;AAAA,MAAA;QACnDC,YAgBaC,YAAA;AAAA,UAfV,iCAA+B,QAAA,UAAO,mBAAA,eAAA;AAAA,UACtC,kBAAc,kCAA6C,QAAA,UAAO,kBAAA;UAGnE,sBAAmB;AAAA,UACnB,kBAAe;AAAA,UACf,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,QAAA;2BAEjB,MAKM;AAAA,YAJE,QAAA,UADRC,UAAA,GAAAL,mBAKM,OALN,YAKM;AAAA,cADJM,WAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;;;;QAIJ,QAAA,UAAU,QAAA,UADlBD,aAAAL,mBAKM,OALN,YAKM;AAAA,UADJM,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}

package/dist/components/tabs/tab-item/RuiTabItem.vue3.js

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

package/dist/components/tabs/tab-item/RuiTabItem.vue3.js.map

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

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

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

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

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