@rotki/ui-library 3.0.0-beta.4 → 3.0.0-beta.5

package/dist/components/tables/data-table/RuiDataTableAppendRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiDataTableAppendRow.js","names":["_sfc_main"],"sources":["../../../../src/components/tables/data-table/RuiDataTableAppendRow.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object\">\nimport { useDataTableStyling } from '@/components/tables/data-table/context';\n\ndefineProps<{\n  row: T;\n  index: number;\n}>();\n\ndefineSlots<{\n  'row-append': (props: { row: T; index: number }) => any;\n}>();\n\nconst { classes, colspan, isMobile } = useDataTableStyling();\n\n/**\n * Caps the content to the table's visible width, less the cell's 16px sides, and pins it to the left\n * edge while the table scrolls sideways, as the expanded panel does: a note under a wide row stays in\n * view instead of spanning the whole scroll width. Where the table resets `--rui-table-viewport`, on\n * mobile, the calc is invalid and the width stays auto.\n */\nconst contentStyle = { width: 'calc(var(--rui-table-viewport) - 2rem)' };\n</script>\n\n<template>\n  <!-- the cell drops the row height floor and the top padding: it reads as the end of the row above -->\n  <tr data-id=\"row-append\">\n    <td\n      :colspan=\"colspan\"\n      class=\"pt-0 pb-2 h-auto whitespace-normal\"\n      :class=\"classes.td\"\n    >\n      <div\n        :class=\"{ 'sticky left-4': !isMobile }\"\n        :style=\"contentStyle\"\n        data-id=\"row-append-content\"\n      >\n        <slot\n          name=\"row-append\"\n          :row=\"row\"\n          :index=\"index\"\n        />\n      </div>\n    </td>\n  </tr>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RuiDataTableAppendRow.js","names":["_sfc_main"],"sources":["../../../../src/components/tables/data-table/RuiDataTableAppendRow.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object\">\nimport { useDataTableStyling } from '@/components/tables/data-table/context';\n\ndefineProps<{\n  row: T;\n  index: number;\n}>();\n\ndefineSlots<{\n  'row-append': (props: { row: T; index: number }) => any;\n}>();\n\nconst { classes, colspan } = useDataTableStyling();\n</script>\n\n<template>\n  <!--\n    The cell drops the row height floor and the top padding: it reads as the end of the row above.\n    Its content scrolls sideways with the row, unlike the expanded panel, which stays in view: a\n    follow-up is part of the row, so its text keeps its place under the row's columns.\n  -->\n  <tr data-id=\"row-append\">\n    <td\n      :colspan=\"colspan\"\n      class=\"pt-0 pb-2 h-auto whitespace-normal\"\n      :class=\"classes.td\"\n    >\n      <div data-id=\"row-append-content\">\n        <slot\n          name=\"row-append\"\n          :row=\"row\"\n          :index=\"index\"\n        />\n      </div>\n    </td>\n  </tr>\n</template>\n"],"mappings":""}

package/dist/components/tables/data-table/RuiDataTableAppendRow.vue_vue_type_script_setup_true_lang.js

@@ -3,6 +3,7 @@ import { createElementBlock, createElementVNode, defineComponent, normalizeClass
 //#region src/components/tables/data-table/RuiDataTableAppendRow.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { "data-id": "row-append" };
 var _hoisted_2 = ["colspan"];
+var _hoisted_3 = { "data-id": "row-append-content" };
 var RuiDataTableAppendRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "RuiDataTableAppendRow",
 	props: {
@@ -10,26 +11,15 @@ var RuiDataTableAppendRow_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 		index: {}
 	},
 	setup(__props) {
-		const { classes, colspan, isMobile } = useDataTableStyling();
-		/**
-		* Caps the content to the table's visible width, less the cell's 16px sides, and pins it to the left
-		* edge while the table scrolls sideways, as the expanded panel does: a note under a wide row stays in
-		* view instead of spanning the whole scroll width. Where the table resets `--rui-table-viewport`, on
-		* mobile, the calc is invalid and the width stays auto.
-		*/
-		const contentStyle = { width: "calc(var(--rui-table-viewport) - 2rem)" };
+		const { classes, colspan } = useDataTableStyling();
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("tr", _hoisted_1, [createElementVNode("td", {
 				colspan: unref(colspan),
 				class: normalizeClass(["pt-0 pb-2 h-auto whitespace-normal", unref(classes).td])
-			}, [createElementVNode("div", {
-				class: normalizeClass({ "sticky left-4": !unref(isMobile) }),
-				style: contentStyle,
-				"data-id": "row-append-content"
-			}, [renderSlot(_ctx.$slots, "row-append", {
+			}, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "row-append", {
 				row: __props.row,
 				index: __props.index
-			})], 2)], 10, _hoisted_2)]);
+			})])], 10, _hoisted_2)]);
 		};
 	}
 });

