@rotki/ui-library 2.15.0 → 2.16.1

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

@@ -1,76 +0,0 @@
-const wrapper = "_wrapper_15e82_1";
-const outlined = "_outlined_15e82_4";
-const rounded__sm = "_rounded__sm_15e82_7";
-const rounded__md = "_rounded__md_15e82_10";
-const rounded__lg = "_rounded__lg_15e82_13";
-const scroller = "_scroller_15e82_16";
-const table = "_table_15e82_20";
-const tbody = "_tbody_15e82_23";
-const tr = "_tr_15e82_26";
-const tr__selected = "_tr__selected_15e82_32";
-const tr__empty = "_tr__empty_15e82_35";
-const tr__expandable = "_tr__expandable_15e82_38";
-const tr__group = "_tr__group_15e82_41";
-const td = "_td_15e82_44";
-const align__start = "_align__start_15e82_48";
-const align__center = "_align__center_15e82_51";
-const align__end = "_align__end_15e82_54";
-const empty = "_empty_15e82_57";
-const empty__label = "_empty__label_15e82_60";
-const empty__description = "_empty__description_15e82_63";
-const tbody__loader = "_tbody__loader_15e82_66";
-const checkbox = "_checkbox_15e82_69";
-const dense = "_dense_15e82_75";
-const style0 = {
-  wrapper,
-  outlined,
-  rounded__sm,
-  rounded__md,
-  rounded__lg,
-  scroller,
-  table,
-  tbody,
-  "tbody--striped": "_tbody--striped_15e82_26",
-  tr,
-  tr__selected,
-  tr__empty,
-  tr__expandable,
-  tr__group,
-  td,
-  align__start,
-  align__center,
-  align__end,
-  empty,
-  empty__label,
-  empty__description,
-  tbody__loader,
-  checkbox,
-  dense
-};
-export {
-  align__center,
-  align__end,
-  align__start,
-  checkbox,
-  style0 as default,
-  dense,
-  empty,
-  empty__description,
-  empty__label,
-  outlined,
-  rounded__lg,
-  rounded__md,
-  rounded__sm,
-  scroller,
-  table,
-  tbody,
-  tbody__loader,
-  td,
-  tr,
-  tr__empty,
-  tr__expandable,
-  tr__group,
-  tr__selected,
-  wrapper
-};
-//# sourceMappingURL=RuiDataTable.vue3.js.map

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

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

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

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

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

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

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

@@ -1,44 +0,0 @@
-import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, normalizeClass } from "vue";
-import RuiButton from "../buttons/button/RuiButton.vue.js";
-import RuiIcon from "../icons/RuiIcon.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "RuiExpandButton",
-  props: {
-    expanded: { type: Boolean },
-    icon: { default: "lu-chevron-down" }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(RuiButton, mergeProps({
-        class: [
-          _ctx.$style.tr__expander_button,
-          {
-            [_ctx.$style.tr__expander_button_open ?? ""]: __props.expanded
-          }
-        ],
-        "aria-expanded": __props.expanded,
-        "data-id": "expand-button",
-        icon: "",
-        size: "sm",
-        variant: "text"
-      }, _ctx.$attrs), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(RuiIcon, {
-              class: normalizeClass(_ctx.$style.tr__expander_button_icon),
-              name: __props.icon
-            }, null, 8, ["class", "name"])
-          ])
-        ]),
-        _: 3
-      }, 16, ["class", "aria-expanded"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiExpandButton.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RuiExpandButton.vue2.js","sources":["../../../src/components/tables/RuiExpandButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n  expanded: boolean;\n  icon?: RuiIcons;\n}\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst { expanded, icon = 'lu-chevron-down' } = defineProps<Props>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n</script>\n\n<template>\n  <RuiButton\n    :class=\"[\n      $style.tr__expander_button,\n      {\n        [$style.tr__expander_button_open ?? '']: expanded,\n      },\n    ]\"\n    :aria-expanded=\"expanded\"\n    data-id=\"expand-button\"\n    icon\n    size=\"sm\"\n    variant=\"text\"\n    v-bind=\"$attrs\"\n  >\n    <slot>\n      <RuiIcon\n        :class=\"$style.tr__expander_button_icon\"\n        :name=\"icon\"\n      />\n    </slot>\n  </RuiButton>\n</template>\n\n<style lang=\"scss\" module>\n.tr__expander {\n  &_button {\n    @apply relative;\n\n    &_icon {\n      @apply transition rotate-0;\n    }\n\n    &_open .tr__expander_button_icon {\n      @apply rotate-180;\n    }\n  }\n}\n</style>\n"],"names":["_openBlock","_createBlock","_mergeProps","$style","$attrs","_renderSlot","_createVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;AAsBE,aAAAA,UAAA,GAAAC,YAoBY,WApBZC,WAoBY;AAAA,QAnBT,OAAK;AAAA,UAAUC,KAAAA,OAAO;AAAA;aAAsCA,KAAAA,OAAO,4BAAwB,EAAA,GAAS,QAAA;AAAA,UAAA;AAAA;QAMpG,iBAAe,QAAA;AAAA,QAChB,WAAQ;AAAA,QACR,MAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAQ;AAAA,MAAA,GACAC,KAAAA,MAAM,GAAA;AAAA,yBAEd,MAKO;AAAA,UALPC,WAKO,4BALP,MAKO;AAAA,YAJLC,YAGE,SAAA;AAAA,cAFC,OAAKC,eAAEJ,KAAAA,OAAO,wBAAwB;AAAA,cACtC,MAAM,QAAA;AAAA,YAAA;;;;;;;;"}

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

