@rotki/ui-library 2.18.0 → 2.19.1

package/dist/components/forms/select/RuiMenuSelect.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiMenuSelect.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../src/components/forms/select/RuiMenuSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue, TItem\">\nimport type { VueClassValue } from '@/types/class-value';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport { menuSelectStyles, type MenuSelectVariant } from '@/components/forms/select/menu-select-styles';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiMenu, { type MenuProps } from '@/components/overlays/menu/RuiMenu.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { type KeyOfType, useDropdownMenu } from '@/composables/dropdown-menu';\nimport { useFormTextDetail } from '@/utils/form-text-detail';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\nimport { cn } from '@/utils/tv';\n\nexport interface RuiMenuSelectClassNames {\n  root?: VueClassValue;\n  label?: VueClassValue;\n  menu?: VueClassValue;\n  option?: VueClassValue;\n}\n\nexport interface MenuSelectProps<TValue, TItem> {\n  options: TItem[];\n  keyAttr?: KeyOfType<TItem, TValue extends Array<infer U> ? U : TValue>;\n  textAttr?: keyof TItem;\n  disabled?: boolean;\n  loading?: boolean;\n  readOnly?: boolean;\n  dense?: boolean;\n  clearable?: boolean;\n  label?: string;\n  menuOptions?: MenuProps;\n  classNames?: RuiMenuSelectClassNames;\n  /** @deprecated Use `classNames.label` instead */\n  labelClass?: string;\n  /** @deprecated Use `classNames.menu` instead */\n  menuClass?: string;\n  /** @deprecated Use `classNames.option` instead */\n  optionClass?: string;\n  prependWidth?: number;\n  appendWidth?: number;\n  itemHeight?: number;\n  variant?: MenuSelectVariant;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  autoSelectFirst?: boolean;\n  hideNoData?: boolean;\n  noDataText?: string;\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiMenuSelect',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue | undefined>({ required: true });\n\nconst {\n  options,\n  disabled = false,\n  loading = false,\n  readOnly = false,\n  dense = false,\n  clearable = false,\n  hideDetails = false,\n  label = 'Select',\n  menuOptions,\n  classNames,\n  labelClass,\n  menuClass,\n  variant = 'default',\n  hint,\n  keyAttr,\n  textAttr,\n  itemHeight,\n  errorMessages = [],\n  successMessages = [],\n  autoSelectFirst = false,\n  hideNoData = false,\n  noDataText = 'No data available',\n  required = false,\n} = defineProps<MenuSelectProps<TValue, TItem>>();\n\ndefineSlots<{\n  'activator'?: (props: {\n    disabled: boolean;\n    value: TItem | undefined;\n    variant: string;\n    readOnly: boolean;\n    attrs: Record<string, unknown>;\n    open: boolean;\n    hasError: boolean;\n    hasSuccess: boolean;\n  }) => any;\n  'activator.label'?: (props: { value: TItem | undefined }) => any;\n  'selection.prepend'?: (props: { item: TItem }) => any;\n  'selection'?: (props: { item: TItem }) => any;\n  'item.prepend'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'item'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'item.append'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'no-data'?: () => any;\n}>();\n\nconst menuRef = useTemplateRef<HTMLDivElement>('menuRef');\nconst activator = useTemplateRef<HTMLDivElement>('activator');\nconst { focused } = useFocus(activator);\n\nconst { hasError, hasSuccess } = useFormTextDetail(\n  () => errorMessages,\n  () => successMessages,\n);\n\nconst value = computed<TItem | undefined>({\n  get: () => {\n    const value = get(modelValue);\n    if (keyAttr)\n      return options.find(option => option[keyAttr] === value);\n    return value as unknown as TItem;\n  },\n  set: (selected?: TItem) => {\n    const selection = keyAttr && selected ? selected[keyAttr] : selected;\n    set(modelValue, selection as TValue);\n  },\n});\n\nfunction setValue(val: TItem): void {\n  set(value, val);\n  set(focused, true);\n}\n\nconst {\n  containerProps,\n  wrapperProps,\n  renderedData,\n  isOpen,\n  menuWidth,\n  getText,\n  getIdentifier,\n  isActiveItem,\n  highlightedIndex,\n  moveHighlight,\n  applyHighlighted,\n  valueKey,\n} = useDropdownMenu<TValue, TItem>({\n  itemHeight: itemHeight ?? (dense ? 30 : 48),\n  keyAttr,\n  textAttr,\n  options: () => options,\n  dense: () => dense,\n  value,\n  menuRef,\n  disabled: () => disabled,\n  autoSelectFirst,\n  setValue,\n});\n\nconst outlined = computed<boolean>(() => variant === 'outlined');\nconst float = computed<boolean>(() => (get(isOpen) || !!get(value)) && get(outlined));\n\nconst legendText = computed<string>(() => {\n  if (!get(float) || !label)\n    return '';\n  return required ? `${label} ﹡` : label;\n});\n\nconst ui = computed<ReturnType<typeof menuSelectStyles>>(() => menuSelectStyles({\n  filled: variant === 'filled',\n  outlined: get(outlined),\n  float: get(float),\n  opened: get(isOpen),\n  dense,\n  disabled,\n  readonly: readOnly,\n  hasError: get(hasError),\n  hasSuccess: get(hasSuccess) && !get(hasError),\n}));\n\nconst highlightedClass = menuSelectStyles({}).highlighted();\n\nfunction clear(): void {\n  set(modelValue, undefined);\n}\n</script>\n\n<template>\n  <RuiMenu\n    v-model=\"isOpen\"\n    v-bind=\"{ ...getRootAttrs($attrs, []), ...menuOptions }\"\n    :class=\"ui.wrapper({ class: cn($attrs.class) })\"\n    placement=\"bottom-start\"\n    :close-on-content-click=\"true\"\n    :full-width=\"true\"\n    :error-messages=\"errorMessages\"\n    :success-messages=\"successMessages\"\n    :hint=\"hint\"\n    :dense=\"dense\"\n    :show-details=\"!hideDetails\"\n    :disabled=\"disabled\"\n    disable-auto-focus\n  >\n    <template #activator=\"{ attrs, open, hasError: slotHasError, hasSuccess: slotHasSuccess }\">\n      <slot\n        name=\"activator\"\n        v-bind=\"{ disabled, value, variant, readOnly, attrs, open, hasError: slotHasError, hasSuccess: slotHasSuccess }\"\n      >\n        <button\n          ref=\"activator\"\n          :disabled=\"disabled\"\n          :aria-disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-readonly=\"readOnly || undefined\"\n          :aria-required=\"required || undefined\"\n          :aria-busy=\"loading || undefined\"\n          type=\"button\"\n          :tabindex=\"disabled || readOnly ? -1 : 0\"\n          :class=\"ui.activator({ class: cn(classNames?.label) ?? labelClass })\"\n          v-bind=\"{\n            ...getNonRootAttrs($attrs),\n            ...(readOnly ? {} : attrs),\n          }\"\n          data-id=\"activator\"\n          :aria-invalid=\"hasError\"\n          @keydown.up.prevent=\"moveHighlight(true)\"\n          @keydown.down.prevent=\"moveHighlight(false)\"\n          @keydown.enter.prevent=\"applyHighlighted()\"\n          @keydown.space.prevent=\"applyHighlighted()\"\n          @keydown.home.prevent=\"highlightedIndex = 0\"\n          @keydown.end.prevent=\"highlightedIndex = options.length - 1\"\n        >\n          <span\n            v-if=\"outlined || !value\"\n            :class=\"[\n              ui.label(),\n              { 'pr-2': !value && !open && outlined },\n            ]\"\n          >\n            <slot\n              name=\"activator.label\"\n              v-bind=\"{ value }\"\n            >\n              {{ label }}\n            </slot>\n            <span\n              v-if=\"required\"\n              :class=\"ui.required()\"\n            >\n              ﹡\n            </span>\n          </span>\n          <span\n            v-if=\"value\"\n            :class=\"ui.value()\"\n          >\n            <slot\n              name=\"selection.prepend\"\n              v-bind=\"{ item: value }\"\n            />\n            <slot\n              name=\"selection\"\n              v-bind=\"{ item: value }\"\n            >\n              {{ getText(value) }}\n            </slot>\n          </span>\n\n          <span\n            v-if=\"clearable && value && !disabled\"\n            data-id=\"clear\"\n            :class=\"[ui.clear(), focused && '!visible']\"\n            @click.stop.prevent=\"clear()\"\n          >\n            <RuiIcon\n              color=\"error\"\n              name=\"lu-x\"\n              size=\"18\"\n            />\n          </span>\n\n          <span :class=\"ui.iconWrapper()\">\n            <RuiIcon\n              :class=\"ui.icon()\"\n              :size=\"dense ? 16 : 24\"\n              name=\"lu-chevron-down\"\n            />\n          </span>\n\n          <RuiProgress\n            v-if=\"loading\"\n            :class=\"ui.progress()\"\n            color=\"primary\"\n            thickness=\"3\"\n            variant=\"indeterminate\"\n          />\n        </button>\n        <fieldset\n          v-if=\"outlined\"\n          :class=\"ui.fieldset()\"\n        >\n          <legend :class=\"ui.legend()\">\n            {{ legendText }}\n          </legend>\n        </fieldset>\n      </slot>\n      <input\n        :value=\"valueKey\"\n        class=\"hidden\"\n        type=\"hidden\"\n      />\n    </template>\n    <template #default=\"{ width }\">\n      <div\n        v-if=\"options.length > 0\"\n        :ref=\"containerProps.ref\"\n        :class=\"ui.menu({ class: cn(classNames?.menu) ?? menuClass })\"\n        :style=\"[containerProps.style, { width: `${width}px`, minWidth: menuWidth }]\"\n        @scroll=\"containerProps.onScroll\"\n        @keydown.up.prevent=\"moveHighlight(true)\"\n        @keydown.down.prevent=\"moveHighlight(false)\"\n      >\n        <div\n          v-bind=\"wrapperProps\"\n          ref=\"menuRef\"\n        >\n          <RuiButton\n            v-for=\"{ item, _index } in renderedData\"\n            :key=\"getIdentifier(item)\"\n            :active=\"isActiveItem(item)\"\n            :aria-selected=\"isActiveItem(item)\"\n            :size=\"dense ? 'sm' : undefined\"\n            variant=\"list\"\n            :data-highlighted=\"highlightedIndex === _index\"\n            :class=\"{\n              [highlightedClass]: !isActiveItem(item) && highlightedIndex === _index,\n            }\"\n            @click=\"setValue(item)\"\n          >\n            <template #prepend>\n              <slot\n                name=\"item.prepend\"\n                v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n              />\n            </template>\n            <slot\n              name=\"item\"\n              v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n            >\n              {{ getText(item) }}\n            </slot>\n            <template #append>\n              <slot\n                name=\"item.append\"\n                v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n              />\n            </template>\n          </RuiButton>\n        </div>\n      </div>\n\n      <div\n        v-else-if=\"!hideNoData\"\n        data-id=\"no-data\"\n        :style=\"{ width: `${width}px`, minWidth: menuWidth }\"\n        :class=\"classNames?.menu ?? menuClass\"\n      >\n        <slot name=\"no-data\">\n          <div class=\"p-4\">\n            {{ noDataText }}\n          </div>\n        </slot>\n      </div>\n    </template>\n  </RuiMenu>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"RuiMenuSelect.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../src/components/forms/select/RuiMenuSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue, TItem\">\nimport type { VueClassValue } from '@/types/class-value';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport { menuSelectStyles, type MenuSelectVariant } from '@/components/forms/select/menu-select-styles';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiMenu, { type MenuProps } from '@/components/overlays/menu/RuiMenu.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { type KeyOfType, useDropdownMenu } from '@/composables/dropdown-menu';\nimport { useFormTextDetail } from '@/utils/form-text-detail';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\nimport { cn } from '@/utils/tv';\n\nexport interface RuiMenuSelectClassNames {\n  root?: VueClassValue;\n  label?: VueClassValue;\n  menu?: VueClassValue;\n  option?: VueClassValue;\n}\n\nexport interface MenuSelectProps<TValue, TItem> {\n  options: TItem[];\n  keyAttr?: KeyOfType<TItem, TValue extends Array<infer U> ? U : TValue>;\n  textAttr?: keyof TItem;\n  disabled?: boolean;\n  loading?: boolean;\n  readOnly?: boolean;\n  dense?: boolean;\n  clearable?: boolean;\n  label?: string;\n  menuOptions?: MenuProps;\n  classNames?: RuiMenuSelectClassNames;\n  /** @deprecated Use `classNames.label` instead */\n  labelClass?: string;\n  /** @deprecated Use `classNames.menu` instead */\n  menuClass?: string;\n  /** @deprecated Use `classNames.option` instead */\n  optionClass?: string;\n  prependWidth?: number;\n  appendWidth?: number;\n  itemHeight?: number;\n  variant?: MenuSelectVariant;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  autoSelectFirst?: boolean;\n  hideNoData?: boolean;\n  noDataText?: string;\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiMenuSelect',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue | undefined>({ required: true });\n\nconst {\n  options,\n  disabled = false,\n  loading = false,\n  readOnly = false,\n  dense = false,\n  clearable = false,\n  hideDetails = false,\n  label = 'Select',\n  menuOptions,\n  classNames,\n  labelClass,\n  menuClass,\n  variant = 'default',\n  hint,\n  keyAttr,\n  textAttr,\n  itemHeight,\n  errorMessages = [],\n  successMessages = [],\n  autoSelectFirst = false,\n  hideNoData = false,\n  noDataText = 'No data available',\n  required = false,\n} = defineProps<MenuSelectProps<TValue, TItem>>();\n\ndefineSlots<{\n  'activator'?: (props: {\n    disabled: boolean;\n    value: TItem | undefined;\n    variant: string;\n    readOnly: boolean;\n    attrs: Record<string, unknown>;\n    open: boolean;\n    hasError: boolean;\n    hasSuccess: boolean;\n  }) => any;\n  'activator.label'?: (props: { value: TItem | undefined }) => any;\n  'selection.prepend'?: (props: { item: TItem }) => any;\n  'selection'?: (props: { item: TItem }) => any;\n  'item.prepend'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'item'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'item.append'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'no-data'?: () => any;\n}>();\n\nconst menuRef = useTemplateRef<HTMLDivElement>('menuRef');\nconst activator = useTemplateRef<HTMLDivElement>('activator');\nconst { focused } = useFocus(activator);\n\nconst { hasError, hasSuccess } = useFormTextDetail(\n  () => errorMessages,\n  () => successMessages,\n);\n\nconst value = computed<TItem | undefined>({\n  get: () => {\n    const value = get(modelValue);\n    if (keyAttr)\n      return options.find(option => option[keyAttr] === value);\n    return value as unknown as TItem;\n  },\n  set: (selected?: TItem) => {\n    const selection = keyAttr && selected ? selected[keyAttr] : selected;\n    set(modelValue, selection as TValue);\n  },\n});\n\nfunction setValue(val: TItem): void {\n  set(value, val);\n  set(focused, true);\n}\n\nconst {\n  containerProps,\n  wrapperProps,\n  renderedData,\n  isOpen,\n  menuWidth,\n  getText,\n  getIdentifier,\n  isActiveItem,\n  highlightedIndex,\n  moveHighlight,\n  applyHighlighted,\n  valueKey,\n} = useDropdownMenu<TValue, TItem>({\n  itemHeight: itemHeight ?? (dense ? 30 : 48),\n  keyAttr,\n  textAttr,\n  options: () => options,\n  dense: () => dense,\n  value,\n  menuRef,\n  disabled: () => disabled,\n  autoSelectFirst,\n  setValue,\n});\n\nconst outlined = computed<boolean>(() => variant === 'outlined');\nconst float = computed<boolean>(() => (get(isOpen) || !!get(value)) && get(outlined));\n\nconst legendText = computed<string>(() => {\n  if (!get(float) || !label)\n    return '';\n  return required ? `${label} ﹡` : label;\n});\n\nconst ui = computed<ReturnType<typeof menuSelectStyles>>(() => menuSelectStyles({\n  filled: variant === 'filled',\n  outlined: get(outlined),\n  float: get(float),\n  opened: get(isOpen),\n  dense,\n  disabled,\n  readonly: readOnly,\n  hasError: get(hasError),\n  hasSuccess: get(hasSuccess) && !get(hasError),\n}));\n\nconst highlightedClass = menuSelectStyles({}).highlighted();\n\nfunction clear(): void {\n  set(modelValue, undefined);\n}\n</script>\n\n<template>\n  <RuiMenu\n    v-model=\"isOpen\"\n    v-bind=\"{ ...getRootAttrs($attrs, []), ...menuOptions }\"\n    :class=\"ui.wrapper({ class: cn($attrs.class) })\"\n    placement=\"bottom-start\"\n    :close-on-content-click=\"true\"\n    :full-width=\"true\"\n    :error-messages=\"errorMessages\"\n    :success-messages=\"successMessages\"\n    :hint=\"hint\"\n    :dense=\"dense\"\n    :show-details=\"!hideDetails\"\n    :disabled=\"disabled\"\n    disable-auto-focus\n  >\n    <template #activator=\"{ attrs, open, hasError: slotHasError, hasSuccess: slotHasSuccess }\">\n      <slot\n        name=\"activator\"\n        v-bind=\"{ disabled, value, variant, readOnly, attrs, open, hasError: slotHasError, hasSuccess: slotHasSuccess }\"\n      >\n        <button\n          ref=\"activator\"\n          :disabled=\"disabled\"\n          :aria-disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-readonly=\"readOnly || undefined\"\n          :aria-required=\"required || undefined\"\n          :aria-busy=\"loading || undefined\"\n          type=\"button\"\n          :tabindex=\"disabled || readOnly ? -1 : 0\"\n          :class=\"ui.activator({ class: cn(classNames?.label) ?? labelClass })\"\n          v-bind=\"{\n            ...getNonRootAttrs($attrs),\n            ...(readOnly ? {} : attrs),\n          }\"\n          data-id=\"activator\"\n          :aria-invalid=\"hasError\"\n          @keydown.up.prevent=\"moveHighlight(true)\"\n          @keydown.down.prevent=\"moveHighlight(false)\"\n          @keydown.enter.prevent=\"applyHighlighted()\"\n          @keydown.space.prevent=\"applyHighlighted()\"\n          @keydown.home.prevent=\"highlightedIndex = 0\"\n          @keydown.end.prevent=\"highlightedIndex = options.length - 1\"\n        >\n          <span\n            v-if=\"outlined || !value\"\n            :class=\"[\n              ui.label(),\n              { 'pr-2': !value && !open && outlined },\n            ]\"\n          >\n            <slot\n              name=\"activator.label\"\n              v-bind=\"{ value }\"\n            >\n              {{ label }}\n            </slot>\n            <span\n              v-if=\"required\"\n              :class=\"ui.required()\"\n            >\n              ﹡\n            </span>\n          </span>\n          <span\n            v-if=\"value\"\n            :class=\"ui.value()\"\n          >\n            <slot\n              name=\"selection.prepend\"\n              v-bind=\"{ item: value }\"\n            />\n            <slot\n              name=\"selection\"\n              v-bind=\"{ item: value }\"\n            >\n              {{ getText(value) }}\n            </slot>\n          </span>\n\n          <span\n            v-if=\"clearable && value && !disabled\"\n            data-id=\"clear\"\n            :class=\"[ui.clear(), focused && '!visible']\"\n            @click.stop.prevent=\"clear()\"\n          >\n            <RuiIcon\n              color=\"error\"\n              name=\"lu-x\"\n              size=\"18\"\n            />\n          </span>\n\n          <span :class=\"ui.iconWrapper()\">\n            <RuiIcon\n              :class=\"ui.icon()\"\n              :size=\"dense ? 16 : 24\"\n              name=\"lu-chevron-down\"\n            />\n          </span>\n\n          <RuiProgress\n            v-if=\"loading\"\n            :class=\"ui.progress()\"\n            color=\"primary\"\n            thickness=\"3\"\n            variant=\"indeterminate\"\n          />\n        </button>\n        <fieldset\n          v-if=\"outlined\"\n          :class=\"ui.fieldset()\"\n        >\n          <legend :class=\"ui.legend()\">\n            {{ legendText }}\n          </legend>\n        </fieldset>\n      </slot>\n      <input\n        :value=\"valueKey\"\n        class=\"hidden\"\n        type=\"hidden\"\n      />\n    </template>\n    <template #default=\"{ width }\">\n      <div\n        v-if=\"options.length > 0\"\n        :ref=\"containerProps.ref\"\n        :class=\"ui.menu({ class: cn(classNames?.menu) ?? menuClass })\"\n        :style=\"[containerProps.style, { width: `${width}px`, minWidth: menuWidth }]\"\n        @scroll=\"containerProps.onScroll\"\n        @keydown.up.prevent=\"moveHighlight(true)\"\n        @keydown.down.prevent=\"moveHighlight(false)\"\n      >\n        <div\n          v-bind=\"wrapperProps\"\n          ref=\"menuRef\"\n        >\n          <RuiButton\n            v-for=\"{ item, _index } in renderedData\"\n            :key=\"getIdentifier(item)\"\n            :active=\"isActiveItem(item)\"\n            :aria-selected=\"isActiveItem(item)\"\n            :size=\"dense ? 'sm' : undefined\"\n            variant=\"list\"\n            :data-highlighted=\"highlightedIndex === _index\"\n            :class=\"{\n              [highlightedClass]: !isActiveItem(item) && highlightedIndex === _index,\n            }\"\n            @click=\"setValue(item)\"\n          >\n            <template #prepend>\n              <slot\n                name=\"item.prepend\"\n                v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n              />\n            </template>\n            <slot\n              name=\"item\"\n              v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n            >\n              {{ getText(item) }}\n            </slot>\n            <template #append>\n              <slot\n                name=\"item.append\"\n                v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n              />\n            </template>\n          </RuiButton>\n        </div>\n      </div>\n\n      <div\n        v-else-if=\"!hideNoData\"\n        data-id=\"no-data\"\n        :style=\"{ width: `${width}px`, minWidth: menuWidth }\"\n        :class=\"classNames?.menu ?? menuClass\"\n      >\n        <slot name=\"no-data\">\n          <div class=\"p-4\">\n            {{ noDataText }}\n          </div>\n        </slot>\n      </div>\n    </template>\n  </RuiMenu>\n</template>\n"],"mappings":"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"}

