@rotki/ui-library 2.24.0 → 2.25.0

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "2.24.0",
+  "version": "2.25.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -2043,7 +2043,7 @@
           "attributes": [
             {
               "name": "value",
-              "description": "in percentage value, required when variant === determinate or buffer",
+              "description": "in percentage value, required when variant === determinate or buffer\nRanges from 0 to 100.",
               "required": false,
               "default": "0",
               "value": {
@@ -2053,7 +2053,7 @@
             },
             {
               "name": "buffer-value",
-              "description": "in percentage value, required when variant === buffer",
+              "description": "in percentage value, required when variant === buffer\nRanges from 0 to 100.",
               "required": false,
               "default": "0",
               "value": {
@@ -2506,7 +2506,7 @@
             },
             {
               "name": "empty",
-              "description": "data to display for empty state\ntext and icon",
+              "description": "The text and icon shown when there are no rows, e.g.\n`:empty=\"\\{ icon: 'transactions-line', label: 'No transactions found' \\}\"`",
               "required": false,
               "default": "{ label: 'No item found' }",
               "value": {
@@ -2915,6 +2915,112 @@
             "events": []
           }
         },
+        {
+          "name": "RuiTable",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/RuiTable.vue",
+            "symbol": "RuiTable"
+          },
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "",
+              "required": false,
+              "default": "'outlined'",
+              "value": {
+                "kind": "expression",
+                "type": "'outlined' | 'default' | undefined"
+              }
+            },
+            {
+              "name": "dense",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "loading",
+              "description": "Shows a spinner under the header while a read is in flight.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "error",
+              "description": "Why the last read failed, which takes precedence over `empty`.",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "error-title",
+              "description": "Heading for that failure.",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "retry-text",
+              "description": "Label for the retry control; without one, no control is offered.",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "empty",
+              "description": "Says the table is knowingly empty. A table whose rows simply have not\narrived should stay `loading` instead, so the two never read alike.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | TableEmpty | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "loading"
+            },
+            {
+              "name": "error"
+            },
+            {
+              "name": "empty"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "retry",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[]"
+                  }
+                ]
+              }
+            ]
+          }
+        },
         {
           "name": "RuiTableEmptyState",
           "source": {
@@ -2939,6 +3045,16 @@
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            },
+            {
+              "name": "compact",
+              "description": "Drops the illustration and the reserved height, for a table that only has\nroom to say the row count is zero.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
             }
           ],
           "slots": [
@@ -2950,6 +3066,63 @@
             "events": []
           }
         },
+        {
+          "name": "RuiTableErrorState",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/RuiTableErrorState.vue",
+            "symbol": "RuiTableErrorState"
+          },
+          "attributes": [
+            {
+              "name": "title",
+              "description": "Heading for the failure, such as which read it was.",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "message",
+              "description": "What went wrong, in the words the caller got back.",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "action-text",
+              "description": "Label for the retry control. The library ships no translations, so a\ncaller that wants the control has to name it; leaving this empty renders\nthe reason on its own.",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "action",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[]"
+                  }
+                ]
+              }
+            ]
+          }
+        },
         {
           "name": "RuiTableHead",
           "source": {
@@ -3130,6 +3303,39 @@
             ]
           }
         },