@@ -1,15 +0,0 @@
-const tr__expander_button = "_tr__expander_button_bei2a_1";
-const tr__expander_button_icon = "_tr__expander_button_icon_bei2a_4";
-const tr__expander_button_open = "_tr__expander_button_open_bei2a_7";
-const style0 = {
-  tr__expander_button,
-  tr__expander_button_icon,
-  tr__expander_button_open
-};
-export {
-  style0 as default,
-  tr__expander_button,
-  tr__expander_button_icon,
-  tr__expander_button_open
-};
-//# sourceMappingURL=RuiExpandButton.vue3.js.map

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

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

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

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

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

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

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

@@ -1,195 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, Fragment, renderList, renderSlot, createBlock, withCtx, createSlots, createTextVNode, toDisplayString } from "vue";
-import RuiButton from "../buttons/button/RuiButton.vue.js";
-import RuiCheckbox from "../forms/checkbox/RuiCheckbox.vue.js";
-import RuiIcon from "../icons/RuiIcon.vue.js";
-import RuiBadge from "../overlays/badge/RuiBadge.vue.js";
-import RuiProgress from "../progress/RuiProgress.vue.js";
-const _hoisted_1 = ["data-id"];
-const _hoisted_2 = ["colspan", "rowspan", "data-id"];
-const _hoisted_3 = ["colspan"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RuiTableHead",
-  props: {
-    loading: { type: Boolean, default: false },
-    stickyHeader: { type: Boolean, default: false },
-    stick: { type: Boolean, default: false },
-    selectable: { type: Boolean, default: false },
-    disableCheckAll: { type: Boolean, default: false },
-    noData: { type: Boolean },
-    colspan: { default: 0 },
-    columns: {},
-    capitalizeHeaders: { type: Boolean, default: false },
-    isAllSelected: { type: Boolean, default: false },
-    indeterminate: { type: Boolean, default: false },
-    dense: { type: Boolean, default: false },
-    sortedMap: { default: () => ({}) },
-    sortData: {},
-    columnAttr: { default: "label" },
-    dataId: { default: "head-main" }
-  },
-  emits: ["select:all", "sort"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    function onSort({ key, direction }) {
-      return emit("sort", {
-        key,
-        direction: direction ?? "asc"
-      });
-    }
-    const onToggleAll = (checked) => emit("select:all", checked);
-    const isSortedBy = (key) => key in __props.sortedMap;
-    function getSortIndex(key) {
-      if (!__props.sortData || !Array.isArray(__props.sortData) || !isSortedBy(key))
-        return -1;
-      return __props.sortData.findIndex((sort) => sort.column === key);
-    }
-    function getSortDirection(key) {
-      return __props.sortedMap[key]?.direction;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("thead", {
-        "data-id": __props.dataId,
-        class: normalizeClass([
-          _ctx.$style.thead,
-          {
-            [_ctx.$style.sticky__header]: __props.stickyHeader,
-            [_ctx.$style.stick__top]: __props.stick,
-            [_ctx.$style.dense]: __props.dense
-          }
-        ])
-      }, [
-        createElementVNode("tr", {
-          class: normalizeClass(_ctx.$style.tr)
-        }, [
-          __props.selectable ? (openBlock(), createElementBlock("th", {
-            key: 0,
-            class: normalizeClass(_ctx.$style.checkbox),
-            scope: "col",
-            colspan: "1",
-            rowspan: "1"
-          }, [
-            createVNode(RuiCheckbox, {
-              disabled: __props.disableCheckAll,
-              indeterminate: __props.indeterminate,
-              "model-value": __props.isAllSelected,
-              size: __props.dense ? "sm" : void 0,
-              color: "primary",
-              "data-cy": "table-toggle-check-all",
-              "hide-details": "",
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => onToggleAll($event))
-            }, null, 8, ["disabled", "indeterminate", "model-value", "size"])
-          ], 2)) : createCommentVNode("", true),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-            return openBlock(), createElementBlock("th", {
-              key: column.key,
-              class: normalizeClass([
-                _ctx.$style.th,
-                column.class,
-                _ctx.$style[`align__${column.align ?? "start"}`],
-                {
-                  capitalize: !__props.capitalizeHeaders,
-                  [_ctx.$style.sortable]: column.sortable
-                }
-              ]),
-              scope: "col",
-              colspan: column.colspan ?? 1,
-              rowspan: column.rowspan ?? 1,
-              "data-id": column.sortable ? "column-sortable" : void 0
-            }, [
-              renderSlot(_ctx.$slots, `header.${column.key.toString()}`, { column }, () => [
-                column.sortable ? (openBlock(), createBlock(RuiBadge, {
-                  key: 0,
-                  "model-value": getSortIndex(column.key) >= 0,
-                  text: `${getSortIndex(column.key) + 1}`,
-                  "offset-y": __props.dense ? 8 : 0,
-                  color: "secondary",
-                  size: "sm"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(RuiButton, {
-                      class: normalizeClass([
-                        _ctx.$style.sort__button,
-                        {
-                          [_ctx.$style.sort__active ?? ""]: isSortedBy(column.key),
-                          [_ctx.$style[`sort__${getSortDirection(column.key)}`] ?? ""]: isSortedBy(column.key)
-                        }
-                      ]),
-                      size: "sm",
-                      variant: "text",
-                      onClick: ($event) => onSort(column)
-                    }, createSlots({
-                      append: withCtx(() => [
-                        column.align !== "end" ? (openBlock(), createBlock(RuiIcon, {
-                          key: 0,
-                          class: normalizeClass(_ctx.$style.sort__icon),
-                          name: "lu-arrow-down",
-                          size: "18"
-                        }, null, 8, ["class"])) : createCommentVNode("", true)
-                      ]),
-                      default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass(_ctx.$style.column__text),
-                          "data-id": "column-text"
-                        }, [
-                          renderSlot(_ctx.$slots, `header.text.${column.key.toString()}`, { column }, () => [
-                            createTextVNode(toDisplayString(column[__props.columnAttr]), 1)
-                          ])
-                        ], 2)
-                      ]),
-                      _: 2
-                    }, [
-                      column.align === "end" ? {
-                        name: "prepend",
-                        fn: withCtx(() => [
-                          createVNode(RuiIcon, {
-                            class: normalizeClass(_ctx.$style.sort__icon),
-                            name: "lu-arrow-down",
-                            size: "18"
-                          }, null, 8, ["class"])
-                        ]),
-                        key: "0"
-                      } : void 0
-                    ]), 1032, ["class", "onClick"])
-                  ]),
-                  _: 2
-                }, 1032, ["model-value", "text", "offset-y"])) : (openBlock(), createElementBlock("span", {
-                  key: 1,
-                  class: normalizeClass(_ctx.$style.column__text),
-                  "data-id": "column-text"
-                }, [
-                  renderSlot(_ctx.$slots, `header.text.${column.key.toString()}`, { column }, () => [
-                    createTextVNode(toDisplayString(column[__props.columnAttr]), 1)
-                  ])
-                ], 2))
-              ])
-            ], 10, _hoisted_2);
-          }), 128))
-        ], 2),
-        __props.loading ? (openBlock(), createElementBlock("tr", {
-          key: 0,
-          class: normalizeClass([_ctx.$style.thead__loader, _ctx.$style.thead__loader_linear]),
-          "data-id": "thead-loader"
-        }, [
-          createElementVNode("th", {
-            class: normalizeClass(_ctx.$style.progress),
-            colspan: __props.colspan,
-            scope: "col"
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style.progress__wrapper)
-            }, [
-              createVNode(RuiProgress, {
-                color: "primary",
-                variant: "indeterminate"
-              })
-            ], 2)
-          ], 10, _hoisted_3)
-        ], 2)) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiTableHead.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RuiTableHead.vue2.js","sources":["../../../src/components/tables/RuiTableHead.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, K extends keyof T = keyof T\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiCheckbox from '@/components/forms/checkbox/RuiCheckbox.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiBadge from '@/components/overlays/badge/RuiBadge.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\n\n/**\n * Represents a sortable column name for a given type.\n * The column name must be a key of the passed data object type.\n * @template T - The type of the data in the column.\n */\nexport type TableRowKey<T> = keyof T extends string ? keyof T : never;\n\nexport interface BaseTableColumn<T> {\n  key: TableRowKey<T> | string;\n  sortable?: boolean;\n  direction?: 'asc' | 'desc';\n  align?: 'start' | 'center' | 'end';\n  class?: string;\n  cellClass?: string;\n  colspan?: string | number;\n  rowspan?: string | number;\n\n  [key: string]: any;\n}\n\n/**\n * Represents a sortable table column.\n * This is used to ensure that when using sortable with a true value,\n * the key matches to an actual property of the object passed.\n *\n * @template T - The type of data in the table column.\n */\nexport interface SortableTableColumn<T> extends BaseTableColumn<T> {\n  sortable: true;\n}\n\n/**\n * An interface representing a column in a table that cannot be sorted.\n * This can be mapped to an actual property of the object or to a virtual column.\n *\n * @typeparam T - The type of data in the table.\n */\nexport interface NoneSortableTableColumn<T> extends BaseTableColumn<T> {\n  sortable?: false;\n}\n\nexport type TableColumn<T> = SortableTableColumn<T> | NoneSortableTableColumn<T>;\n\nexport interface SortColumn<T> {\n  column?: TableRowKey<T>;\n  direction: 'asc' | 'desc';\n}\n\nexport type TableSortData<T> = SortColumn<T> | SortColumn<T>[] | undefined;\n\nexport type TableRowKeyData<T> = TableRowKey<T> | TableRowKey<T>[] | undefined;\n\nexport interface GroupData<T> {\n  key: string;\n  value?: Partial<T>;\n}\n\nexport type GroupKey<T> = TableColumn<T>['key'];\n\nexport type GroupKeys<T> = GroupKey<T> | GroupKey<T>[] | undefined;\n\nexport interface Props<T> {\n  loading?: boolean;\n  stickyHeader?: boolean;\n  stick?: boolean;\n  selectable?: boolean;\n  disableCheckAll?: boolean;\n  noData?: boolean;\n  colspan?: number;\n  columns?: TableColumn<T>[];\n  capitalizeHeaders?: boolean;\n  isAllSelected?: boolean;\n  indeterminate?: boolean;\n  dense?: boolean;\n  sortedMap?: Partial<Record<TableRowKey<T>, SortColumn<T>>>;\n  sortData?: TableSortData<T>;\n  columnAttr?: keyof TableColumn<T>;\n  dataId?: string;\n}\n\nconst {\n  loading = false,\n  stickyHeader = false,\n  stick = false,\n  selectable = false,\n  disableCheckAll = false,\n  colspan = 0,\n  columns,\n  capitalizeHeaders = false,\n  isAllSelected = false,\n  indeterminate = false,\n  dense = false,\n  sortedMap = {} as Partial<Record<TableRowKey<T>, SortColumn<T>>>,\n  columnAttr = 'label',\n  sortData,\n  dataId = 'head-main',\n} = defineProps<Props<T>>();\n\nconst emit = defineEmits<{\n  'select:all': [value: boolean];\n  'sort': [value: { key: TableRowKey<T>; direction?: 'asc' | 'desc' }];\n}>();\n\nfunction onSort({ key, direction }: TableColumn<T>): void {\n  return emit('sort', {\n    key: key as TableRowKey<T>,\n    direction: direction ?? 'asc',\n  });\n}\n\nconst onToggleAll = (checked: boolean) => emit('select:all', checked);\n\nconst isSortedBy = (key: TableColumn<T>['key']) => key in sortedMap;\n\nfunction getSortIndex(key: TableColumn<T>['key']): number {\n  if (!sortData || !Array.isArray(sortData) || !isSortedBy(key))\n    return -1;\n\n  return sortData.findIndex(sort => sort.column === key);\n}\n\nfunction getSortDirection(key: TableColumn<T>['key']): 'asc' | 'desc' | undefined {\n  return sortedMap[key]?.direction;\n}\n</script>\n\n<template>\n  <thead\n    :data-id=\"dataId\"\n    :class=\"[\n      $style.thead,\n      {\n        [$style.sticky__header]: stickyHeader,\n        [$style.stick__top]: stick,\n        [$style.dense]: dense,\n      },\n    ]\"\n  >\n    <tr :class=\"$style.tr\">\n      <th\n        v-if=\"selectable\"\n        :class=\"$style.checkbox\"\n        scope=\"col\"\n        colspan=\"1\"\n        rowspan=\"1\"\n      >\n        <RuiCheckbox\n          :disabled=\"disableCheckAll\"\n          :indeterminate=\"indeterminate\"\n          :model-value=\"isAllSelected\"\n          :size=\"dense ? 'sm' : undefined\"\n          color=\"primary\"\n          data-cy=\"table-toggle-check-all\"\n          hide-details\n          @update:model-value=\"onToggleAll($event)\"\n        />\n      </th>\n\n      <th\n        v-for=\"column in columns\"\n        :key=\"column.key\"\n        :class=\"[\n          $style.th,\n          column.class,\n          $style[`align__${column.align ?? 'start'}`],\n          {\n            capitalize: !capitalizeHeaders,\n            [$style.sortable]: column.sortable,\n          },\n        ]\"\n        scope=\"col\"\n        :colspan=\"column.colspan ?? 1\"\n        :rowspan=\"column.rowspan ?? 1\"\n        :data-id=\"column.sortable ? 'column-sortable' : undefined\"\n      >\n        <slot\n          :column=\"column\"\n          :name=\"`header.${column.key.toString()}`\"\n        >\n          <RuiBadge\n            v-if=\"column.sortable\"\n            :model-value=\"getSortIndex(column.key) >= 0\"\n            :text=\"`${getSortIndex(column.key) + 1}`\"\n            :offset-y=\"dense ? 8 : 0\"\n            color=\"secondary\"\n            size=\"sm\"\n          >\n            <RuiButton\n              :class=\"[\n                $style.sort__button,\n                {\n                  [$style.sort__active ?? '']: isSortedBy(column.key),\n                  [$style[`sort__${getSortDirection(column.key)}`] ?? '']: isSortedBy(column.key),\n                },\n              ]\"\n              size=\"sm\"\n              variant=\"text\"\n              @click=\"onSort(column)\"\n            >\n              <span\n                :class=\"$style.column__text\"\n                data-id=\"column-text\"\n              >\n                <slot\n                  :name=\"`header.text.${column.key.toString()}`\"\n                  :column=\"column\"\n                >\n                  {{ column[columnAttr] }}\n                </slot>\n              </span>\n\n              <template\n                v-if=\"column.align === 'end'\"\n                #prepend\n              >\n                <RuiIcon\n                  :class=\"$style.sort__icon\"\n                  name=\"lu-arrow-down\"\n                  size=\"18\"\n                />\n              </template>\n\n              <template #append>\n                <RuiIcon\n                  v-if=\"column.align !== 'end'\"\n                  :class=\"$style.sort__icon\"\n                  name=\"lu-arrow-down\"\n                  size=\"18\"\n                />\n              </template>\n            </RuiButton>\n          </RuiBadge>\n          <span\n            v-else\n            :class=\"$style.column__text\"\n            data-id=\"column-text\"\n          >\n            <slot\n              :name=\"`header.text.${column.key.toString()}`\"\n              :column=\"column\"\n            >\n              {{ column[columnAttr] }}\n            </slot>\n          </span>\n        </slot>\n      </th>\n    </tr>\n    <tr\n      v-if=\"loading\"\n      :class=\"[$style.thead__loader, $style.thead__loader_linear]\"\n      data-id=\"thead-loader\"\n    >\n      <th\n        :class=\"$style.progress\"\n        :colspan=\"colspan\"\n        scope=\"col\"\n      >\n        <div :class=\"$style.progress__wrapper\">\n          <RuiProgress\n            color=\"primary\"\n            variant=\"indeterminate\"\n          />\n        </div>\n      </th>\n    </tr>\n  </thead>\n</template>\n\n<style module lang=\"scss\">\n.thead {\n  @apply divide-y divide-black/[0.12];\n\n  &.sticky__header {\n    @apply top-0 z-10 absolute;\n\n    &.stick__top {\n      @apply fixed;\n\n      tr {\n        th {\n          @apply bg-white border-b border-b-black/[0.12];\n        }\n      }\n    }\n  }\n\n  &.dense {\n    .tr {\n      .th {\n        @apply py-[0.38rem];\n      }\n    }\n  }\n\n  .tr {\n    .th {\n      @apply p-4;\n\n      &.align__start {\n        @apply text-left rtl:text-right;\n      }\n\n      &.align__center {\n        @apply text-center;\n      }\n\n      &.align__end {\n        @apply text-right rtl:text-left;\n      }\n\n      &.sortable {\n        &.align__start {\n          @apply pl-3;\n        }\n\n        &.align__center {\n          @apply px-3;\n          .sort__button {\n            @apply ml-6;\n          }\n        }\n\n        &.align__end {\n          @apply pr-3;\n        }\n\n        .sort__button {\n          @apply inline-flex;\n\n          &:hover .sort__icon {\n            @apply opacity-60;\n          }\n\n          &.sort {\n            &__active {\n              .sort__icon {\n                @apply opacity-100;\n              }\n            }\n\n            &__desc {\n              .sort__icon {\n                @apply rotate-0;\n              }\n            }\n\n            &__asc {\n              .sort__icon {\n                @apply rotate-180;\n              }\n            }\n          }\n        }\n\n        .sort__icon {\n          @apply transition opacity-0 rotate-180;\n        }\n      }\n\n      .column__text {\n        @apply text-rui-text font-medium text-sm leading-6;\n      }\n    }\n\n    .checkbox {\n      @apply px-2 w-[3.625rem] max-w-[3.625rem];\n      label {\n        @apply ml-0;\n      }\n    }\n  }\n\n  &__loader {\n    .progress {\n      @apply relative py-8;\n    }\n\n    &_linear {\n      @apply border-none;\n\n      .progress {\n        @apply p-0 h-0;\n      }\n\n      .progress__wrapper {\n        @apply h-0 -mt-1;\n      }\n    }\n  }\n}\n\n:global(.dark) {\n  .thead {\n    @apply divide-y divide-white/[0.12];\n\n    &.sticky__header.stick__top {\n      th {\n        @apply bg-[#121212] border-b border-b-white/[0.12];\n      }\n    }\n\n    .tr {\n      .th {\n        @apply text-white;\n      }\n    }\n  }\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_createElementVNode","_createVNode","_Fragment","_renderList","_renderSlot","_createBlock","_createTextVNode","_toDisplayString"],"mappings":"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"}

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