package/dist/components/icons/RuiIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiIcon.js","names":[],"sources":["../../../src/components/icons/RuiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { useIcons } from '@/composables/icons';\nimport { isRuiIcon, type RuiIcons } from '@/icons';\nimport { tv } from '@/utils/tv';\n\nexport interface Props {\n  name: RuiIcons;\n  size?: number | string;\n  color?: ContextColorsType;\n}\n\ndefineOptions({\n  name: 'RuiIcon',\n});\n\nconst { name, size, color } = defineProps<Props>();\n\nconst { registeredIcons } = useIcons();\n\ntype SvgComponent = [tag: string, attrs: Record<string, string>];\n\nconst iconStyles = tv({\n  base: 'w-[var(--rui-icon-size,1.5rem)] h-[var(--rui-icon-size,1.5rem)]',\n  variants: {\n    color: {\n      primary: 'text-rui-primary',\n      secondary: 'text-rui-secondary',\n      error: 'text-rui-error',\n      warning: 'text-rui-warning',\n      info: 'text-rui-info',\n      success: 'text-rui-success',\n    },\n  },\n});\n\nconst hasExplicitSize = computed<boolean>(() => size !== undefined);\nconst ui = computed<string>(() => iconStyles({ color }));\n\n// Render the `size` prop as an inline CSS custom property on the svg. Because\n// inline style wins against any inherited value for the same property on this\n// element, the consumer-supplied size beats the button's `--rui-icon-size`\n// assignment without needing !important. A bare number (or numeric string —\n// `:size=\"16\"` resolves to a string in the template binding) is coerced to px;\n// values that already include a unit (`1rem`, `18px`, `calc(...)`) pass\n// through unchanged. The previous SVG-attr path accepted bare numbers because\n// `width`/`height` presentation attrs treat them as px; CSS does not.\nconst sizeStyle = computed<Record<string, string> | undefined>(() => {\n  if (!get(hasExplicitSize))\n    return undefined;\n  const raw = String(size);\n  const value = /^\\d+(?:\\.\\d+)?$/.test(raw) ? `${raw}px` : raw;\n  return { '--rui-icon-size': value };\n});\n\nconst isFill = computed<boolean>(() => name.endsWith('-fill'));\n\nconst components = computed<SvgComponent[] | undefined>(() => {\n  if (!isRuiIcon(name)) {\n    console.warn(`icon ${name} must be a valid RuiIcon`);\n  }\n  const found = registeredIcons[name];\n\n  if (!found) {\n    console.error(\n      `Icons \"${name}\" not found. Make sure that you have register the icon when installing the RuiPlugin`,\n    );\n  }\n  return found;\n});\n</script>\n\n<template>\n  <svg\n    aria-hidden=\"true\"\n    class=\"rui-icon\"\n    :class=\"ui\"\n    :style=\"sizeStyle\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <component\n      :is=\"component[0]\"\n      v-for=\"(component, index) in components\"\n      :key=\"index\"\n      v-bind=\"component[1]\"\n      :fill=\"!isFill ? 'none' : 'currentColor'\"\n      :stroke=\"!isFill ? 'currentColor' : 'none'\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n    />\n  </svg>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RuiIcon.js","names":[],"sources":["../../../src/components/icons/RuiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { useIcons } from '@/composables/icons';\nimport { isRuiIcon, type RuiIcons } from '@/icons';\nimport { tv } from '@/utils/tv';\n\nexport interface Props {\n  name: RuiIcons;\n  size?: number | string;\n  color?: ContextColorsType;\n}\n\ndefineOptions({\n  name: 'RuiIcon',\n});\n\nconst { name, size, color } = defineProps<Props>();\n\nconst { registeredIcons } = useIcons();\n\ntype SvgComponent = [tag: string, attrs: Record<string, string>];\n\nconst iconStyles = tv({\n  // `shrink-0` keeps the icon at its declared `--rui-icon-size` when it sits\n  // in a flex container next to a long flex-grow sibling (e.g. a `w-full`\n  // button label in `variant=\"list\"`). Without it, the SVG — even with an\n  // explicit width — gets compressed along the main axis when the row is\n  // narrower than the label's intrinsic width, while the height stays put,\n  // producing a sliver glyph. The icon's box is always intentionally driven\n  // by `--rui-icon-size`, so flex shrinking is never the desired behavior.\n  base: 'shrink-0 w-[var(--rui-icon-size,1.5rem)] h-[var(--rui-icon-size,1.5rem)]',\n  variants: {\n    color: {\n      primary: 'text-rui-primary',\n      secondary: 'text-rui-secondary',\n      error: 'text-rui-error',\n      warning: 'text-rui-warning',\n      info: 'text-rui-info',\n      success: 'text-rui-success',\n    },\n  },\n});\n\nconst hasExplicitSize = computed<boolean>(() => size !== undefined);\nconst ui = computed<string>(() => iconStyles({ color }));\n\n// Render the `size` prop as an inline CSS custom property on the svg. Because\n// inline style wins against any inherited value for the same property on this\n// element, the consumer-supplied size beats the button's `--rui-icon-size`\n// assignment without needing !important. A bare number (or numeric string —\n// `:size=\"16\"` resolves to a string in the template binding) is coerced to px;\n// values that already include a unit (`1rem`, `18px`, `calc(...)`) pass\n// through unchanged. The previous SVG-attr path accepted bare numbers because\n// `width`/`height` presentation attrs treat them as px; CSS does not.\nconst sizeStyle = computed<Record<string, string> | undefined>(() => {\n  if (!get(hasExplicitSize))\n    return undefined;\n  const raw = String(size);\n  const value = /^\\d+(?:\\.\\d+)?$/.test(raw) ? `${raw}px` : raw;\n  return { '--rui-icon-size': value };\n});\n\nconst isFill = computed<boolean>(() => name.endsWith('-fill'));\n\nconst components = computed<SvgComponent[] | undefined>(() => {\n  if (!isRuiIcon(name)) {\n    console.warn(`icon ${name} must be a valid RuiIcon`);\n  }\n  const found = registeredIcons[name];\n\n  if (!found) {\n    console.error(\n      `Icons \"${name}\" not found. Make sure that you have register the icon when installing the RuiPlugin`,\n    );\n  }\n  return found;\n});\n</script>\n\n<template>\n  <svg\n    aria-hidden=\"true\"\n    class=\"rui-icon\"\n    :class=\"ui\"\n    :style=\"sizeStyle\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <component\n      :is=\"component[0]\"\n      v-for=\"(component, index) in components\"\n      :key=\"index\"\n      v-bind=\"component[1]\"\n      :fill=\"!isFill ? 'none' : 'currentColor'\"\n      :stroke=\"!isFill ? 'currentColor' : 'none'\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n    />\n  </svg>\n</template>\n"],"mappings":""}