+        {
+          "name": "RuiTableLoadingState",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/RuiTableLoadingState.vue",
+            "symbol": "RuiTableLoadingState"
+          },
+          "attributes": [
+            {
+              "name": "size",
+              "description": "Diameter of the spinner, in pixels.",
+              "required": false,
+              "default": "40",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "compact",
+              "description": "Drops the reserved height, for a table that only has room to say a read is\nin flight. Matches the same flag on RuiTableEmptyState, so the two states\ndo not resize the table as they swap.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": []
+          }
+        },
         {
           "name": "RuiTablePagination",
           "source": {
@@ -4242,12 +4448,427 @@
                   "type": "number"
                 },
                 {
-                  "name": "item",
-                  "type": "TItem"
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "chipAttrs",
+                  "type": "Record<string, unknown>"
+                }
+              ]
+            },
+            {
+              "name": "item.prepend",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "item",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "item.append",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "group-header",
+              "vue-properties": [
+                {
+                  "name": "group",
+                  "type": "string"
+                },
+                {
+                  "name": "items",
+                  "type": "TItem[]"
+                }
+              ]
+            },
+            {
+              "name": "no-data"
+            },
+            {
+              "name": "placeholder",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "readOnly",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "footer"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: AutoCompleteModelValue<TValue>]"
+                  }
+                ]
+              },
+              {
+                "name": "update:searchInput",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: string]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiAutoCompleteOption",
+          "source": {
+            "module": "@rotki/ui-library/components/forms/auto-complete/RuiAutoCompleteOption.vue",
+            "symbol": "RuiAutoCompleteOption"
+          },
+          "attributes": [
+            {
+              "name": "item",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "TItem"
+              }
+            },
+            {
+              "name": "text",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "active",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "dense",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "highlighted",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "highlighted-class",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "prepend",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "default",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "append",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                }
+              ]
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "select",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[item: TItem]"
+                  }
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "RuiAutoCompleteOptionList",
+          "source": {
+            "module": "@rotki/ui-library/components/forms/auto-complete/RuiAutoCompleteOptionList.vue",
+            "symbol": "RuiAutoCompleteOptionList"
+          },
+          "attributes": [
+            {
+              "name": "container-props",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "{ ref: globalThis.Ref<HTMLElement | null, HTMLElement | null>; onScroll: () => void; style: StyleValue; }"
+              }
+            },
+            {
+              "name": "wrapper-props",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "Record<string, unknown>"
+              }
+            },
+            {
+              "name": "set-menu-ref",
+              "description": "Hands the list element back to the parent, which the dropdown composable measures.",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "(element: Element | globalThis.ComponentPublicInstance | null) => void"
+              }
+            },
+            {
+              "name": "is-grouped",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "grouped-options",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "DropdownOptionGroup<TItem>[]"
+              }
+            },
+            {
+              "name": "rendered-data",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "{ _index: number; item: TItem; }[]"
+              }
+            },
+            {
+              "name": "options",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "TItem[]"
+              }
+            },
+            {
+              "name": "highlighted-index",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "highlighted-class",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "dense",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "menu-class",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "VueClassValue"
+              }
+            },
+            {
+              "name": "menu-style",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "StyleValue"
+              }
+            },
+            {
+              "name": "get-identifier",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "(item: TItem) => unknown"
+              }
+            },
+            {
+              "name": "get-text",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "(item: TItem) => string | undefined"
+              }
+            },
+            {
+              "name": "is-active-item",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "(item: TItem) => boolean"
+              }
+            },
+            {
+              "name": "is-item-disabled",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "(item: TItem) => boolean"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "group-header",
+              "vue-properties": [
+                {
+                  "name": "group",
+                  "type": "string"
                 },
                 {
-                  "name": "chipAttrs",
-                  "type": "Record<string, unknown>"
+                  "name": "items",
+                  "type": "TItem[]"
                 }
               ]
             },
@@ -4301,65 +4922,154 @@
                   "type": "boolean"
                 }
               ]
-            },
-            {
-              "name": "group-header",
-              "vue-properties": [
-                {
-                  "name": "group",
-                  "type": "string"
-                },
-                {
-                  "name": "items",
-                  "type": "TItem[]"
-                }
-              ]
-            },
-            {
-              "name": "no-data"
-            },
-            {
-              "name": "placeholder",
-              "vue-properties": [
-                {
-                  "name": "disabled",
-                  "type": "boolean"
-                },
-                {
-                  "name": "readOnly",
-                  "type": "boolean"
-                }
-              ]
-            },
-            {
-              "name": "footer"
             }
           ],
           "js": {
             "events": [
               {
-                "name": "update:modelValue",
+                "name": "select",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: AutoCompleteModelValue<TValue>]"
+                    "type": "[item: TItem]"
                   }
                 ]
               },
               {
-                "name": "update:searchInput",
+                "name": "move-highlight",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: string]"
+                    "type": "[up: boolean]"
                   }
                 ]
               }
             ]