@@ -1,69 +0,0 @@
-const thead = "_thead_1y979_1";
-const sticky__header = "_sticky__header_1y979_4";
-const stick__top = "_stick__top_1y979_7";
-const dense = "_dense_1y979_13";
-const tr = "_tr_1y979_13";
-const th = "_th_1y979_1";
-const align__start = "_align__start_1y979_19";
-const align__center = "_align__center_1y979_22";
-const align__end = "_align__end_1y979_25";
-const sortable = "_sortable_1y979_28";
-const sort__button = "_sort__button_1y979_34";
-const sort__icon = "_sort__icon_1y979_43";
-const sort__active = "_sort__active_1y979_46";
-const sort__desc = "_sort__desc_1y979_49";
-const sort__asc = "_sort__asc_1y979_52";
-const column__text = "_column__text_1y979_58";
-const checkbox = "_checkbox_1y979_61";
-const thead__loader = "_thead__loader_1y979_67";
-const progress = "_progress_1y979_67";
-const thead__loader_linear = "_thead__loader_linear_1y979_70";
-const progress__wrapper = "_progress__wrapper_1y979_76";
-const style0 = {
-  thead,
-  sticky__header,
-  stick__top,
-  dense,
-  tr,
-  th,
-  align__start,
-  align__center,
-  align__end,
-  sortable,
-  sort__button,
-  sort__icon,
-  sort__active,
-  sort__desc,
-  sort__asc,
-  column__text,
-  checkbox,
-  thead__loader,
-  progress,
-  thead__loader_linear,
-  progress__wrapper
-};
-export {
-  align__center,
-  align__end,
-  align__start,
-  checkbox,
-  column__text,
-  style0 as default,
-  dense,
-  progress,
-  progress__wrapper,
-  sort__active,
-  sort__asc,
-  sort__button,
-  sort__desc,
-  sort__icon,
-  sortable,
-  stick__top,
-  sticky__header,
-  th,
-  thead,
-  thead__loader,
-  thead__loader_linear,
-  tr
-};
-//# sourceMappingURL=RuiTableHead.vue3.js.map

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

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

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

@@ -1,11 +0,0 @@
-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

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