package/dist/components/icons/RuiIcon.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,7 @@ var RuiIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	setup(__props) {
 		const { registeredIcons } = useIcons();
 		const iconStyles = tv({
-			base: "w-[var(--rui-icon-size,1.5rem)] h-[var(--rui-icon-size,1.5rem)]",
+			base: "shrink-0 w-[var(--rui-icon-size,1.5rem)] h-[var(--rui-icon-size,1.5rem)]",
 			variants: { color: {
 				primary: "text-rui-primary",
 				secondary: "text-rui-secondary",

package/dist/components/icons/RuiIcon.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiIcon.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/icons/RuiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { useIcons } from '@/composables/icons';\nimport { isRuiIcon, type RuiIcons } from '@/icons';\nimport { tv } from '@/utils/tv';\n\nexport interface Props {\n  name: RuiIcons;\n  size?: number | string;\n  color?: ContextColorsType;\n}\n\ndefineOptions({\n  name: 'RuiIcon',\n});\n\nconst { name, size, color } = defineProps<Props>();\n\nconst { registeredIcons } = useIcons();\n\ntype SvgComponent = [tag: string, attrs: Record<string, string>];\n\nconst iconStyles = tv({\n  base: 'w-[var(--rui-icon-size,1.5rem)] h-[var(--rui-icon-size,1.5rem)]',\n  variants: {\n    color: {\n      primary: 'text-rui-primary',\n      secondary: 'text-rui-secondary',\n      error: 'text-rui-error',\n      warning: 'text-rui-warning',\n      info: 'text-rui-info',\n      success: 'text-rui-success',\n    },\n  },\n});\n\nconst hasExplicitSize = computed<boolean>(() => size !== undefined);\nconst ui = computed<string>(() => iconStyles({ color }));\n\n// Render the `size` prop as an inline CSS custom property on the svg. Because\n// inline style wins against any inherited value for the same property on this\n// element, the consumer-supplied size beats the button's `--rui-icon-size`\n// assignment without needing !important. A bare number (or numeric string —\n// `:size=\"16\"` resolves to a string in the template binding) is coerced to px;\n// values that already include a unit (`1rem`, `18px`, `calc(...)`) pass\n// through unchanged. The previous SVG-attr path accepted bare numbers because\n// `width`/`height` presentation attrs treat them as px; CSS does not.\nconst sizeStyle = computed<Record<string, string> | undefined>(() => {\n  if (!get(hasExplicitSize))\n    return undefined;\n  const raw = String(size);\n  const value = /^\\d+(?:\\.\\d+)?$/.test(raw) ? `${raw}px` : raw;\n  return { '--rui-icon-size': value };\n});\n\nconst isFill = computed<boolean>(() => name.endsWith('-fill'));\n\nconst components = computed<SvgComponent[] | undefined>(() => {\n  if (!isRuiIcon(name)) {\n    console.warn(`icon ${name} must be a valid RuiIcon`);\n  }\n  const found = registeredIcons[name];\n\n  if (!found) {\n    console.error(\n      `Icons \"${name}\" not found. Make sure that you have register the icon when installing the RuiPlugin`,\n    );\n  }\n  return found;\n});\n</script>\n\n<template>\n  <svg\n    aria-hidden=\"true\"\n    class=\"rui-icon\"\n    :class=\"ui\"\n    :style=\"sizeStyle\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <component\n      :is=\"component[0]\"\n      v-for=\"(component, index) in components\"\n      :key=\"index\"\n      v-bind=\"component[1]\"\n      :fill=\"!isFill ? 'none' : 'currentColor'\"\n      :stroke=\"!isFill ? 'currentColor' : 'none'\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n    />\n  </svg>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAkBA,MAAM,EAAE,oBAAoB,UAAU;EAItC,MAAM,aAAa,GAAG;GACpB,MAAM;GACN,UAAU,EACR,OAAO;IACL,SAAS;IACT,WAAW;IACX,OAAO;IACP,SAAS;IACT,MAAM;IACN,SAAS;IACV,EAAA;GAEJ,CAAC;EAEF,MAAM,kBAAkB,eAAwB,QAAA,SAAS,KAAA,EAAU;EACnE,MAAM,KAAK,eAAuB,WAAW,EAAE,OAAI,QAAA,OAAG,CAAC,CAAC;EAUxD,MAAM,YAAY,eAAmD;AACnE,OAAI,CAAC,IAAI,gBAAgB,CACvB,QAAO,KAAA;GACT,MAAM,MAAM,OAAO,QAAA,KAAK;AAExB,UAAO,EAAE,mBADK,kBAAkB,KAAK,IAAI,GAAG,GAAG,IAAI,MAAM,KACtB;IACnC;EAEF,MAAM,SAAS,eAAwB,QAAA,KAAK,SAAS,QAAQ,CAAC;EAE9D,MAAM,aAAa,eAA2C;AAC5D,OAAI,CAAC,UAAU,QAAA,KAAK,CAClB,SAAQ,KAAK,QAAQ,QAAA,KAAK,0BAA0B;GAEtD,MAAM,QAAQ,gBAAgB,QAAA;AAE9B,OAAI,CAAC,MACH,SAAQ,MACN,UAAU,QAAA,KAAK,sFAChB;AAEH,UAAO;IACP;;uBAIA,mBAqBM,OAAA;IApBJ,eAAY;IACZ,OAAK,eAAA,CAAC,YACE,MAAA,GAAE,CAAA,CAAA;IACT,OAAK,eAAE,MAAA,UAAS,CAAA;IACjB,SAAQ;IACR,OAAM;yBAEN,mBAYE,UAAA,MAAA,WAV6B,MAAA,WAAU,GAA/B,WAAW,UAAK;wBAF1B,YAYE,wBAXK,UAAS,GAAA,EADhB,WAYE,EATC,KAAK,OAAK,EAAA,EAAA,SAAA,MAAA,EACH,UAAS,IAAA;KAChB,MAAI,CAAG,MAAA,OAAM,GAAA,SAAA;KACb,QAAM,CAAG,MAAA,OAAM,GAAA,iBAAA;KAChB,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,aAAU;KACV,aAAU"}
+{"version":3,"file":"RuiIcon.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/icons/RuiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { useIcons } from '@/composables/icons';\nimport { isRuiIcon, type RuiIcons } from '@/icons';\nimport { tv } from '@/utils/tv';\n\nexport interface Props {\n  name: RuiIcons;\n  size?: number | string;\n  color?: ContextColorsType;\n}\n\ndefineOptions({\n  name: 'RuiIcon',\n});\n\nconst { name, size, color } = defineProps<Props>();\n\nconst { registeredIcons } = useIcons();\n\ntype SvgComponent = [tag: string, attrs: Record<string, string>];\n\nconst iconStyles = tv({\n  // `shrink-0` keeps the icon at its declared `--rui-icon-size` when it sits\n  // in a flex container next to a long flex-grow sibling (e.g. a `w-full`\n  // button label in `variant=\"list\"`). Without it, the SVG — even with an\n  // explicit width — gets compressed along the main axis when the row is\n  // narrower than the label's intrinsic width, while the height stays put,\n  // producing a sliver glyph. The icon's box is always intentionally driven\n  // by `--rui-icon-size`, so flex shrinking is never the desired behavior.\n  base: 'shrink-0 w-[var(--rui-icon-size,1.5rem)] h-[var(--rui-icon-size,1.5rem)]',\n  variants: {\n    color: {\n      primary: 'text-rui-primary',\n      secondary: 'text-rui-secondary',\n      error: 'text-rui-error',\n      warning: 'text-rui-warning',\n      info: 'text-rui-info',\n      success: 'text-rui-success',\n    },\n  },\n});\n\nconst hasExplicitSize = computed<boolean>(() => size !== undefined);\nconst ui = computed<string>(() => iconStyles({ color }));\n\n// Render the `size` prop as an inline CSS custom property on the svg. Because\n// inline style wins against any inherited value for the same property on this\n// element, the consumer-supplied size beats the button's `--rui-icon-size`\n// assignment without needing !important. A bare number (or numeric string —\n// `:size=\"16\"` resolves to a string in the template binding) is coerced to px;\n// values that already include a unit (`1rem`, `18px`, `calc(...)`) pass\n// through unchanged. The previous SVG-attr path accepted bare numbers because\n// `width`/`height` presentation attrs treat them as px; CSS does not.\nconst sizeStyle = computed<Record<string, string> | undefined>(() => {\n  if (!get(hasExplicitSize))\n    return undefined;\n  const raw = String(size);\n  const value = /^\\d+(?:\\.\\d+)?$/.test(raw) ? `${raw}px` : raw;\n  return { '--rui-icon-size': value };\n});\n\nconst isFill = computed<boolean>(() => name.endsWith('-fill'));\n\nconst components = computed<SvgComponent[] | undefined>(() => {\n  if (!isRuiIcon(name)) {\n    console.warn(`icon ${name} must be a valid RuiIcon`);\n  }\n  const found = registeredIcons[name];\n\n  if (!found) {\n    console.error(\n      `Icons \"${name}\" not found. Make sure that you have register the icon when installing the RuiPlugin`,\n    );\n  }\n  return found;\n});\n</script>\n\n<template>\n  <svg\n    aria-hidden=\"true\"\n    class=\"rui-icon\"\n    :class=\"ui\"\n    :style=\"sizeStyle\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <component\n      :is=\"component[0]\"\n      v-for=\"(component, index) in components\"\n      :key=\"index\"\n      v-bind=\"component[1]\"\n      :fill=\"!isFill ? 'none' : 'currentColor'\"\n      :stroke=\"!isFill ? 'currentColor' : 'none'\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n    />\n  </svg>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAkBA,MAAM,EAAE,oBAAoB,UAAU;EAItC,MAAM,aAAa,GAAG;GAQpB,MAAM;GACN,UAAU,EACR,OAAO;IACL,SAAS;IACT,WAAW;IACX,OAAO;IACP,SAAS;IACT,MAAM;IACN,SAAS;IACV,EAAA;GAEJ,CAAC;EAEF,MAAM,kBAAkB,eAAwB,QAAA,SAAS,KAAA,EAAU;EACnE,MAAM,KAAK,eAAuB,WAAW,EAAE,OAAI,QAAA,OAAG,CAAC,CAAC;EAUxD,MAAM,YAAY,eAAmD;AACnE,OAAI,CAAC,IAAI,gBAAgB,CACvB,QAAO,KAAA;GACT,MAAM,MAAM,OAAO,QAAA,KAAK;AAExB,UAAO,EAAE,mBADK,kBAAkB,KAAK,IAAI,GAAG,GAAG,IAAI,MAAM,KACtB;IACnC;EAEF,MAAM,SAAS,eAAwB,QAAA,KAAK,SAAS,QAAQ,CAAC;EAE9D,MAAM,aAAa,eAA2C;AAC5D,OAAI,CAAC,UAAU,QAAA,KAAK,CAClB,SAAQ,KAAK,QAAQ,QAAA,KAAK,0BAA0B;GAEtD,MAAM,QAAQ,gBAAgB,QAAA;AAE9B,OAAI,CAAC,MACH,SAAQ,MACN,UAAU,QAAA,KAAK,sFAChB;AAEH,UAAO;IACP;;uBAIA,mBAqBM,OAAA;IApBJ,eAAY;IACZ,OAAK,eAAA,CAAC,YACE,MAAA,GAAE,CAAA,CAAA;IACT,OAAK,eAAE,MAAA,UAAS,CAAA;IACjB,SAAQ;IACR,OAAM;yBAEN,mBAYE,UAAA,MAAA,WAV6B,MAAA,WAAU,GAA/B,WAAW,UAAK;wBAF1B,YAYE,wBAXK,UAAS,GAAA,EADhB,WAYE,EATC,KAAK,OAAK,EAAA,EAAA,SAAA,MAAA,EACH,UAAS,IAAA;KAChB,MAAI,CAAG,MAAA,OAAM,GAAA,SAAA;KACb,QAAM,CAAG,MAAA,OAAM,GAAA,iBAAA;KAChB,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,aAAU;KACV,aAAU"}

package/dist/components/index.d.ts

@@ -2,6 +2,8 @@ import type { TableColumn as DataTableColumn, GroupKeys as DataTableGroupKeys, S
 import RuiAccordion, { type AccordionProps, type RuiAccordionClassNames } from '../components/accordions/accordion/RuiAccordion.vue';
 import RuiAccordions, { type Props as AccordionsProps } from '../components/accordions/accordions/RuiAccordions.vue';
 import RuiAlert, { type Props as AlertProps } from '../components/alerts/RuiAlert.vue';
+import RuiAvatar, { type Props as AvatarProps } from '../components/avatars/RuiAvatar.vue';
+import RuiAvatarGroup, { type Props as AvatarGroupProps } from '../components/avatars/RuiAvatarGroup.vue';
 import RuiButtonGroup, { type Props as ButtonGroupProps } from '../components/buttons/button-group/RuiButtonGroup.vue';
 import RuiButton, { type Props as ButtonProps } from '../components/buttons/button/RuiButton.vue';
 import RuiCalendar, { type CalendarProps } from '../components/calendar/RuiCalendar.vue';
@@ -12,6 +14,7 @@ import RuiColorPicker from '../components/color-picker/RuiColorPicker.vue';
 import RuiDateTimePicker, { type RuiDateTimePickerProps } from '../components/date-time-picker/RuiDateTimePicker.vue';
 import RuiDivider, { type Props as DividerProps } from '../components/divider/RuiDivider.vue';
 import RuiAutoComplete, { type AutoCompleteProps, type RuiAutoCompleteClassNames } from '../components/forms/auto-complete/RuiAutoComplete.vue';
+import RuiCheckboxGroup, { type Props as CheckboxGroupProps } from '../components/forms/checkbox/checkbox-group/RuiCheckboxGroup.vue';
 import RuiCheckbox, { type Props as CheckboxProps } from '../components/forms/checkbox/RuiCheckbox.vue';
 import RuiRadioGroup, { type Props as RadioGroupProps } from '../components/forms/radio-button/radio-group/RuiRadioGroup.vue';
 import RuiRadio, { type RadioProps } from '../components/forms/radio-button/radio/RuiRadio.vue';
@@ -43,5 +46,5 @@ import RuiTabItems from '../components/tabs/tab-items/RuiTabItems.vue';
 import RuiTab, { type RuiTabClassNames, type Props as TabProps } from '../components/tabs/tab/RuiTab.vue';
 import RuiTabs, { type Props as TabsProps } from '../components/tabs/tabs/RuiTabs.vue';
 import RuiTimePicker, { type RuiTimePickerProps } from '../components/time-picker/RuiTimePicker.vue';
-export type { AccordionProps, AccordionsProps, AlertProps, AutoCompleteProps, BadgeProps, BottomSheetProps, ButtonGroupProps, ButtonProps, CalendarProps, CardHeaderProps, CardProps, CheckboxProps, ChipProps, DataTableColumn, DataTableGroupKeys, DataTableOptions, DataTableProps, DataTableSortColumn, DataTableSortData, DialogProps, DividerProps, ExpandButtonProps, FooterStepperProps, GroupData, IconProps, LogoProps, MenuProps, MenuSelectProps, NavigationDrawerProps, NotificationProps, ProgressProps, RadioGroupProps, RadioProps, RevealableTextFieldProps, RuiAccordionClassNames, RuiAutoCompleteClassNames, RuiCardClassNames, RuiChipClassNames, RuiDateTimePickerProps, RuiDialogClassNames, RuiMenuClassNames, RuiMenuSelectClassNames, RuiNavigationDrawerClassNames, RuiSliderClassNames, RuiStepperClassNames, RuiTabClassNames, RuiTimePickerProps, RuiTooltipClassNames, SimpleSelectProps, SkeletonLoaderProps, SliderProps, StepperProps, SwitchProps, TabItemProps, TablePaginationData, TablePaginationProps, TabProps, TabsProps, TextAreaProps, TextFieldProps, TooltipProps, };
-export { RuiAccordion, RuiAccordions, RuiAlert, RuiAutoComplete, RuiBadge, RuiBottomSheet, RuiButton, RuiButtonGroup, RuiCalendar, RuiCard, RuiCardHeader, RuiCheckbox, RuiChip, RuiColorPicker, RuiDataTable, RuiDateTimePicker, RuiDialog, RuiDivider, RuiFooterStepper, RuiIcon, RuiLogo, RuiMenu, RuiMenuSelect, RuiNavigationDrawer, RuiNotification, RuiProgress, RuiRadio, RuiRadioGroup, RuiRevealableTextField, RuiSimpleSelect, RuiSkeletonLoader, RuiSlider, RuiStepper, RuiSwitch, RuiTab, RuiTabItem, RuiTabItems, RuiTablePagination, RuiTableRowExpander, RuiTabs, RuiTextArea, RuiTextField, RuiTimePicker, RuiTooltip, };
+export type { AccordionProps, AccordionsProps, AlertProps, AutoCompleteProps, AvatarGroupProps, AvatarProps, BadgeProps, BottomSheetProps, ButtonGroupProps, ButtonProps, CalendarProps, CardHeaderProps, CardProps, CheckboxGroupProps, CheckboxProps, ChipProps, DataTableColumn, DataTableGroupKeys, DataTableOptions, DataTableProps, DataTableSortColumn, DataTableSortData, DialogProps, DividerProps, ExpandButtonProps, FooterStepperProps, GroupData, IconProps, LogoProps, MenuProps, MenuSelectProps, NavigationDrawerProps, NotificationProps, ProgressProps, RadioGroupProps, RadioProps, RevealableTextFieldProps, RuiAccordionClassNames, RuiAutoCompleteClassNames, RuiCardClassNames, RuiChipClassNames, RuiDateTimePickerProps, RuiDialogClassNames, RuiMenuClassNames, RuiMenuSelectClassNames, RuiNavigationDrawerClassNames, RuiSliderClassNames, RuiStepperClassNames, RuiTabClassNames, RuiTimePickerProps, RuiTooltipClassNames, SimpleSelectProps, SkeletonLoaderProps, SliderProps, StepperProps, SwitchProps, TabItemProps, TablePaginationData, TablePaginationProps, TabProps, TabsProps, TextAreaProps, TextFieldProps, TooltipProps, };
+export { RuiAccordion, RuiAccordions, RuiAlert, RuiAutoComplete, RuiAvatar, RuiAvatarGroup, RuiBadge, RuiBottomSheet, RuiButton, RuiButtonGroup, RuiCalendar, RuiCard, RuiCardHeader, RuiCheckbox, RuiCheckboxGroup, RuiChip, RuiColorPicker, RuiDataTable, RuiDateTimePicker, RuiDialog, RuiDivider, RuiFooterStepper, RuiIcon, RuiLogo, RuiMenu, RuiMenuSelect, RuiNavigationDrawer, RuiNotification, RuiProgress, RuiRadio, RuiRadioGroup, RuiRevealableTextField, RuiSimpleSelect, RuiSkeletonLoader, RuiSlider, RuiStepper, RuiSwitch, RuiTab, RuiTabItem, RuiTabItems, RuiTablePagination, RuiTableRowExpander, RuiTabs, RuiTextArea, RuiTextField, RuiTimePicker, RuiTooltip, };

package/dist/components/index.js

@@ -4,6 +4,8 @@ import RuiAccordions_default from "./accordions/accordions/RuiAccordions.js";
 import RuiProgress_default from "./progress/RuiProgress.js";
 import RuiButton_default from "./buttons/button/RuiButton.js";
 import RuiAlert_default from "./alerts/RuiAlert.js";
+import RuiAvatar_default from "./avatars/RuiAvatar.js";
+import RuiAvatarGroup_default from "./avatars/RuiAvatarGroup.js";
 import RuiButtonGroup_default from "./buttons/button-group/RuiButtonGroup.js";
 import RuiMenu_default from "./overlays/menu/RuiMenu.js";
 import RuiCalendar_default from "./calendar/RuiCalendar.js";
@@ -17,6 +19,7 @@ import RuiAutoComplete_default from "./forms/auto-complete/RuiAutoComplete.js";
 import RuiTimePicker_default from "./time-picker/RuiTimePicker.js";
 import RuiDateTimePicker_default from "./date-time-picker/RuiDateTimePicker.js";
 import RuiDivider_default from "./divider/RuiDivider.js";
+import RuiCheckboxGroup_default from "./forms/checkbox/checkbox-group/RuiCheckboxGroup.js";
 import RuiCheckbox_default from "./forms/checkbox/RuiCheckbox.js";
 import RuiRadioGroup_default from "./forms/radio-button/radio-group/RuiRadioGroup.js";
 import RuiRadio_default from "./forms/radio-button/radio/RuiRadio.js";
@@ -42,4 +45,4 @@ import RuiTabItem_default from "./tabs/tab-item/RuiTabItem.js";
 import RuiTabItems_default from "./tabs/tab-items/RuiTabItems.js";
 import RuiTab_default from "./tabs/tab/RuiTab.js";
 import RuiTabs_default from "./tabs/tabs/RuiTabs.js";
-export { RuiAccordion_default as RuiAccordion, RuiAccordions_default as RuiAccordions, RuiAlert_default as RuiAlert, RuiAutoComplete_default as RuiAutoComplete, RuiBadge_default as RuiBadge, RuiBottomSheet_default as RuiBottomSheet, RuiButton_default as RuiButton, RuiButtonGroup_default as RuiButtonGroup, RuiCalendar_default as RuiCalendar, RuiCard_default as RuiCard, RuiCardHeader_default as RuiCardHeader, RuiCheckbox_default as RuiCheckbox, RuiChip_default as RuiChip, RuiColorPicker_default as RuiColorPicker, RuiDataTable_default as RuiDataTable, RuiDateTimePicker_default as RuiDateTimePicker, RuiDialog_default as RuiDialog, RuiDivider_default as RuiDivider, RuiFooterStepper_default as RuiFooterStepper, RuiIcon_default as RuiIcon, RuiLogo_default as RuiLogo, RuiMenu_default as RuiMenu, RuiMenuSelect_default as RuiMenuSelect, RuiNavigationDrawer_default as RuiNavigationDrawer, RuiNotification_default as RuiNotification, RuiProgress_default as RuiProgress, RuiRadio_default as RuiRadio, RuiRadioGroup_default as RuiRadioGroup, RuiRevealableTextField_default as RuiRevealableTextField, RuiSimpleSelect_default as RuiSimpleSelect, RuiSkeletonLoader_default as RuiSkeletonLoader, RuiSlider_default as RuiSlider, RuiStepper_default as RuiStepper, RuiSwitch_default as RuiSwitch, RuiTab_default as RuiTab, RuiTabItem_default as RuiTabItem, RuiTabItems_default as RuiTabItems, RuiTablePagination_default as RuiTablePagination, RuiExpandButton_default as RuiTableRowExpander, RuiTabs_default as RuiTabs, RuiTextArea_default as RuiTextArea, RuiTextField_default as RuiTextField, RuiTimePicker_default as RuiTimePicker, RuiTooltip_default as RuiTooltip };
+export { RuiAccordion_default as RuiAccordion, RuiAccordions_default as RuiAccordions, RuiAlert_default as RuiAlert, RuiAutoComplete_default as RuiAutoComplete, RuiAvatar_default as RuiAvatar, RuiAvatarGroup_default as RuiAvatarGroup, RuiBadge_default as RuiBadge, RuiBottomSheet_default as RuiBottomSheet, RuiButton_default as RuiButton, RuiButtonGroup_default as RuiButtonGroup, RuiCalendar_default as RuiCalendar, RuiCard_default as RuiCard, RuiCardHeader_default as RuiCardHeader, RuiCheckbox_default as RuiCheckbox, RuiCheckboxGroup_default as RuiCheckboxGroup, RuiChip_default as RuiChip, RuiColorPicker_default as RuiColorPicker, RuiDataTable_default as RuiDataTable, RuiDateTimePicker_default as RuiDateTimePicker, RuiDialog_default as RuiDialog, RuiDivider_default as RuiDivider, RuiFooterStepper_default as RuiFooterStepper, RuiIcon_default as RuiIcon, RuiLogo_default as RuiLogo, RuiMenu_default as RuiMenu, RuiMenuSelect_default as RuiMenuSelect, RuiNavigationDrawer_default as RuiNavigationDrawer, RuiNotification_default as RuiNotification, RuiProgress_default as RuiProgress, RuiRadio_default as RuiRadio, RuiRadioGroup_default as RuiRadioGroup, RuiRevealableTextField_default as RuiRevealableTextField, RuiSimpleSelect_default as RuiSimpleSelect, RuiSkeletonLoader_default as RuiSkeletonLoader, RuiSlider_default as RuiSlider, RuiStepper_default as RuiStepper, RuiSwitch_default as RuiSwitch, RuiTab_default as RuiTab, RuiTabItem_default as RuiTabItem, RuiTabItems_default as RuiTabItems, RuiTablePagination_default as RuiTablePagination, RuiExpandButton_default as RuiTableRowExpander, RuiTabs_default as RuiTabs, RuiTextArea_default as RuiTextArea, RuiTextField_default as RuiTextField, RuiTimePicker_default as RuiTimePicker, RuiTooltip_default as RuiTooltip };

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

@@ -1 +1 @@
-{"version":3,"file":"RuiDataTable.js","names":[],"sources":["../../../src/components/tables/RuiDataTable.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, IdType 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 RuiTooltip from '@/components/overlays/tooltip/RuiTooltip.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { dataTableStyles, getAlignClass } from '@/components/tables/data-table-styles';\nimport RuiExpandButton from '@/components/tables/RuiExpandButton.vue';\nimport RuiTableEmptyState from '@/components/tables/RuiTableEmptyState.vue';\nimport RuiTableHead, {\n  type GroupData,\n  type TableColumn,\n  type TableRowKeyData,\n  type TableSortData,\n} from '@/components/tables/RuiTableHead.vue';\nimport RuiTablePagination, {\n  type TablePaginationData,\n} from '@/components/tables/RuiTablePagination.vue';\nimport { useTable } from '@/composables/defaults/table';\nimport { useStickyTableHeader } from '@/composables/sticky-header';\nimport { useTableColumns } from '@/composables/tables/data-table/columns';\nimport { useTableExpansion } from '@/composables/tables/data-table/expansion';\nimport { useTableGrouping } from '@/composables/tables/data-table/grouping';\nimport { useTablePagination } from '@/composables/tables/data-table/pagination';\nimport { useTableSelection } from '@/composables/tables/data-table/selection';\nimport { useTableSort } from '@/composables/tables/data-table/sort';\nimport { type GroupHeader, isRow } from '@/composables/tables/data-table/types';\n\nexport type { GroupedTableRow, GroupHeader, TableOptions } from '@/composables/tables/data-table/types';\n\nexport interface Props<T, K extends keyof T> {\n  /**\n   * list of items for each row\n   */\n  rows: readonly T[];\n  /**\n   * the attribute used to identify each row uniquely for selection, usually `id`\n   */\n  rowAttr: K;\n  /**\n   * model for internal searching\n   */\n  search?: string;\n  /**\n   * model for items per page\n   * will be used if the `pagination` model isn't specified\n   */\n  itemsPerPage?: number;\n  /**\n   * list of column definitions\n   */\n  cols?: TableColumn<T>[];\n  /**\n   * attribute to use from column definitions to display column titles\n   */\n  columnAttr?: keyof TableColumn<T>;\n  /**\n   * flag to show a more or less spacious table\n   */\n  dense?: boolean;\n  /**\n   * flag to outline the flag with a border\n   */\n  outlined?: boolean;\n  /**\n   * should add zebra-striping to the table row\n   */\n  striped?: boolean;\n  /**\n   * flag to show loading state of the table\n   * triggers indefinite progress at the bottom of the table header\n   */\n  loading?: boolean;\n  disablePerPage?: boolean;\n  /**\n   * Maximum number of pages before the jump-to-page dropdown is replaced with\n   * a numeric input. Defaults to `500`. Forwarded to `RuiTablePagination`.\n   */\n  rangesThreshold?: number;\n  /**\n   * data to display for empty state\n   * text and icon\n   * @example :empty=\"{ icon: 'transactions-line', label: 'No transactions found' }\"\n   */\n  empty?: {\n    label?: string;\n    description?: string;\n  };\n  /**\n   * should hide the header navigation\n   */\n  hideDefaultHeader?: boolean;\n  /**\n   * should hide the footer navigation\n   */\n  hideDefaultFooter?: boolean;\n\n  rounded?: 'sm' | 'md' | 'lg';\n  /**\n   * make expansion work like accordion\n   */\n  singleExpand?: boolean;\n  /**\n   * make table head stick to top on scroll\n   */\n  stickyHeader?: boolean;\n  stickyOffset?: number;\n  /**\n   * Affects how the items per page work across the app.\n   * When true, changing the items per page setting in one table will affect other tables.\n   */\n  globalItemsPerPage?: boolean;\n  groupExpandButtonPosition?: 'start' | 'end';\n  disabledRows?: readonly T[];\n  multiPageSelect?: boolean;\n  itemClass?: ((item: T) => string) | string;\n}\n\ndefineOptions({\n  name: 'RuiDataTable',\n});\n\nconst selectedData = defineModel<T[IdType][]>();\n\nconst expanded = defineModel<T[]>('expanded');\n\nconst [pagination, paginationModifiers] = defineModel<TablePaginationData, 'external'>('pagination');\n\nconst [sort, sortModifiers] = defineModel<TableSortData<T>, 'external'>('sort');\n\nconst group = defineModel<TableRowKeyData<T>>('group');\n\nconst collapsed = defineModel<T[]>('collapsed');\n\nconst {\n  rows,\n  rowAttr,\n  search = '',\n  itemsPerPage = 10,\n  cols,\n  columnAttr = 'label',\n  dense = false,\n  outlined = false,\n  striped = false,\n  loading = false,\n  disablePerPage = false,\n  rangesThreshold = 500,\n  empty = { label: 'No item found' },\n  hideDefaultHeader = false,\n  hideDefaultFooter = false,\n  rounded = 'md',\n  singleExpand = false,\n  stickyHeader = false,\n  stickyOffset,\n  globalItemsPerPage = undefined,\n  groupExpandButtonPosition = 'start',\n  disabledRows,\n  multiPageSelect = false,\n  itemClass = '',\n} = defineProps<Props<T, IdType>>();\n\nconst emit = defineEmits<{\n  'update:options': [value: { pagination?: TablePaginationData; sort?: TableSortData<T> }];\n  'copy:group': [value: GroupData<T>];\n}>();\n\nconst slots = defineSlots<Partial<\n  Record<`header.${string}`, (props: { column: TableColumn<T> }) => any> &\n  Record<`item.${string}`, (props: { column: TableColumn<T>; row: T; index: number }) => any> & {\n    'body.prepend': (props: { colspan: number }) => any;\n    'body.append': (props: { colspan: number }) => any;\n    'group.header': (props: {\n      colspan: number;\n      header: GroupHeader<T>;\n      isOpen: boolean;\n      toggle: () => void;\n    }) => any;\n    'group.header.content': (props: { header: GroupHeader<T>; groupKey: string }) => any;\n    'expanded-item': (props: { row: T; index: number }) => any;\n    'no-data': () => any;\n    'empty-description': () => any;\n    'tfoot': () => any;\n  }\n>>();\n\nconst tableDefaults = useTable();\n\nconst stickyHeaderOffset = computed<number | undefined>(() =>\n  stickyOffset !== undefined ? stickyOffset : get(tableDefaults.stickyOffset),\n);\n\nconst table = useTemplateRef<HTMLTableElement>('table');\nconst tableScroller = useTemplateRef<HTMLElement>('tableScroller');\n\nconst { stick } = useStickyTableHeader(\n  () => stickyHeader,\n  stickyHeaderOffset,\n  { table, tableScroller },\n);\n\nconst { expandable, isExpanded, onToggleExpand } = useTableExpansion<T, IdType>(\n  { rowAttr, singleExpand },\n  { expanded },\n);\n\nfunction emitUpdateOptions(opts: { sort?: TableSortData<T>; pagination?: TablePaginationData }): void {\n  emit('update:options', opts);\n}\n\nconst {\n  sortData,\n  sortedMap,\n  sorted,\n  onSort: applySort,\n} = useTableSort<T>(\n  { rows: () => rows, search: () => search, sortModifiersExternal: sortModifiers.external },\n  {\n    sort,\n    pagination,\n    emitUpdateOptions,\n  },\n);\n\nconst {\n  groupKeys,\n  groupKey,\n  grouped,\n  isExpandedGroup,\n  isHiddenRow,\n  onToggleExpandGroup,\n  onUngroup,\n  onCopyGroup,\n} = useTableGrouping<T, IdType>(\n  { rowAttr },\n  {\n    group,\n    collapsed,\n    sorted,\n    emitCopyGroup: (value: GroupData<T>) => emit('copy:group', value),\n  },\n);\n\nconst {\n  paginationData,\n  filtered,\n  setInternalTotal,\n  resetPagination,\n} = useTablePagination<T>(\n  {\n    itemsPerPage,\n    paginationModifiersExternal: paginationModifiers.external,\n    globalItemsPerPage,\n  },\n  {\n    pagination,\n    grouped,\n    isHiddenRow,\n    sort,\n    emitUpdateOptions,\n    tableDefaults,\n  },\n);\n\nconst noData = computed<boolean>(() => get(filtered).length === 0);\n\nconst { columns, colspan, headerSlots, cellValue } = useTableColumns<T, IdType>({\n  cols: () => cols,\n  columnAttr,\n  rows: () => rows,\n  expandable,\n  groupKeys,\n  selectedData,\n  slots,\n});\n\nconst {\n  isAllSelected,\n  indeterminate,\n  isSelected,\n  isDisabledRow,\n  onToggleAll,\n  onSelect,\n  onCheckboxClick,\n  deselectRemovedRows,\n  resetCheckboxShiftState,\n} = useTableSelection<T, IdType>(\n  { rowAttr, multiPageSelect, disabledRows: () => disabledRows },\n  { selectedData, filtered },\n);\n\n// Sort triggers selection reset — handled here to avoid circular dependency between sort and selection\nfunction onSort(payload: Parameters<typeof applySort>[0]): void {\n  applySort(payload);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\nfunction onPaginate(): void {\n  set(expanded, []);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\n// Reset pagination page to 1 on search query change\nwatch(() => search, () => {\n  resetPagination();\n  onToggleAll(false);\n  resetCheckboxShiftState();\n});\n\nwatch(sorted, (items) => {\n  if (!multiPageSelect)\n    deselectRemovedRows();\n  setInternalTotal(items);\n});\n\nonMounted(() => {\n  setInternalTotal(get(sorted));\n});\n\nconst ui = computed<ReturnType<typeof dataTableStyles>>(() => dataTableStyles({\n  outlined,\n  rounded,\n  dense,\n  striped,\n}));\n</script>\n\n<template>\n  <div\n    :class=\"ui.wrapper()\"\n    data-id=\"table-wrapper\"\n  >\n    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultHeader\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n    <div\n      ref=\"tableScroller\"\n      :class=\"ui.scroller()\"\n      data-id=\"table-scroller\"\n    >\n      <table\n        ref=\"table\"\n        :class=\"ui.table()\"\n        :aria-busy=\"loading\"\n      >\n        <RuiTableHead\n          :loading=\"loading\"\n          :indeterminate=\"indeterminate\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :disable-check-all=\"!filtered?.length\"\n          :is-all-selected=\"isAllSelected\"\n          :no-data=\"noData\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          :stick=\"stick\"\n          :sticky-header=\"stickyHeader\"\n          @sort=\"onSort($event)\"\n          @select:all=\"onToggleAll($event)\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <RuiTableHead\n          v-if=\"stickyHeader\"\n          :loading=\"loading\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :no-data=\"noData\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          data-id=\"head-clone\"\n          class=\"opacity-0 invisible\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <tbody :class=\"ui.tbody()\">\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot\n            v-if=\"slots['body.prepend']\"\n            :colspan=\"colspan\"\n            name=\"body.prepend\"\n          />\n          <template v-for=\"(row, index) in filtered\">\n            <tr\n              v-if=\"!isRow(row)\"\n              :key=\"`row-${index}`\"\n              :class=\"[ui.tr({ rowVariant: 'group' })]\"\n              data-id=\"row-group\"\n            >\n              <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n              <slot\n                name=\"group.header\"\n                :colspan=\"colspan\"\n                :header=\"row\"\n                :is-open=\"isExpandedGroup(row.group)\"\n                :toggle=\"() => onToggleExpandGroup(row.group, row.identifier)\"\n              >\n                <td\n                  :class=\"[ui.td()]\"\n                  class=\"!p-2\"\n                  :colspan=\"colspan\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <RuiExpandButton\n                      v-if=\"groupExpandButtonPosition === 'start'\"\n                      :expanded=\"isExpandedGroup(row.group)\"\n                      @click=\"onToggleExpandGroup(row.group, row.identifier)\"\n                    />\n                    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                    <slot\n                      :group-key=\"groupKey\"\n                      name=\"group.header.content\"\n                      :header=\"row\"\n                    >\n                      <span>{{ groupKey }}: {{ row.identifier }}</span>\n                      <RuiButton\n                        size=\"sm\"\n                        variant=\"text\"\n                        icon\n                        data-id=\"group-copy-button\"\n                        @click=\"onCopyGroup({ key: groupKey, value: row.group })\"\n                      >\n                        <RuiIcon\n                          name=\"lu-copy\"\n                          size=\"16\"\n                        />\n                      </RuiButton>\n                    </slot>\n                    <RuiTooltip\n                      :options=\"{ placement: 'top' }\"\n                      class=\"ml-auto mr-2\"\n                    >\n                      <template #activator>\n                        <RuiButton\n                          size=\"sm\"\n                          variant=\"text\"\n                          icon\n                          data-id=\"group-ungroup-button\"\n                          @click=\"onUngroup()\"\n                        >\n                          <RuiIcon\n                            name=\"lu-trash-2\"\n                            size=\"14\"\n                          />\n                        </RuiButton>\n                      </template>\n                      Ungroup\n                    </RuiTooltip>\n                    <RuiExpandButton\n                      v-if=\"groupExpandButtonPosition === 'end'\"\n                      :expanded=\"isExpandedGroup(row.group)\"\n                      @click=\"onToggleExpandGroup(row.group, row.identifier)\"\n                    />\n                  </div>\n                </td>\n              </slot>\n            </tr>\n            <template v-else>\n              <tr\n                :key=\"`row-${index}`\"\n                :class=\"[\n                  ui.tr({ rowVariant: isSelected(row[rowAttr]) ? 'selected' : undefined }),\n                  typeof itemClass === 'string' ? itemClass : itemClass(row),\n                ]\"\n                :aria-selected=\"selectedData ? isSelected(row[rowAttr]) : undefined\"\n                data-id=\"row\"\n              >\n                <td\n                  v-if=\"selectedData\"\n                  :class=\"ui.checkbox()\"\n                  colspan=\"1\"\n                  rowspan=\"1\"\n                >\n                  <RuiCheckbox\n                    :data-id=\"`table-toggle-check-${index}`\"\n                    :model-value=\"isSelected(row[rowAttr])\"\n                    :disabled=\"isDisabledRow(row[rowAttr])\"\n                    :size=\"dense ? 'sm' : undefined\"\n                    color=\"primary\"\n                    class=\"select-none\"\n                    hide-details\n                    @update:model-value=\"onSelect($event, row[rowAttr], true)\"\n                    @click=\"onCheckboxClick($event, row[rowAttr], index)\"\n                  />\n                </td>\n\n                <td\n                  v-for=\"(column, subIndex) in columns\"\n                  :key=\"subIndex\"\n                  :class=\"[\n                    ui.td({ class: getAlignClass(column.align) }),\n                    column.cellClass,\n                  ]\"\n                  :colspan=\"column.colspan ?? 1\"\n                  :rowspan=\"column.rowspan ?? 1\"\n                >\n                  <slot\n                    v-if=\"column.key === 'expand'\"\n                    :name=\"`item.${column.key.toString()}`\"\n                    :column=\"column\"\n                    :row=\"row\"\n                    :index=\"index\"\n                  >\n                    <RuiExpandButton\n                      v-if=\"!slots['item.expand']\"\n                      :expanded=\"isExpanded(row[rowAttr])\"\n                      @click=\"onToggleExpand(row)\"\n                    />\n                  </slot>\n                  <slot\n                    v-else\n                    :column=\"column\"\n                    :index=\"index\"\n                    :name=\"`item.${column.key.toString()}`\"\n                    :row=\"row\"\n                  >\n                    {{ cellValue(row, column.key) }}\n                  </slot>\n                </td>\n              </tr>\n\n              <tr\n                v-if=\"expandable && !!$slots['expanded-item'] && isExpanded(row[rowAttr])\"\n                :key=\"`row-expand-${index}`\"\n                :class=\"ui.tr({ rowVariant: 'expandable' })\"\n                data-id=\"row-expanded\"\n              >\n                <td\n                  :colspan=\"colspan\"\n                  :class=\"[ui.td()]\"\n                >\n                  <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                  <slot\n                    name=\"expanded-item\"\n                    :row=\"row\"\n                    :index=\"index\"\n                  />\n                </td>\n              </tr>\n            </template>\n          </template>\n          <tr v-if=\"loading && noData\">\n            <td\n              :class=\"ui.tbodyLoader()\"\n              :colspan=\"colspan\"\n              data-id=\"tbody-loader\"\n            >\n              <div :class=\"ui.tbodyLoaderContent()\">\n                <RuiProgress\n                  color=\"primary\"\n                  variant=\"indeterminate\"\n                  circular\n                />\n              </div>\n            </td>\n          </tr>\n          <tr\n            v-if=\"noData && empty && !loading\"\n            :class=\"ui.tr({ rowVariant: 'empty' })\"\n            data-id=\"row-empty\"\n          >\n            <Transition\n              appear\n              enter-active-class=\"transition ease-out duration-200 delay-200\"\n              enter-from-class=\"opacity-0 translate-y-1\"\n              enter-to-class=\"opacity-100 translate-y-0\"\n              leave-active-class=\"transition ease-in duration-150\"\n              leave-from-class=\"opacity-100 translate-y-0\"\n              leave-to-class=\"opacity-0 translate-y-1\"\n            >\n              <td\n                :class=\"ui.td()\"\n                :colspan=\"colspan\"\n              >\n                <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                <slot name=\"no-data\">\n                  <RuiTableEmptyState\n                    :label=\"empty.label\"\n                    :description=\"empty.description\"\n                  >\n                    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                    <template\n                      v-if=\"slots['empty-description']\"\n                      #description\n                    >\n                      <slot name=\"empty-description\" />\n                    </template>\n                  </RuiTableEmptyState>\n                </slot>\n              </td>\n            </Transition>\n          </tr>\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot\n            v-if=\"slots['body.append']\"\n            :colspan=\"colspan\"\n            name=\"body.append\"\n          />\n        </tbody>\n        <tfoot>\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot name=\"tfoot\" />\n        </tfoot>\n      </table>\n    </div>\n    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultFooter\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RuiDataTable.js","names":[],"sources":["../../../src/components/tables/RuiDataTable.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, IdType 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 RuiTooltip from '@/components/overlays/tooltip/RuiTooltip.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { dataTableStyles, getAlignClass } from '@/components/tables/data-table-styles';\nimport RuiExpandButton from '@/components/tables/RuiExpandButton.vue';\nimport RuiTableEmptyState from '@/components/tables/RuiTableEmptyState.vue';\nimport RuiTableHead, {\n  type GroupData,\n  type TableColumn,\n  type TableRowKeyData,\n  type TableSortData,\n} from '@/components/tables/RuiTableHead.vue';\nimport RuiTablePagination, {\n  type TablePaginationData,\n} from '@/components/tables/RuiTablePagination.vue';\nimport { useTable } from '@/composables/defaults/table';\nimport { useStickyTableHeader } from '@/composables/sticky-header';\nimport { useTableColumns } from '@/composables/tables/data-table/columns';\nimport { useTableExpansion } from '@/composables/tables/data-table/expansion';\nimport { useTableGrouping } from '@/composables/tables/data-table/grouping';\nimport { useTablePagination } from '@/composables/tables/data-table/pagination';\nimport { useTableSelection } from '@/composables/tables/data-table/selection';\nimport { useTableSort } from '@/composables/tables/data-table/sort';\nimport { type GroupHeader, isRow } from '@/composables/tables/data-table/types';\n\nexport type { GroupedTableRow, GroupHeader, TableOptions } from '@/composables/tables/data-table/types';\n\nexport interface Props<T, K extends keyof T> {\n  /**\n   * list of items for each row\n   */\n  rows: readonly T[];\n  /**\n   * the attribute used to identify each row uniquely for selection, usually `id`\n   */\n  rowAttr: K;\n  /**\n   * model for internal searching\n   */\n  search?: string;\n  /**\n   * model for items per page\n   * will be used if the `pagination` model isn't specified\n   */\n  itemsPerPage?: number;\n  /**\n   * list of column definitions\n   */\n  cols?: TableColumn<T>[];\n  /**\n   * attribute to use from column definitions to display column titles\n   */\n  columnAttr?: keyof TableColumn<T>;\n  /**\n   * flag to show a more or less spacious table\n   */\n  dense?: boolean;\n  /**\n   * flag to outline the flag with a border\n   */\n  outlined?: boolean;\n  /**\n   * should add zebra-striping to the table row\n   */\n  striped?: boolean;\n  /**\n   * flag to show loading state of the table\n   * triggers indefinite progress at the bottom of the table header\n   */\n  loading?: boolean;\n  disablePerPage?: boolean;\n  /**\n   * Maximum number of pages before the jump-to-page dropdown is replaced with\n   * a numeric input. Defaults to `500`. Forwarded to `RuiTablePagination`.\n   */\n  rangesThreshold?: number;\n  /**\n   * data to display for empty state\n   * text and icon\n   * @example :empty=\"{ icon: 'transactions-line', label: 'No transactions found' }\"\n   */\n  empty?: {\n    label?: string;\n    description?: string;\n  };\n  /**\n   * should hide the header navigation\n   */\n  hideDefaultHeader?: boolean;\n  /**\n   * should hide the footer navigation\n   */\n  hideDefaultFooter?: boolean;\n\n  rounded?: 'sm' | 'md' | 'lg';\n  /**\n   * make expansion work like accordion\n   */\n  singleExpand?: boolean;\n  /**\n   * make table head stick to top on scroll\n   */\n  stickyHeader?: boolean;\n  stickyOffset?: number;\n  /**\n   * Affects how the items per page work across the app.\n   * When true, changing the items per page setting in one table will affect other tables.\n   */\n  globalItemsPerPage?: boolean;\n  groupExpandButtonPosition?: 'start' | 'end';\n  disabledRows?: readonly T[];\n  multiPageSelect?: boolean;\n  itemClass?: ((item: T) => string) | string;\n}\n\ndefineOptions({\n  name: 'RuiDataTable',\n});\n\nconst selectedData = defineModel<T[IdType][]>();\n\nconst expanded = defineModel<T[]>('expanded');\n\nconst [pagination, paginationModifiers] = defineModel<TablePaginationData, 'external'>('pagination');\n\nconst [sort, sortModifiers] = defineModel<TableSortData<T>, 'external'>('sort');\n\nconst group = defineModel<TableRowKeyData<T>>('group');\n\nconst collapsed = defineModel<T[]>('collapsed');\n\nconst {\n  rows,\n  rowAttr,\n  search = '',\n  itemsPerPage = 10,\n  cols,\n  columnAttr = 'label',\n  dense = false,\n  outlined = false,\n  striped = false,\n  loading = false,\n  disablePerPage = false,\n  rangesThreshold = 500,\n  empty = { label: 'No item found' },\n  hideDefaultHeader = false,\n  hideDefaultFooter = false,\n  rounded = 'md',\n  singleExpand = false,\n  stickyHeader = false,\n  stickyOffset,\n  globalItemsPerPage = undefined,\n  groupExpandButtonPosition = 'start',\n  disabledRows,\n  multiPageSelect = false,\n  itemClass = '',\n} = defineProps<Props<T, IdType>>();\n\nconst emit = defineEmits<{\n  'update:options': [value: { pagination?: TablePaginationData; sort?: TableSortData<T> }];\n  'copy:group': [value: GroupData<T>];\n}>();\n\nconst slots = defineSlots<Partial<\n  Record<`header.${string}`, (props: { column: TableColumn<T> }) => any> &\n  Record<`item.${string}`, (props: { column: TableColumn<T>; row: T; index: number }) => any> & {\n    'body.prepend': (props: { colspan: number }) => any;\n    'body.append': (props: { colspan: number }) => any;\n    'group.header': (props: {\n      colspan: number;\n      header: GroupHeader<T>;\n      isOpen: boolean;\n      toggle: () => void;\n    }) => any;\n    'group.header.content': (props: { header: GroupHeader<T>; groupKey: string }) => any;\n    'expanded-item': (props: { row: T; index: number }) => any;\n    'no-data': () => any;\n    'empty-description': () => any;\n    'tfoot': () => any;\n  }\n>>();\n\nconst tableDefaults = useTable();\n\nconst stickyHeaderOffset = computed<number | undefined>(() =>\n  stickyOffset !== undefined ? stickyOffset : get(tableDefaults.stickyOffset),\n);\n\nconst table = useTemplateRef<HTMLTableElement>('table');\nconst tableScroller = useTemplateRef<HTMLElement>('tableScroller');\n\nconst { stick } = useStickyTableHeader(\n  () => stickyHeader,\n  stickyHeaderOffset,\n  { table, tableScroller },\n);\n\nconst { expandable, isExpanded, onToggleExpand } = useTableExpansion<T, IdType>(\n  { rowAttr, singleExpand },\n  { expanded },\n);\n\nfunction emitUpdateOptions(opts: { sort?: TableSortData<T>; pagination?: TablePaginationData }): void {\n  emit('update:options', opts);\n}\n\nconst {\n  sortData,\n  sortedMap,\n  sorted,\n  onSort: applySort,\n} = useTableSort<T>(\n  { rows: () => rows, search: () => search, sortModifiersExternal: sortModifiers.external },\n  {\n    sort,\n    pagination,\n    emitUpdateOptions,\n  },\n);\n\nconst {\n  groupKeys,\n  groupKey,\n  grouped,\n  isExpandedGroup,\n  isHiddenRow,\n  onToggleExpandGroup,\n  onUngroup,\n  onCopyGroup,\n} = useTableGrouping<T, IdType>(\n  { rowAttr },\n  {\n    group,\n    collapsed,\n    sorted,\n    emitCopyGroup: (value: GroupData<T>) => emit('copy:group', value),\n  },\n);\n\nconst {\n  paginationData,\n  filtered,\n  setInternalTotal,\n  resetPagination,\n} = useTablePagination<T>(\n  {\n    itemsPerPage,\n    paginationModifiersExternal: paginationModifiers.external,\n    globalItemsPerPage,\n  },\n  {\n    pagination,\n    grouped,\n    isHiddenRow,\n    sort,\n    emitUpdateOptions,\n    tableDefaults,\n  },\n);\n\nconst noData = computed<boolean>(() => get(filtered).length === 0);\n\nconst { columns, colspan, headerSlots, cellValue } = useTableColumns<T, IdType>({\n  cols: () => cols,\n  columnAttr,\n  rows: () => rows,\n  expandable,\n  groupKeys,\n  selectedData,\n  slots,\n});\n\nconst {\n  isAllSelected,\n  indeterminate,\n  isSelected,\n  isDisabledRow,\n  onToggleAll,\n  onSelect,\n  onCheckboxClick,\n  deselectRemovedRows,\n  resetCheckboxShiftState,\n} = useTableSelection<T, IdType>(\n  { rowAttr, multiPageSelect, disabledRows: () => disabledRows },\n  { selectedData, filtered },\n);\n\n// Sort triggers selection reset — handled here to avoid circular dependency between sort and selection\nfunction onSort(payload: Parameters<typeof applySort>[0]): void {\n  applySort(payload);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\nfunction onPaginate(): void {\n  if (get(expanded))\n    set(expanded, []);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\n// Reset pagination page to 1 on search query change\nwatch(() => search, () => {\n  resetPagination();\n  onToggleAll(false);\n  resetCheckboxShiftState();\n});\n\nwatch(sorted, (items) => {\n  if (!multiPageSelect)\n    deselectRemovedRows();\n  setInternalTotal(items);\n});\n\nonMounted(() => {\n  setInternalTotal(get(sorted));\n});\n\nconst ui = computed<ReturnType<typeof dataTableStyles>>(() => dataTableStyles({\n  outlined,\n  rounded,\n  dense,\n  striped,\n}));\n</script>\n\n<template>\n  <div\n    :class=\"ui.wrapper()\"\n    data-id=\"table-wrapper\"\n  >\n    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultHeader\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n    <div\n      ref=\"tableScroller\"\n      :class=\"ui.scroller()\"\n      data-id=\"table-scroller\"\n    >\n      <table\n        ref=\"table\"\n        :class=\"ui.table()\"\n        :aria-busy=\"loading\"\n      >\n        <RuiTableHead\n          :loading=\"loading\"\n          :indeterminate=\"indeterminate\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :disable-check-all=\"!filtered?.length\"\n          :is-all-selected=\"isAllSelected\"\n          :no-data=\"noData\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          :stick=\"stick\"\n          :sticky-header=\"stickyHeader\"\n          @sort=\"onSort($event)\"\n          @select:all=\"onToggleAll($event)\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <RuiTableHead\n          v-if=\"stickyHeader\"\n          :loading=\"loading\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :no-data=\"noData\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          data-id=\"head-clone\"\n          class=\"opacity-0 invisible\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <tbody :class=\"ui.tbody()\">\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot\n            v-if=\"slots['body.prepend']\"\n            :colspan=\"colspan\"\n            name=\"body.prepend\"\n          />\n          <template v-for=\"(row, index) in filtered\">\n            <tr\n              v-if=\"!isRow(row)\"\n              :key=\"`row-${index}`\"\n              :class=\"[ui.tr({ rowVariant: 'group' })]\"\n              data-id=\"row-group\"\n            >\n              <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n              <slot\n                name=\"group.header\"\n                :colspan=\"colspan\"\n                :header=\"row\"\n                :is-open=\"isExpandedGroup(row.group)\"\n                :toggle=\"() => onToggleExpandGroup(row.group, row.identifier)\"\n              >\n                <td\n                  :class=\"[ui.td()]\"\n                  class=\"!p-2\"\n                  :colspan=\"colspan\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <RuiExpandButton\n                      v-if=\"groupExpandButtonPosition === 'start'\"\n                      :expanded=\"isExpandedGroup(row.group)\"\n                      @click=\"onToggleExpandGroup(row.group, row.identifier)\"\n                    />\n                    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                    <slot\n                      :group-key=\"groupKey\"\n                      name=\"group.header.content\"\n                      :header=\"row\"\n                    >\n                      <span>{{ groupKey }}: {{ row.identifier }}</span>\n                      <RuiButton\n                        size=\"sm\"\n                        variant=\"text\"\n                        icon\n                        data-id=\"group-copy-button\"\n                        @click=\"onCopyGroup({ key: groupKey, value: row.group })\"\n                      >\n                        <RuiIcon\n                          name=\"lu-copy\"\n                          size=\"16\"\n                        />\n                      </RuiButton>\n                    </slot>\n                    <RuiTooltip\n                      :options=\"{ placement: 'top' }\"\n                      class=\"ml-auto mr-2\"\n                    >\n                      <template #activator>\n                        <RuiButton\n                          size=\"sm\"\n                          variant=\"text\"\n                          icon\n                          data-id=\"group-ungroup-button\"\n                          @click=\"onUngroup()\"\n                        >\n                          <RuiIcon\n                            name=\"lu-trash-2\"\n                            size=\"14\"\n                          />\n                        </RuiButton>\n                      </template>\n                      Ungroup\n                    </RuiTooltip>\n                    <RuiExpandButton\n                      v-if=\"groupExpandButtonPosition === 'end'\"\n                      :expanded=\"isExpandedGroup(row.group)\"\n                      @click=\"onToggleExpandGroup(row.group, row.identifier)\"\n                    />\n                  </div>\n                </td>\n              </slot>\n            </tr>\n            <template v-else>\n              <tr\n                :key=\"`row-${index}`\"\n                :class=\"[\n                  ui.tr({ rowVariant: isSelected(row[rowAttr]) ? 'selected' : undefined }),\n                  typeof itemClass === 'string' ? itemClass : itemClass(row),\n                ]\"\n                :aria-selected=\"selectedData ? isSelected(row[rowAttr]) : undefined\"\n                data-id=\"row\"\n              >\n                <td\n                  v-if=\"selectedData\"\n                  :class=\"ui.checkbox()\"\n                  colspan=\"1\"\n                  rowspan=\"1\"\n                >\n                  <RuiCheckbox\n                    :data-id=\"`table-toggle-check-${index}`\"\n                    :model-value=\"isSelected(row[rowAttr])\"\n                    :disabled=\"isDisabledRow(row[rowAttr])\"\n                    :size=\"dense ? 'sm' : undefined\"\n                    color=\"primary\"\n                    class=\"select-none\"\n                    hide-details\n                    @update:model-value=\"onSelect($event, row[rowAttr], true)\"\n                    @click=\"onCheckboxClick($event, row[rowAttr], index)\"\n                  />\n                </td>\n\n                <td\n                  v-for=\"(column, subIndex) in columns\"\n                  :key=\"subIndex\"\n                  :class=\"[\n                    ui.td({ class: getAlignClass(column.align) }),\n                    column.cellClass,\n                  ]\"\n                  :colspan=\"column.colspan ?? 1\"\n                  :rowspan=\"column.rowspan ?? 1\"\n                >\n                  <slot\n                    v-if=\"column.key === 'expand'\"\n                    :name=\"`item.${column.key.toString()}`\"\n                    :column=\"column\"\n                    :row=\"row\"\n                    :index=\"index\"\n                  >\n                    <RuiExpandButton\n                      v-if=\"!slots['item.expand']\"\n                      :expanded=\"isExpanded(row[rowAttr])\"\n                      @click=\"onToggleExpand(row)\"\n                    />\n                  </slot>\n                  <slot\n                    v-else\n                    :column=\"column\"\n                    :index=\"index\"\n                    :name=\"`item.${column.key.toString()}`\"\n                    :row=\"row\"\n                  >\n                    {{ cellValue(row, column.key) }}\n                  </slot>\n                </td>\n              </tr>\n\n              <tr\n                v-if=\"expandable && !!$slots['expanded-item'] && isExpanded(row[rowAttr])\"\n                :key=\"`row-expand-${index}`\"\n                :class=\"ui.tr({ rowVariant: 'expandable' })\"\n                data-id=\"row-expanded\"\n              >\n                <td\n                  :colspan=\"colspan\"\n                  :class=\"[ui.td()]\"\n                >\n                  <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                  <slot\n                    name=\"expanded-item\"\n                    :row=\"row\"\n                    :index=\"index\"\n                  />\n                </td>\n              </tr>\n            </template>\n          </template>\n          <tr v-if=\"loading && noData\">\n            <td\n              :class=\"ui.tbodyLoader()\"\n              :colspan=\"colspan\"\n              data-id=\"tbody-loader\"\n            >\n              <div :class=\"ui.tbodyLoaderContent()\">\n                <RuiProgress\n                  color=\"primary\"\n                  variant=\"indeterminate\"\n                  circular\n                />\n              </div>\n            </td>\n          </tr>\n          <tr\n            v-if=\"noData && empty && !loading\"\n            :class=\"ui.tr({ rowVariant: 'empty' })\"\n            data-id=\"row-empty\"\n          >\n            <Transition\n              appear\n              enter-active-class=\"transition ease-out duration-200 delay-200\"\n              enter-from-class=\"opacity-0 translate-y-1\"\n              enter-to-class=\"opacity-100 translate-y-0\"\n              leave-active-class=\"transition ease-in duration-150\"\n              leave-from-class=\"opacity-100 translate-y-0\"\n              leave-to-class=\"opacity-0 translate-y-1\"\n            >\n              <td\n                :class=\"ui.td()\"\n                :colspan=\"colspan\"\n              >\n                <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                <slot name=\"no-data\">\n                  <RuiTableEmptyState\n                    :label=\"empty.label\"\n                    :description=\"empty.description\"\n                  >\n                    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                    <template\n                      v-if=\"slots['empty-description']\"\n                      #description\n                    >\n                      <slot name=\"empty-description\" />\n                    </template>\n                  </RuiTableEmptyState>\n                </slot>\n              </td>\n            </Transition>\n          </tr>\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot\n            v-if=\"slots['body.append']\"\n            :colspan=\"colspan\"\n            name=\"body.append\"\n          />\n        </tbody>\n        <tfoot>\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot name=\"tfoot\" />\n        </tfoot>\n      </table>\n    </div>\n    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultFooter\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n  </div>\n</template>\n"],"mappings":""}

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

@@ -191,7 +191,7 @@ var RuiDataTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			resetCheckboxShiftState();
 		}
 		function onPaginate() {
-			set(expanded, []);
+			if (get(expanded)) set(expanded, []);
 			if (!__props.multiPageSelect) onToggleAll(false);
 			resetCheckboxShiftState();
 		}

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

@@ -1 +1 @@
-{"version":3,"file":"RuiDataTable.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/tables/RuiDataTable.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, IdType 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 RuiTooltip from '@/components/overlays/tooltip/RuiTooltip.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { dataTableStyles, getAlignClass } from '@/components/tables/data-table-styles';\nimport RuiExpandButton from '@/components/tables/RuiExpandButton.vue';\nimport RuiTableEmptyState from '@/components/tables/RuiTableEmptyState.vue';\nimport RuiTableHead, {\n  type GroupData,\n  type TableColumn,\n  type TableRowKeyData,\n  type TableSortData,\n} from '@/components/tables/RuiTableHead.vue';\nimport RuiTablePagination, {\n  type TablePaginationData,\n} from '@/components/tables/RuiTablePagination.vue';\nimport { useTable } from '@/composables/defaults/table';\nimport { useStickyTableHeader } from '@/composables/sticky-header';\nimport { useTableColumns } from '@/composables/tables/data-table/columns';\nimport { useTableExpansion } from '@/composables/tables/data-table/expansion';\nimport { useTableGrouping } from '@/composables/tables/data-table/grouping';\nimport { useTablePagination } from '@/composables/tables/data-table/pagination';\nimport { useTableSelection } from '@/composables/tables/data-table/selection';\nimport { useTableSort } from '@/composables/tables/data-table/sort';\nimport { type GroupHeader, isRow } from '@/composables/tables/data-table/types';\n\nexport type { GroupedTableRow, GroupHeader, TableOptions } from '@/composables/tables/data-table/types';\n\nexport interface Props<T, K extends keyof T> {\n  /**\n   * list of items for each row\n   */\n  rows: readonly T[];\n  /**\n   * the attribute used to identify each row uniquely for selection, usually `id`\n   */\n  rowAttr: K;\n  /**\n   * model for internal searching\n   */\n  search?: string;\n  /**\n   * model for items per page\n   * will be used if the `pagination` model isn't specified\n   */\n  itemsPerPage?: number;\n  /**\n   * list of column definitions\n   */\n  cols?: TableColumn<T>[];\n  /**\n   * attribute to use from column definitions to display column titles\n   */\n  columnAttr?: keyof TableColumn<T>;\n  /**\n   * flag to show a more or less spacious table\n   */\n  dense?: boolean;\n  /**\n   * flag to outline the flag with a border\n   */\n  outlined?: boolean;\n  /**\n   * should add zebra-striping to the table row\n   */\n  striped?: boolean;\n  /**\n   * flag to show loading state of the table\n   * triggers indefinite progress at the bottom of the table header\n   */\n  loading?: boolean;\n  disablePerPage?: boolean;\n  /**\n   * Maximum number of pages before the jump-to-page dropdown is replaced with\n   * a numeric input. Defaults to `500`. Forwarded to `RuiTablePagination`.\n   */\n  rangesThreshold?: number;\n  /**\n   * data to display for empty state\n   * text and icon\n   * @example :empty=\"{ icon: 'transactions-line', label: 'No transactions found' }\"\n   */\n  empty?: {\n    label?: string;\n    description?: string;\n  };\n  /**\n   * should hide the header navigation\n   */\n  hideDefaultHeader?: boolean;\n  /**\n   * should hide the footer navigation\n   */\n  hideDefaultFooter?: boolean;\n\n  rounded?: 'sm' | 'md' | 'lg';\n  /**\n   * make expansion work like accordion\n   */\n  singleExpand?: boolean;\n  /**\n   * make table head stick to top on scroll\n   */\n  stickyHeader?: boolean;\n  stickyOffset?: number;\n  /**\n   * Affects how the items per page work across the app.\n   * When true, changing the items per page setting in one table will affect other tables.\n   */\n  globalItemsPerPage?: boolean;\n  groupExpandButtonPosition?: 'start' | 'end';\n  disabledRows?: readonly T[];\n  multiPageSelect?: boolean;\n  itemClass?: ((item: T) => string) | string;\n}\n\ndefineOptions({\n  name: 'RuiDataTable',\n});\n\nconst selectedData = defineModel<T[IdType][]>();\n\nconst expanded = defineModel<T[]>('expanded');\n\nconst [pagination, paginationModifiers] = defineModel<TablePaginationData, 'external'>('pagination');\n\nconst [sort, sortModifiers] = defineModel<TableSortData<T>, 'external'>('sort');\n\nconst group = defineModel<TableRowKeyData<T>>('group');\n\nconst collapsed = defineModel<T[]>('collapsed');\n\nconst {\n  rows,\n  rowAttr,\n  search = '',\n  itemsPerPage = 10,\n  cols,\n  columnAttr = 'label',\n  dense = false,\n  outlined = false,\n  striped = false,\n  loading = false,\n  disablePerPage = false,\n  rangesThreshold = 500,\n  empty = { label: 'No item found' },\n  hideDefaultHeader = false,\n  hideDefaultFooter = false,\n  rounded = 'md',\n  singleExpand = false,\n  stickyHeader = false,\n  stickyOffset,\n  globalItemsPerPage = undefined,\n  groupExpandButtonPosition = 'start',\n  disabledRows,\n  multiPageSelect = false,\n  itemClass = '',\n} = defineProps<Props<T, IdType>>();\n\nconst emit = defineEmits<{\n  'update:options': [value: { pagination?: TablePaginationData; sort?: TableSortData<T> }];\n  'copy:group': [value: GroupData<T>];\n}>();\n\nconst slots = defineSlots<Partial<\n  Record<`header.${string}`, (props: { column: TableColumn<T> }) => any> &\n  Record<`item.${string}`, (props: { column: TableColumn<T>; row: T; index: number }) => any> & {\n    'body.prepend': (props: { colspan: number }) => any;\n    'body.append': (props: { colspan: number }) => any;\n    'group.header': (props: {\n      colspan: number;\n      header: GroupHeader<T>;\n      isOpen: boolean;\n      toggle: () => void;\n    }) => any;\n    'group.header.content': (props: { header: GroupHeader<T>; groupKey: string }) => any;\n    'expanded-item': (props: { row: T; index: number }) => any;\n    'no-data': () => any;\n    'empty-description': () => any;\n    'tfoot': () => any;\n  }\n>>();\n\nconst tableDefaults = useTable();\n\nconst stickyHeaderOffset = computed<number | undefined>(() =>\n  stickyOffset !== undefined ? stickyOffset : get(tableDefaults.stickyOffset),\n);\n\nconst table = useTemplateRef<HTMLTableElement>('table');\nconst tableScroller = useTemplateRef<HTMLElement>('tableScroller');\n\nconst { stick } = useStickyTableHeader(\n  () => stickyHeader,\n  stickyHeaderOffset,\n  { table, tableScroller },\n);\n\nconst { expandable, isExpanded, onToggleExpand } = useTableExpansion<T, IdType>(\n  { rowAttr, singleExpand },\n  { expanded },\n);\n\nfunction emitUpdateOptions(opts: { sort?: TableSortData<T>; pagination?: TablePaginationData }): void {\n  emit('update:options', opts);\n}\n\nconst {\n  sortData,\n  sortedMap,\n  sorted,\n  onSort: applySort,\n} = useTableSort<T>(\n  { rows: () => rows, search: () => search, sortModifiersExternal: sortModifiers.external },\n  {\n    sort,\n    pagination,\n    emitUpdateOptions,\n  },\n);\n\nconst {\n  groupKeys,\n  groupKey,\n  grouped,\n  isExpandedGroup,\n  isHiddenRow,\n  onToggleExpandGroup,\n  onUngroup,\n  onCopyGroup,\n} = useTableGrouping<T, IdType>(\n  { rowAttr },\n  {\n    group,\n    collapsed,\n    sorted,\n    emitCopyGroup: (value: GroupData<T>) => emit('copy:group', value),\n  },\n);\n\nconst {\n  paginationData,\n  filtered,\n  setInternalTotal,\n  resetPagination,\n} = useTablePagination<T>(\n  {\n    itemsPerPage,\n    paginationModifiersExternal: paginationModifiers.external,\n    globalItemsPerPage,\n  },\n  {\n    pagination,\n    grouped,\n    isHiddenRow,\n    sort,\n    emitUpdateOptions,\n    tableDefaults,\n  },\n);\n\nconst noData = computed<boolean>(() => get(filtered).length === 0);\n\nconst { columns, colspan, headerSlots, cellValue } = useTableColumns<T, IdType>({\n  cols: () => cols,\n  columnAttr,\n  rows: () => rows,\n  expandable,\n  groupKeys,\n  selectedData,\n  slots,\n});\n\nconst {\n  isAllSelected,\n  indeterminate,\n  isSelected,\n  isDisabledRow,\n  onToggleAll,\n  onSelect,\n  onCheckboxClick,\n  deselectRemovedRows,\n  resetCheckboxShiftState,\n} = useTableSelection<T, IdType>(\n  { rowAttr, multiPageSelect, disabledRows: () => disabledRows },\n  { selectedData, filtered },\n);\n\n// Sort triggers selection reset — handled here to avoid circular dependency between sort and selection\nfunction onSort(payload: Parameters<typeof applySort>[0]): void {\n  applySort(payload);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\nfunction onPaginate(): void {\n  set(expanded, []);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\n// Reset pagination page to 1 on search query change\nwatch(() => search, () => {\n  resetPagination();\n  onToggleAll(false);\n  resetCheckboxShiftState();\n});\n\nwatch(sorted, (items) => {\n  if (!multiPageSelect)\n    deselectRemovedRows();\n  setInternalTotal(items);\n});\n\nonMounted(() => {\n  setInternalTotal(get(sorted));\n});\n\nconst ui = computed<ReturnType<typeof dataTableStyles>>(() => dataTableStyles({\n  outlined,\n  rounded,\n  dense,\n  striped,\n}));\n</script>\n\n<template>\n  <div\n    :class=\"ui.wrapper()\"\n    data-id=\"table-wrapper\"\n  >\n    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultHeader\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n    <div\n      ref=\"tableScroller\"\n      :class=\"ui.scroller()\"\n      data-id=\"table-scroller\"\n    >\n      <table\n        ref=\"table\"\n        :class=\"ui.table()\"\n        :aria-busy=\"loading\"\n      >\n        <RuiTableHead\n          :loading=\"loading\"\n          :indeterminate=\"indeterminate\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :disable-check-all=\"!filtered?.length\"\n          :is-all-selected=\"isAllSelected\"\n          :no-data=\"noData\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          :stick=\"stick\"\n          :sticky-header=\"stickyHeader\"\n          @sort=\"onSort($event)\"\n          @select:all=\"onToggleAll($event)\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <RuiTableHead\n          v-if=\"stickyHeader\"\n          :loading=\"loading\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :no-data=\"noData\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          data-id=\"head-clone\"\n          class=\"opacity-0 invisible\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <tbody :class=\"ui.tbody()\">\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot\n            v-if=\"slots['body.prepend']\"\n            :colspan=\"colspan\"\n            name=\"body.prepend\"\n          />\n          <template v-for=\"(row, index) in filtered\">\n            <tr\n              v-if=\"!isRow(row)\"\n              :key=\"`row-${index}`\"\n              :class=\"[ui.tr({ rowVariant: 'group' })]\"\n              data-id=\"row-group\"\n            >\n              <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n              <slot\n                name=\"group.header\"\n                :colspan=\"colspan\"\n                :header=\"row\"\n                :is-open=\"isExpandedGroup(row.group)\"\n                :toggle=\"() => onToggleExpandGroup(row.group, row.identifier)\"\n              >\n                <td\n                  :class=\"[ui.td()]\"\n                  class=\"!p-2\"\n                  :colspan=\"colspan\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <RuiExpandButton\n                      v-if=\"groupExpandButtonPosition === 'start'\"\n                      :expanded=\"isExpandedGroup(row.group)\"\n                      @click=\"onToggleExpandGroup(row.group, row.identifier)\"\n                    />\n                    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                    <slot\n                      :group-key=\"groupKey\"\n                      name=\"group.header.content\"\n                      :header=\"row\"\n                    >\n                      <span>{{ groupKey }}: {{ row.identifier }}</span>\n                      <RuiButton\n                        size=\"sm\"\n                        variant=\"text\"\n                        icon\n                        data-id=\"group-copy-button\"\n                        @click=\"onCopyGroup({ key: groupKey, value: row.group })\"\n                      >\n                        <RuiIcon\n                          name=\"lu-copy\"\n                          size=\"16\"\n                        />\n                      </RuiButton>\n                    </slot>\n                    <RuiTooltip\n                      :options=\"{ placement: 'top' }\"\n                      class=\"ml-auto mr-2\"\n                    >\n                      <template #activator>\n                        <RuiButton\n                          size=\"sm\"\n                          variant=\"text\"\n                          icon\n                          data-id=\"group-ungroup-button\"\n                          @click=\"onUngroup()\"\n                        >\n                          <RuiIcon\n                            name=\"lu-trash-2\"\n                            size=\"14\"\n                          />\n                        </RuiButton>\n                      </template>\n                      Ungroup\n                    </RuiTooltip>\n                    <RuiExpandButton\n                      v-if=\"groupExpandButtonPosition === 'end'\"\n                      :expanded=\"isExpandedGroup(row.group)\"\n                      @click=\"onToggleExpandGroup(row.group, row.identifier)\"\n                    />\n                  </div>\n                </td>\n              </slot>\n            </tr>\n            <template v-else>\n              <tr\n                :key=\"`row-${index}`\"\n                :class=\"[\n                  ui.tr({ rowVariant: isSelected(row[rowAttr]) ? 'selected' : undefined }),\n                  typeof itemClass === 'string' ? itemClass : itemClass(row),\n                ]\"\n                :aria-selected=\"selectedData ? isSelected(row[rowAttr]) : undefined\"\n                data-id=\"row\"\n              >\n                <td\n                  v-if=\"selectedData\"\n                  :class=\"ui.checkbox()\"\n                  colspan=\"1\"\n                  rowspan=\"1\"\n                >\n                  <RuiCheckbox\n                    :data-id=\"`table-toggle-check-${index}`\"\n                    :model-value=\"isSelected(row[rowAttr])\"\n                    :disabled=\"isDisabledRow(row[rowAttr])\"\n                    :size=\"dense ? 'sm' : undefined\"\n                    color=\"primary\"\n                    class=\"select-none\"\n                    hide-details\n                    @update:model-value=\"onSelect($event, row[rowAttr], true)\"\n                    @click=\"onCheckboxClick($event, row[rowAttr], index)\"\n                  />\n                </td>\n\n                <td\n                  v-for=\"(column, subIndex) in columns\"\n                  :key=\"subIndex\"\n                  :class=\"[\n                    ui.td({ class: getAlignClass(column.align) }),\n                    column.cellClass,\n                  ]\"\n                  :colspan=\"column.colspan ?? 1\"\n                  :rowspan=\"column.rowspan ?? 1\"\n                >\n                  <slot\n                    v-if=\"column.key === 'expand'\"\n                    :name=\"`item.${column.key.toString()}`\"\n                    :column=\"column\"\n                    :row=\"row\"\n                    :index=\"index\"\n                  >\n                    <RuiExpandButton\n                      v-if=\"!slots['item.expand']\"\n                      :expanded=\"isExpanded(row[rowAttr])\"\n                      @click=\"onToggleExpand(row)\"\n                    />\n                  </slot>\n                  <slot\n                    v-else\n                    :column=\"column\"\n                    :index=\"index\"\n                    :name=\"`item.${column.key.toString()}`\"\n                    :row=\"row\"\n                  >\n                    {{ cellValue(row, column.key) }}\n                  </slot>\n                </td>\n              </tr>\n\n              <tr\n                v-if=\"expandable && !!$slots['expanded-item'] && isExpanded(row[rowAttr])\"\n                :key=\"`row-expand-${index}`\"\n                :class=\"ui.tr({ rowVariant: 'expandable' })\"\n                data-id=\"row-expanded\"\n              >\n                <td\n                  :colspan=\"colspan\"\n                  :class=\"[ui.td()]\"\n                >\n                  <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                  <slot\n                    name=\"expanded-item\"\n                    :row=\"row\"\n                    :index=\"index\"\n                  />\n                </td>\n              </tr>\n            </template>\n          </template>\n          <tr v-if=\"loading && noData\">\n            <td\n              :class=\"ui.tbodyLoader()\"\n              :colspan=\"colspan\"\n              data-id=\"tbody-loader\"\n            >\n              <div :class=\"ui.tbodyLoaderContent()\">\n                <RuiProgress\n                  color=\"primary\"\n                  variant=\"indeterminate\"\n                  circular\n                />\n              </div>\n            </td>\n          </tr>\n          <tr\n            v-if=\"noData && empty && !loading\"\n            :class=\"ui.tr({ rowVariant: 'empty' })\"\n            data-id=\"row-empty\"\n          >\n            <Transition\n              appear\n              enter-active-class=\"transition ease-out duration-200 delay-200\"\n              enter-from-class=\"opacity-0 translate-y-1\"\n              enter-to-class=\"opacity-100 translate-y-0\"\n              leave-active-class=\"transition ease-in duration-150\"\n              leave-from-class=\"opacity-100 translate-y-0\"\n              leave-to-class=\"opacity-0 translate-y-1\"\n            >\n              <td\n                :class=\"ui.td()\"\n                :colspan=\"colspan\"\n              >\n                <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                <slot name=\"no-data\">\n                  <RuiTableEmptyState\n                    :label=\"empty.label\"\n                    :description=\"empty.description\"\n                  >\n                    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                    <template\n                      v-if=\"slots['empty-description']\"\n                      #description\n                    >\n                      <slot name=\"empty-description\" />\n                    </template>\n                  </RuiTableEmptyState>\n                </slot>\n              </td>\n            </Transition>\n          </tr>\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot\n            v-if=\"slots['body.append']\"\n            :colspan=\"colspan\"\n            name=\"body.append\"\n          />\n        </tbody>\n        <tfoot>\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot name=\"tfoot\" />\n        </tfoot>\n      </table>\n    </div>\n    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultFooter\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"RuiDataTable.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/tables/RuiDataTable.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, IdType 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 RuiTooltip from '@/components/overlays/tooltip/RuiTooltip.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { dataTableStyles, getAlignClass } from '@/components/tables/data-table-styles';\nimport RuiExpandButton from '@/components/tables/RuiExpandButton.vue';\nimport RuiTableEmptyState from '@/components/tables/RuiTableEmptyState.vue';\nimport RuiTableHead, {\n  type GroupData,\n  type TableColumn,\n  type TableRowKeyData,\n  type TableSortData,\n} from '@/components/tables/RuiTableHead.vue';\nimport RuiTablePagination, {\n  type TablePaginationData,\n} from '@/components/tables/RuiTablePagination.vue';\nimport { useTable } from '@/composables/defaults/table';\nimport { useStickyTableHeader } from '@/composables/sticky-header';\nimport { useTableColumns } from '@/composables/tables/data-table/columns';\nimport { useTableExpansion } from '@/composables/tables/data-table/expansion';\nimport { useTableGrouping } from '@/composables/tables/data-table/grouping';\nimport { useTablePagination } from '@/composables/tables/data-table/pagination';\nimport { useTableSelection } from '@/composables/tables/data-table/selection';\nimport { useTableSort } from '@/composables/tables/data-table/sort';\nimport { type GroupHeader, isRow } from '@/composables/tables/data-table/types';\n\nexport type { GroupedTableRow, GroupHeader, TableOptions } from '@/composables/tables/data-table/types';\n\nexport interface Props<T, K extends keyof T> {\n  /**\n   * list of items for each row\n   */\n  rows: readonly T[];\n  /**\n   * the attribute used to identify each row uniquely for selection, usually `id`\n   */\n  rowAttr: K;\n  /**\n   * model for internal searching\n   */\n  search?: string;\n  /**\n   * model for items per page\n   * will be used if the `pagination` model isn't specified\n   */\n  itemsPerPage?: number;\n  /**\n   * list of column definitions\n   */\n  cols?: TableColumn<T>[];\n  /**\n   * attribute to use from column definitions to display column titles\n   */\n  columnAttr?: keyof TableColumn<T>;\n  /**\n   * flag to show a more or less spacious table\n   */\n  dense?: boolean;\n  /**\n   * flag to outline the flag with a border\n   */\n  outlined?: boolean;\n  /**\n   * should add zebra-striping to the table row\n   */\n  striped?: boolean;\n  /**\n   * flag to show loading state of the table\n   * triggers indefinite progress at the bottom of the table header\n   */\n  loading?: boolean;\n  disablePerPage?: boolean;\n  /**\n   * Maximum number of pages before the jump-to-page dropdown is replaced with\n   * a numeric input. Defaults to `500`. Forwarded to `RuiTablePagination`.\n   */\n  rangesThreshold?: number;\n  /**\n   * data to display for empty state\n   * text and icon\n   * @example :empty=\"{ icon: 'transactions-line', label: 'No transactions found' }\"\n   */\n  empty?: {\n    label?: string;\n    description?: string;\n  };\n  /**\n   * should hide the header navigation\n   */\n  hideDefaultHeader?: boolean;\n  /**\n   * should hide the footer navigation\n   */\n  hideDefaultFooter?: boolean;\n\n  rounded?: 'sm' | 'md' | 'lg';\n  /**\n   * make expansion work like accordion\n   */\n  singleExpand?: boolean;\n  /**\n   * make table head stick to top on scroll\n   */\n  stickyHeader?: boolean;\n  stickyOffset?: number;\n  /**\n   * Affects how the items per page work across the app.\n   * When true, changing the items per page setting in one table will affect other tables.\n   */\n  globalItemsPerPage?: boolean;\n  groupExpandButtonPosition?: 'start' | 'end';\n  disabledRows?: readonly T[];\n  multiPageSelect?: boolean;\n  itemClass?: ((item: T) => string) | string;\n}\n\ndefineOptions({\n  name: 'RuiDataTable',\n});\n\nconst selectedData = defineModel<T[IdType][]>();\n\nconst expanded = defineModel<T[]>('expanded');\n\nconst [pagination, paginationModifiers] = defineModel<TablePaginationData, 'external'>('pagination');\n\nconst [sort, sortModifiers] = defineModel<TableSortData<T>, 'external'>('sort');\n\nconst group = defineModel<TableRowKeyData<T>>('group');\n\nconst collapsed = defineModel<T[]>('collapsed');\n\nconst {\n  rows,\n  rowAttr,\n  search = '',\n  itemsPerPage = 10,\n  cols,\n  columnAttr = 'label',\n  dense = false,\n  outlined = false,\n  striped = false,\n  loading = false,\n  disablePerPage = false,\n  rangesThreshold = 500,\n  empty = { label: 'No item found' },\n  hideDefaultHeader = false,\n  hideDefaultFooter = false,\n  rounded = 'md',\n  singleExpand = false,\n  stickyHeader = false,\n  stickyOffset,\n  globalItemsPerPage = undefined,\n  groupExpandButtonPosition = 'start',\n  disabledRows,\n  multiPageSelect = false,\n  itemClass = '',\n} = defineProps<Props<T, IdType>>();\n\nconst emit = defineEmits<{\n  'update:options': [value: { pagination?: TablePaginationData; sort?: TableSortData<T> }];\n  'copy:group': [value: GroupData<T>];\n}>();\n\nconst slots = defineSlots<Partial<\n  Record<`header.${string}`, (props: { column: TableColumn<T> }) => any> &\n  Record<`item.${string}`, (props: { column: TableColumn<T>; row: T; index: number }) => any> & {\n    'body.prepend': (props: { colspan: number }) => any;\n    'body.append': (props: { colspan: number }) => any;\n    'group.header': (props: {\n      colspan: number;\n      header: GroupHeader<T>;\n      isOpen: boolean;\n      toggle: () => void;\n    }) => any;\n    'group.header.content': (props: { header: GroupHeader<T>; groupKey: string }) => any;\n    'expanded-item': (props: { row: T; index: number }) => any;\n    'no-data': () => any;\n    'empty-description': () => any;\n    'tfoot': () => any;\n  }\n>>();\n\nconst tableDefaults = useTable();\n\nconst stickyHeaderOffset = computed<number | undefined>(() =>\n  stickyOffset !== undefined ? stickyOffset : get(tableDefaults.stickyOffset),\n);\n\nconst table = useTemplateRef<HTMLTableElement>('table');\nconst tableScroller = useTemplateRef<HTMLElement>('tableScroller');\n\nconst { stick } = useStickyTableHeader(\n  () => stickyHeader,\n  stickyHeaderOffset,\n  { table, tableScroller },\n);\n\nconst { expandable, isExpanded, onToggleExpand } = useTableExpansion<T, IdType>(\n  { rowAttr, singleExpand },\n  { expanded },\n);\n\nfunction emitUpdateOptions(opts: { sort?: TableSortData<T>; pagination?: TablePaginationData }): void {\n  emit('update:options', opts);\n}\n\nconst {\n  sortData,\n  sortedMap,\n  sorted,\n  onSort: applySort,\n} = useTableSort<T>(\n  { rows: () => rows, search: () => search, sortModifiersExternal: sortModifiers.external },\n  {\n    sort,\n    pagination,\n    emitUpdateOptions,\n  },\n);\n\nconst {\n  groupKeys,\n  groupKey,\n  grouped,\n  isExpandedGroup,\n  isHiddenRow,\n  onToggleExpandGroup,\n  onUngroup,\n  onCopyGroup,\n} = useTableGrouping<T, IdType>(\n  { rowAttr },\n  {\n    group,\n    collapsed,\n    sorted,\n    emitCopyGroup: (value: GroupData<T>) => emit('copy:group', value),\n  },\n);\n\nconst {\n  paginationData,\n  filtered,\n  setInternalTotal,\n  resetPagination,\n} = useTablePagination<T>(\n  {\n    itemsPerPage,\n    paginationModifiersExternal: paginationModifiers.external,\n    globalItemsPerPage,\n  },\n  {\n    pagination,\n    grouped,\n    isHiddenRow,\n    sort,\n    emitUpdateOptions,\n    tableDefaults,\n  },\n);\n\nconst noData = computed<boolean>(() => get(filtered).length === 0);\n\nconst { columns, colspan, headerSlots, cellValue } = useTableColumns<T, IdType>({\n  cols: () => cols,\n  columnAttr,\n  rows: () => rows,\n  expandable,\n  groupKeys,\n  selectedData,\n  slots,\n});\n\nconst {\n  isAllSelected,\n  indeterminate,\n  isSelected,\n  isDisabledRow,\n  onToggleAll,\n  onSelect,\n  onCheckboxClick,\n  deselectRemovedRows,\n  resetCheckboxShiftState,\n} = useTableSelection<T, IdType>(\n  { rowAttr, multiPageSelect, disabledRows: () => disabledRows },\n  { selectedData, filtered },\n);\n\n// Sort triggers selection reset — handled here to avoid circular dependency between sort and selection\nfunction onSort(payload: Parameters<typeof applySort>[0]): void {\n  applySort(payload);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\nfunction onPaginate(): void {\n  if (get(expanded))\n    set(expanded, []);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\n// Reset pagination page to 1 on search query change\nwatch(() => search, () => {\n  resetPagination();\n  onToggleAll(false);\n  resetCheckboxShiftState();\n});\n\nwatch(sorted, (items) => {\n  if (!multiPageSelect)\n    deselectRemovedRows();\n  setInternalTotal(items);\n});\n\nonMounted(() => {\n  setInternalTotal(get(sorted));\n});\n\nconst ui = computed<ReturnType<typeof dataTableStyles>>(() => dataTableStyles({\n  outlined,\n  rounded,\n  dense,\n  striped,\n}));\n</script>\n\n<template>\n  <div\n    :class=\"ui.wrapper()\"\n    data-id=\"table-wrapper\"\n  >\n    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultHeader\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n    <div\n      ref=\"tableScroller\"\n      :class=\"ui.scroller()\"\n      data-id=\"table-scroller\"\n    >\n      <table\n        ref=\"table\"\n        :class=\"ui.table()\"\n        :aria-busy=\"loading\"\n      >\n        <RuiTableHead\n          :loading=\"loading\"\n          :indeterminate=\"indeterminate\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :disable-check-all=\"!filtered?.length\"\n          :is-all-selected=\"isAllSelected\"\n          :no-data=\"noData\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          :stick=\"stick\"\n          :sticky-header=\"stickyHeader\"\n          @sort=\"onSort($event)\"\n          @select:all=\"onToggleAll($event)\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <RuiTableHead\n          v-if=\"stickyHeader\"\n          :loading=\"loading\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :no-data=\"noData\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          data-id=\"head-clone\"\n          class=\"opacity-0 invisible\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <tbody :class=\"ui.tbody()\">\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot\n            v-if=\"slots['body.prepend']\"\n            :colspan=\"colspan\"\n            name=\"body.prepend\"\n          />\n          <template v-for=\"(row, index) in filtered\">\n            <tr\n              v-if=\"!isRow(row)\"\n              :key=\"`row-${index}`\"\n              :class=\"[ui.tr({ rowVariant: 'group' })]\"\n              data-id=\"row-group\"\n            >\n              <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n              <slot\n                name=\"group.header\"\n                :colspan=\"colspan\"\n                :header=\"row\"\n                :is-open=\"isExpandedGroup(row.group)\"\n                :toggle=\"() => onToggleExpandGroup(row.group, row.identifier)\"\n              >\n                <td\n                  :class=\"[ui.td()]\"\n                  class=\"!p-2\"\n                  :colspan=\"colspan\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <RuiExpandButton\n                      v-if=\"groupExpandButtonPosition === 'start'\"\n                      :expanded=\"isExpandedGroup(row.group)\"\n                      @click=\"onToggleExpandGroup(row.group, row.identifier)\"\n                    />\n                    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                    <slot\n                      :group-key=\"groupKey\"\n                      name=\"group.header.content\"\n                      :header=\"row\"\n                    >\n                      <span>{{ groupKey }}: {{ row.identifier }}</span>\n                      <RuiButton\n                        size=\"sm\"\n                        variant=\"text\"\n                        icon\n                        data-id=\"group-copy-button\"\n                        @click=\"onCopyGroup({ key: groupKey, value: row.group })\"\n                      >\n                        <RuiIcon\n                          name=\"lu-copy\"\n                          size=\"16\"\n                        />\n                      </RuiButton>\n                    </slot>\n                    <RuiTooltip\n                      :options=\"{ placement: 'top' }\"\n                      class=\"ml-auto mr-2\"\n                    >\n                      <template #activator>\n                        <RuiButton\n                          size=\"sm\"\n                          variant=\"text\"\n                          icon\n                          data-id=\"group-ungroup-button\"\n                          @click=\"onUngroup()\"\n                        >\n                          <RuiIcon\n                            name=\"lu-trash-2\"\n                            size=\"14\"\n                          />\n                        </RuiButton>\n                      </template>\n                      Ungroup\n                    </RuiTooltip>\n                    <RuiExpandButton\n                      v-if=\"groupExpandButtonPosition === 'end'\"\n                      :expanded=\"isExpandedGroup(row.group)\"\n                      @click=\"onToggleExpandGroup(row.group, row.identifier)\"\n                    />\n                  </div>\n                </td>\n              </slot>\n            </tr>\n            <template v-else>\n              <tr\n                :key=\"`row-${index}`\"\n                :class=\"[\n                  ui.tr({ rowVariant: isSelected(row[rowAttr]) ? 'selected' : undefined }),\n                  typeof itemClass === 'string' ? itemClass : itemClass(row),\n                ]\"\n                :aria-selected=\"selectedData ? isSelected(row[rowAttr]) : undefined\"\n                data-id=\"row\"\n              >\n                <td\n                  v-if=\"selectedData\"\n                  :class=\"ui.checkbox()\"\n                  colspan=\"1\"\n                  rowspan=\"1\"\n                >\n                  <RuiCheckbox\n                    :data-id=\"`table-toggle-check-${index}`\"\n                    :model-value=\"isSelected(row[rowAttr])\"\n                    :disabled=\"isDisabledRow(row[rowAttr])\"\n                    :size=\"dense ? 'sm' : undefined\"\n                    color=\"primary\"\n                    class=\"select-none\"\n                    hide-details\n                    @update:model-value=\"onSelect($event, row[rowAttr], true)\"\n                    @click=\"onCheckboxClick($event, row[rowAttr], index)\"\n                  />\n                </td>\n\n                <td\n                  v-for=\"(column, subIndex) in columns\"\n                  :key=\"subIndex\"\n                  :class=\"[\n                    ui.td({ class: getAlignClass(column.align) }),\n                    column.cellClass,\n                  ]\"\n                  :colspan=\"column.colspan ?? 1\"\n                  :rowspan=\"column.rowspan ?? 1\"\n                >\n                  <slot\n                    v-if=\"column.key === 'expand'\"\n                    :name=\"`item.${column.key.toString()}`\"\n                    :column=\"column\"\n                    :row=\"row\"\n                    :index=\"index\"\n                  >\n                    <RuiExpandButton\n                      v-if=\"!slots['item.expand']\"\n                      :expanded=\"isExpanded(row[rowAttr])\"\n                      @click=\"onToggleExpand(row)\"\n                    />\n                  </slot>\n                  <slot\n                    v-else\n                    :column=\"column\"\n                    :index=\"index\"\n                    :name=\"`item.${column.key.toString()}`\"\n                    :row=\"row\"\n                  >\n                    {{ cellValue(row, column.key) }}\n                  </slot>\n                </td>\n              </tr>\n\n              <tr\n                v-if=\"expandable && !!$slots['expanded-item'] && isExpanded(row[rowAttr])\"\n                :key=\"`row-expand-${index}`\"\n                :class=\"ui.tr({ rowVariant: 'expandable' })\"\n                data-id=\"row-expanded\"\n              >\n                <td\n                  :colspan=\"colspan\"\n                  :class=\"[ui.td()]\"\n                >\n                  <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                  <slot\n                    name=\"expanded-item\"\n                    :row=\"row\"\n                    :index=\"index\"\n                  />\n                </td>\n              </tr>\n            </template>\n          </template>\n          <tr v-if=\"loading && noData\">\n            <td\n              :class=\"ui.tbodyLoader()\"\n              :colspan=\"colspan\"\n              data-id=\"tbody-loader\"\n            >\n              <div :class=\"ui.tbodyLoaderContent()\">\n                <RuiProgress\n                  color=\"primary\"\n                  variant=\"indeterminate\"\n                  circular\n                />\n              </div>\n            </td>\n          </tr>\n          <tr\n            v-if=\"noData && empty && !loading\"\n            :class=\"ui.tr({ rowVariant: 'empty' })\"\n            data-id=\"row-empty\"\n          >\n            <Transition\n              appear\n              enter-active-class=\"transition ease-out duration-200 delay-200\"\n              enter-from-class=\"opacity-0 translate-y-1\"\n              enter-to-class=\"opacity-100 translate-y-0\"\n              leave-active-class=\"transition ease-in duration-150\"\n              leave-from-class=\"opacity-100 translate-y-0\"\n              leave-to-class=\"opacity-0 translate-y-1\"\n            >\n              <td\n                :class=\"ui.td()\"\n                :colspan=\"colspan\"\n              >\n                <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                <slot name=\"no-data\">\n                  <RuiTableEmptyState\n                    :label=\"empty.label\"\n                    :description=\"empty.description\"\n                  >\n                    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                    <template\n                      v-if=\"slots['empty-description']\"\n                      #description\n                    >\n                      <slot name=\"empty-description\" />\n                    </template>\n                  </RuiTableEmptyState>\n                </slot>\n              </td>\n            </Transition>\n          </tr>\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot\n            v-if=\"slots['body.append']\"\n            :colspan=\"colspan\"\n            name=\"body.append\"\n          />\n        </tbody>\n        <tfoot>\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot name=\"tfoot\" />\n        </tfoot>\n      </table>\n    </div>\n    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultFooter\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}