+          }
+        },
+        {
+          "name": "RuiAutoCompleteSelection",
+          "source": {
+            "module": "@rotki/ui-library/components/forms/auto-complete/RuiAutoCompleteSelection.vue",
+            "symbol": "RuiAutoCompleteSelection"
           },
-          "vue-model": {
-            "prop": "modelValue",
-            "event": "update:modelValue"
+          "attributes": [
+            {
+              "name": "items",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "TItem[]"
+              }
+            },
+            {
+              "name": "chips",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "dense",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "multiple",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "search-input-focused",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hide-selection-wrapper",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "get-identifier",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "(item: TItem) => unknown"
+              }
+            },
+            {
+              "name": "get-text",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "(item: TItem) => string | undefined"
+              }
+            },
+            {
+              "name": "chip-attrs",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "(item: TItem, index: number) => Record<string, unknown>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "prepend",
+              "vue-properties": [
+                {
+                  "name": "index",
+                  "type": "number"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                }
+              ]
+            },
+            {
+              "name": "default",
+              "vue-properties": [
+                {
+                  "name": "index",
+                  "type": "number"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "chipAttrs",
+                  "type": "Record<string, unknown>"
+                }
+              ]
+            }
+          ],
+          "js": {
+            "events": []
           }
         },
         {
@@ -5091,7 +5801,7 @@
             },
             {
               "name": "upload-text",
-              "description": "Replace the default \"Drag and drop or {button}\" copy.",
+              "description": "Replace the default \"Drag and drop or \\{button\\}\" copy.",
               "required": false,
               "default": "'Drag and drop or'",
               "value": {
@@ -6098,6 +6808,100 @@
             "event": "update:modelValue"
           }
         },
+        {
+          "name": "RuiSliderTicks",
+          "source": {
+            "module": "@rotki/ui-library/components/forms/slider/RuiSliderTicks.vue",
+            "symbol": "RuiSliderTicks"
+          },
+          "attributes": [
+            {
+              "name": "count",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "container-class",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "container-style",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "StyleValue"
+              }
+            },
+            {
+              "name": "tick-class",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "tick-style",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "StyleValue"
+              }
+            },
+            {
+              "name": "hide-track",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "highlight-class",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "tick-class-override",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "is-highlighted",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "(index: number) => boolean"
+              }
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": []
+          }
+        },
         {
           "name": "RuiSwitch",
           "source": {
@@ -7088,6 +7892,15 @@
                     "type": "[]"
                   }
                 ]
+              },
+              {
+                "name": "dismiss",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[]"
+                  }
+                ]
               }
             ]
           },
@@ -8411,7 +9224,7 @@
           "attributes": [
             {
               "name": "model-value",
-              "description": "",
+              "description": "The tab whose panel is showing.\n\nThe default matches RuiTabs. Without one, binding both components to the\nsame ref that starts as `undefined` leaves this component with\n`modelValue === undefined`, so the `active = modelValue === value` check\nfails for every tab: the panel renders but stays at height 0, which reads as\nan element with no content.",
               "required": false,
               "default": "0 as T",
               "value": {
@@ -8507,7 +9320,7 @@
             },
             {
               "name": "model-value",
-              "description": "",
+              "description": "The selected tab, defaulting to the first one. The default also narrows the\n`update:modelValue` payload to `number | string`, so a consumer's handler\nneeds no undefined in its signature.",
               "required": false,
               "default": "0",
               "value": {