package/dist/components/tables/data-table/RuiDataTableAppendRow.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiDataTableAppendRow.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_normalizeClass","_renderSlot"],"sources":["../../../../src/components/tables/data-table/RuiDataTableAppendRow.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object\">\nimport { useDataTableStyling } from '@/components/tables/data-table/context';\n\ndefineProps<{\n  row: T;\n  index: number;\n}>();\n\ndefineSlots<{\n  'row-append': (props: { row: T; index: number }) => any;\n}>();\n\nconst { classes, colspan, isMobile } = useDataTableStyling();\n\n/**\n * Caps the content to the table's visible width, less the cell's 16px sides, and pins it to the left\n * edge while the table scrolls sideways, as the expanded panel does: a note under a wide row stays in\n * view instead of spanning the whole scroll width. Where the table resets `--rui-table-viewport`, on\n * mobile, the calc is invalid and the width stays auto.\n */\nconst contentStyle = { width: 'calc(var(--rui-table-viewport) - 2rem)' };\n</script>\n\n<template>\n  <!-- the cell drops the row height floor and the top padding: it reads as the end of the row above -->\n  <tr data-id=\"row-append\">\n    <td\n      :colspan=\"colspan\"\n      class=\"pt-0 pb-2 h-auto whitespace-normal\"\n      :class=\"classes.td\"\n    >\n      <div\n        :class=\"{ 'sticky left-4': !isMobile }\"\n        :style=\"contentStyle\"\n        data-id=\"row-append-content\"\n      >\n        <slot\n          name=\"row-append\"\n          :row=\"row\"\n          :index=\"index\"\n        />\n      </div>\n    </td>\n  </tr>\n</template>\n"],"mappings":";;;;;;;;;;;;EAYA,MAAM,EAAE,SAAS,SAAS,aAAa,oBAAoB;;;;;;;EAQ3D,MAAM,eAAe,EAAE,OAAO,yCAAyC;;GAKrE,OAAAA,UAAA,GAAAC,mBAkBK,MAlBL,YAkBK,CAjBHC,mBAgBK,MAAA;IAfF,SAASC,MAAA,OAAA;IACV,OAAKC,eAAA,CAAC,sCACED,MAAA,OAAA,CAAO,CAAC,EAAE,CAAA;GAElBD,GAAAA,CAAAA,mBAUM,OAAA;IATH,OAAKE,eAAA,EAAA,iBAAA,CAAsBD,MAAA,QAAA,EAAQ,CAAA;IACnC,OAAO;IACR,WAAQ;GAERE,GAAAA,CAAAA,WAIE,KAAA,QAAA,cAAA;IAFC,KAAK,QAAA;IACL,OAAO,QAAA"}
+{"version":3,"file":"RuiDataTableAppendRow.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_normalizeClass","_renderSlot"],"sources":["../../../../src/components/tables/data-table/RuiDataTableAppendRow.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object\">\nimport { useDataTableStyling } from '@/components/tables/data-table/context';\n\ndefineProps<{\n  row: T;\n  index: number;\n}>();\n\ndefineSlots<{\n  'row-append': (props: { row: T; index: number }) => any;\n}>();\n\nconst { classes, colspan } = useDataTableStyling();\n</script>\n\n<template>\n  <!--\n    The cell drops the row height floor and the top padding: it reads as the end of the row above.\n    Its content scrolls sideways with the row, unlike the expanded panel, which stays in view: a\n    follow-up is part of the row, so its text keeps its place under the row's columns.\n  -->\n  <tr data-id=\"row-append\">\n    <td\n      :colspan=\"colspan\"\n      class=\"pt-0 pb-2 h-auto whitespace-normal\"\n      :class=\"classes.td\"\n    >\n      <div data-id=\"row-append-content\">\n        <slot\n          name=\"row-append\"\n          :row=\"row\"\n          :index=\"index\"\n        />\n      </div>\n    </td>\n  </tr>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAYA,MAAM,EAAE,SAAS,YAAY,oBAAoB;;GAS/C,OAAAA,UAAA,GAAAC,mBAcK,MAdL,YAcK,CAbHC,mBAYK,MAAA;IAXF,SAASC,MAAA,OAAA;IACV,OAAKC,eAAA,CAAC,sCACED,MAAA,OAAA,CAAO,CAAC,EAAE,CAAA;GAElBD,GAAAA,CAAAA,mBAMM,OANN,YAMM,CALJG,WAIE,KAAA,QAAA,cAAA;IAFC,KAAK,QAAA;IACL,OAAO,QAAA"}

package/dist/icons/icons_4.js

@@ -4864,7 +4864,7 @@ var LuCurlyBraces = {
 	components: [["path", { "d": "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1" }], ["path", { "d": "M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1" }]]
 };
 var LuBuilding2 = {
-	name: "lu-building2",
+	name: "lu-building-2",
 	components: [
 		["path", { "d": "M10 12h4" }],
 		["path", { "d": "M10 8h4" }],