eco-vue-js 0.23.1 → 0.25.0

package/dist/assets/icons/IconInfo.js

@@ -0,0 +1,27 @@
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+//#region src/assets/icons/IconInfo.svg?component
+var _hoisted_1 = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		d: "M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2m0 14v-5",
+		stroke: "currentcolor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "1.5"
+	}, null, -1), createElementVNode("path", {
+		d: "M12 8z",
+		stroke: "currentcolor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, null, -1)])]);
+}
+var IconInfo_default = { render };
+//#endregion
+export { IconInfo_default as default, render };

package/dist/components/Button/WButtonSelection.vue.d.ts

@@ -23,8 +23,12 @@ type __VLS_Slots = {
         cssClass: string;
         visibleCount: number;
     }) => VNode[];
+    /** Filters at the start of the bar while nothing is selected. The actions then move to the end, beside `settings`, and the selection replaces the filters. */
+    filter?: () => VNode[];
     /** Content at the end of the bar while nothing is selected, such as list settings. */
-    settings?: () => VNode[];
+    settings?: (props: {
+        isFilterShown: boolean;
+    }) => VNode[];
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "clear:selection": () => any;

package/dist/components/Button/WButtonSelection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAkEA;AAuMA,OAAO,EAAC,KAAK,KAAK,EAAiG,MAAM,KAAK,CAAA;AAW9H,KAAK,WAAW,GAAG;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mHAAmH;IACnH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC;AAsGJ,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IAC1G,6KAA6K;IAC7K,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACvG,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACzB,CAAC;AA0MF,QAAA,MAAM,UAAU;;;;;WA/TJ,MAAM;oBAEG,MAAM;mBAEP,MAAM;6EA+TxB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAsFA;AAoOA,OAAO,EAAC,KAAK,KAAK,EAAiG,MAAM,KAAK,CAAA;AAW9H,KAAK,WAAW,GAAG;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mHAAmH;IACnH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC;AAyGJ,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IAC1G,6KAA6K;IAC7K,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACvG,8JAA8J;IAC9J,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,aAAa,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACxD,CAAC;AA6OF,QAAA,MAAM,UAAU;;;;;WAvWJ,MAAM;oBAEG,MAAM;mBAEP,MAAM;6EAuWxB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonSelection.vue_vue_type_script_setup_true_lang.js

@@ -3,16 +3,12 @@ import IconMore_default from "../../assets/icons/IconMore.js";
 import WDropdownAdaptive_default from "../DropdownMenu/WDropdownAdaptive.vue.js";
 import WButtonSelectionAction_default from "./WButtonSelectionAction.vue.js";
 import WButtonSelectionState_default from "./WButtonSelectionState.vue.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, markRaw, mergeProps, normalizeProps, onBeforeUnmount, onMounted, onUpdated, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, markRaw, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, provide, ref, renderSlot, toDisplayString, unref, useSlots, useTemplateRef, vShow, withCtx, withDirectives } from "vue";
 //#region src/components/Button/WButtonSelection.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "list:left---left-inner list:w---width-inner list:sticky grid w-full grid-cols-[1fr_auto] pb-3" };
-var _hoisted_2 = {
-	ref: "row",
-	class: "flex min-w-0"
-};
-var _hoisted_3 = { class: "py-2 grid" };
-var _hoisted_4 = { class: "tone-primary text-tone font-semibold" };
-var _hoisted_5 = { class: "sm-not:text-xs" };
+var _hoisted_1 = { class: "py-2 grid" };
+var _hoisted_2 = { class: "tone-primary text-tone font-semibold" };
+var _hoisted_3 = { class: "sm-not:text-xs" };
+var cellClass = "[--w-input-height:var(--w-list-toolbar-height,var(--w-list-toolbar-inherited-height))] [--w-button-height:var(--w-list-toolbar-height,var(--w-list-toolbar-inherited-height))]";
 var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WButtonSelection",
 	props: {
@@ -33,6 +29,7 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const isOverflowing = ref(false);
 		const widths = /* @__PURE__ */ new WeakMap();
 		let moreWidth = 0;
+		const actionsMinWidth = ref(0);
 		const isShown = (element) => element.getClientRects().length > 0;
 		const update = () => {
 			const row = rowRef.value;
@@ -50,7 +47,9 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				return;
 			}
 			const available = row.clientWidth;
-			if (items.reduce((sum, element) => sum + widths.get(element), 0) <= available || !more) {
+			const total = items.reduce((sum, element) => sum + widths.get(element), 0);
+			actionsMinWidth.value = Math.ceil(more ? moreWidth : total);
+			if (total <= available || !more) {
 				visibleCount.value = Infinity;
 				isOverflowing.value = false;
 				return;
@@ -80,47 +79,68 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			observer?.disconnect();
 			observer = null;
 		});
+		const slots = useSlots();
+		const isFilterShown = computed(() => !!slots.filter && !props.selectedCount);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-				disableMessage: disableMessageValue.value,
-				cssClass: "shrink-0 border-l border-solid border-line first:border-l-0",
-				visibleCount: visibleCount.value
-			}))), _ctx.$slots.more ? (openBlock(), createBlock(WDropdownAdaptive_default, {
-				key: 0,
-				"is-open": isOpen.value,
-				"close-on-click": "",
-				onClose: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
-			}, {
-				toggle: withCtx(() => [createVNode(WButtonSelectionAction_default, mergeProps({
-					title: "More",
-					icon: markRaw(unref(IconMore_default)),
-					"aria-expanded": isOpen.value,
-					"disable-message": disableMessageValue.value,
-					class: ["shrink-0 border-l border-solid border-line", { hidden: !isOverflowing.value }]
-				}, { "data-selection-more": "" }, { onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value) }), null, 16, [
-					"icon",
-					"aria-expanded",
-					"disable-message",
-					"class"
-				])]),
-				header: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" More ", -1)])]),
-				content: withCtx(() => [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "more", normalizeProps(guardReactiveProps({
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["list:left---left-inner list:w---width-inner list:sticky grid w-full pb-3 [--w-list-toolbar-inherited-height:var(--w-input-height,2.75rem)]", {
+					"grid-cols-[1fr_auto]": !isFilterShown.value,
+					"w-selection-filter-grid": isFilterShown.value
+				}]),
+				style: normalizeStyle(actionsMinWidth.value ? { "--w-selection-actions-width": `${actionsMinWidth.value}px` } : void 0)
+			}, [
+				_ctx.$slots.filter ? withDirectives((openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass([cellClass, "min-w-0 sm:mr-12 sm-not:col-span-full sm-not:mr-0 sm-not:mb-2 sm-not:px-(--w-list-padding,1rem)"])
+				}, [renderSlot(_ctx.$slots, "filter")], 512)), [[vShow, isFilterShown.value]]) : createCommentVNode("", true),
+				createElementVNode("div", {
+					ref: "row",
+					class: normalizeClass(["flex min-w-0", [cellClass, { "justify-end": isFilterShown.value }]])
+				}, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 					disableMessage: disableMessageValue.value,
-					cssClass: "",
+					cssClass: "shrink-0 first-not:border-l border-solid border-line",
 					visibleCount: visibleCount.value
-				})))])]),
-				_: 3
-			}, 8, ["is-open"])) : createCommentVNode("", true)], 512), __props.selectedCount ? (openBlock(), createBlock(WButtonSelectionState_default, {
-				key: 0,
-				onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("clear:selection"))
-			}, {
-				default: withCtx(() => [
-					_cache[4] || (_cache[4] = createElementVNode("span", { class: "sm-not:hidden" }, "Selected\xA0", -1)),
-					createElementVNode("span", _hoisted_4, toDisplayString(unref(numberFormatter).format(__props.selectedCount)), 1),
-					createElementVNode("span", _hoisted_5, "\xA0" + toDisplayString(__props.title) + toDisplayString(__props.selectedCount === 1 ? "" : "s"), 1)
-				]),
-				_: 1
-			})) : renderSlot(_ctx.$slots, "settings", {}, void 0, void 0, 1)]);
+				}))), _ctx.$slots.more ? (openBlock(), createBlock(WDropdownAdaptive_default, {
+					key: 0,
+					"is-open": isOpen.value,
+					"close-on-click": "",
+					onClose: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
+				}, {
+					toggle: withCtx(() => [createVNode(WButtonSelectionAction_default, mergeProps({
+						title: "More",
+						icon: markRaw(unref(IconMore_default)),
+						"aria-expanded": isOpen.value,
+						"disable-message": isFilterShown.value ? void 0 : disableMessageValue.value,
+						class: ["shrink-0 border-solid border-line", {
+							hidden: !isOverflowing.value,
+							"border-l": !isFilterShown.value || visibleCount.value !== 0
+						}]
+					}, { "data-selection-more": "" }, { onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value) }), null, 16, [
+						"icon",
+						"aria-expanded",
+						"disable-message",
+						"class"
+					])]),
+					header: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" More ", -1)])]),
+					content: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "more", normalizeProps(guardReactiveProps({
+						disableMessage: disableMessageValue.value,
+						cssClass: "",
+						visibleCount: visibleCount.value
+					})))])]),
+					_: 3
+				}, 8, ["is-open"])) : createCommentVNode("", true)], 2),
+				createElementVNode("div", { class: normalizeClass(cellClass) }, [__props.selectedCount ? (openBlock(), createBlock(WButtonSelectionState_default, {
+					key: 0,
+					onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("clear:selection"))
+				}, {
+					default: withCtx(() => [
+						_cache[4] || (_cache[4] = createElementVNode("span", { class: "sm-not:hidden" }, "Selected\xA0", -1)),
+						createElementVNode("span", _hoisted_2, toDisplayString(unref(numberFormatter).format(__props.selectedCount)), 1),
+						createElementVNode("span", _hoisted_3, "\xA0" + toDisplayString(__props.title) + toDisplayString(__props.selectedCount === 1 ? "" : "s"), 1)
+					]),
+					_: 1
+				})) : renderSlot(_ctx.$slots, "settings", normalizeProps(guardReactiveProps({ isFilterShown: isFilterShown.value })), void 0, void 0, 1)])
+			], 6);
 		};
 	}
 });

package/dist/components/Button/WButtonSelectionAction.vue.d.ts

@@ -28,6 +28,8 @@ type __VLS_Props = {
     replace?: boolean;
 };
 type __VLS_Slots = {
+    /** Slot for absolute positioned content, like counter */
+    default?: () => void;
     /** Rich content of the tooltip, replacing `disableMessage` or `tooltipText`. */
     tooltip?: () => void;
 };

package/dist/components/Button/WButtonSelectionAction.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAyEA;AAAA,OA+HO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAS5C,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA+NF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AA2EA;AAAA,OAmIO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAS5C,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAiOF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonSelectionAction.vue_vue_type_script_setup_true_lang.js

@@ -66,7 +66,8 @@ var WButtonSelectionAction_vue_vue_type_script_setup_true_lang_default = /*@__PU
 						fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltip")]),
 						key: "0"
 					} : void 0]), 1032, ["text"])) : createCommentVNode("", true),
-					!__props.disabled && !__props.disableMessage && !__props.loading && !unref(overlay) ? (openBlock(), createBlock(WShine_default, { key: 2 })) : createCommentVNode("", true)
+					!__props.disabled && !__props.disableMessage && !__props.loading && !unref(overlay) ? (openBlock(), createBlock(WShine_default, { key: 2 })) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default")
 				]),
 				_: 3
 			}, 16, [

package/dist/components/Button/WButtonTab.vue.d.ts

@@ -1,3 +1,4 @@
+import { LinkProps } from '../../types/types';
 type __VLS_Props = {
     /** Marks the button as the open tab: primary text and an underline. */
     active?: boolean;
@@ -23,8 +24,10 @@ type __VLS_Props = {
     showHasValue?: boolean;
     /** Scrolls a title that doesn't fit into view on hover. */
     enableOverflow?: boolean;
-    /** Number shown in brackets after the title. */
+    /** Number shown in a badge after the title, tinted while the tab is open. */
     count?: number;
+    /** Router location — renders a link that replaces the current history entry, unless `disabled`. */
+    to?: LinkProps['to'];
 };
 type __VLS_Slots = {
     /** Content of the button, replacing the title, icon, count and status icon. */

package/dist/components/Button/WButtonTab.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonTab.vue"],"names":[],"mappings":"AAwIA;AAwMA,KAAK,WAAW,GAAG;IACjB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kEAAkE;IAClE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACvF,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;CACzF,CAAC;AAsUF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonTab.vue"],"names":[],"mappings":"AAiJA;AA4MA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAa5C,KAAK,WAAW,GAAG;IACjB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kEAAkE;IAClE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mGAAmG;IACnG,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;CACrB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACvF,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;CACzF,CAAC;AA0WF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonTab.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,14 @@
 import { numberFormatter } from "../../utils/utils.js";
+import WRouterLink_default from "../RouterLink/WRouterLink.vue.js";
 import IconCheckCircle_default from "../../assets/icons/IconCheckCircle.js";
 import IconClose_default from "../../assets/icons/IconClose.js";
 import IconNegativeInfo_default from "../../assets/icons/IconNegativeInfo.js";
 import WEmptyComponent_default from "../EmptyComponent/WEmptyComponent.vue.js";
 import WStatusIcon_default from "../Status/WStatusIcon.vue.js";
 import WTextOverflow_default from "../TextOverflow/WTextOverflow.vue.js";
-import { Suspense, Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { Suspense, Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/Button/WButtonTab.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["disabled"];
-var _hoisted_2 = {
+var _hoisted_1 = {
 	key: 0,
 	class: "p-8"
 };
@@ -27,100 +27,113 @@ var WButtonTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		statusIcon: { type: Boolean },
 		showHasValue: { type: Boolean },
 		enableOverflow: { type: Boolean },
-		count: {}
+		count: {},
+		to: {}
 	},
 	emits: ["click"],
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", {
-				disabled: __props.disabled,
-				class: normalizeClass(["w-ripple-trigger grid select-none grid-cols-[auto_1fr] font-semibold outline-none transition-colors duration-500", {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.to && !__props.disabled ? WRouterLink_default : "button"), mergeProps(__props.to && !__props.disabled ? {
+				to: __props.to,
+				replace: true
+			} : { disabled: __props.disabled }, {
+				class: ["w-ripple-trigger grid select-none grid-cols-[auto_1fr] font-semibold outline-none", {
 					"tone-primary text-tone": !__props.hasError && __props.active,
 					"tone-negative text-tone": __props.hasError,
 					"tone-positive text-tone": !__props.active && !__props.hasError && __props.hasValue && __props.showHasValue,
 					"text-description": !__props.active && !__props.hasError && (!__props.showHasValue || !__props.hasValue),
 					"cursor-not-allowed opacity-50": __props.disabled,
 					"cursor-pointer": !__props.disabled
-				}]),
+				}],
 				onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabled && _ctx.$emit("click", $event))
-			}, [__props.indicator ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", { class: normalizeClass(["text-surface rounded-full bg-inherit p-1 outline transition-[outline-width] duration-500", {
-				"tone-negative bg-tone-fill outline-tone/10": __props.hasError,
-				"tone-positive bg-tone-fill outline-tone/10": !__props.hasError && __props.hasValue && __props.showHasValue,
-				"bg-track-strong outline-track-strong/10": !__props.hasError && (!__props.showHasValue || !__props.hasValue),
-				"outline-[1.5rem]": __props.active
-			}]) }, [__props.hasError ? (openBlock(), createBlock(unref(IconNegativeInfo_default), {
-				key: 0,
-				class: "size-8"
-			})) : __props.hasValue ? (openBlock(), createBlock(unref(IconCheckCircle_default), {
-				key: 1,
-				class: "size-8"
-			})) : (openBlock(), createBlock(unref(IconClose_default), {
-				key: 2,
-				class: "size-8"
-			}))], 2)])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(["relative col-start-2 self-start", {
-				"mt-3.5": __props.indicator,
-				"w-ripple w-ripple-hover": !__props.disabled
-			}]) }, [
-				_ctx.$slots.title ? renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps({
-					hasChanges: __props.hasChanges,
-					hasError: __props.hasError,
-					hasValue: __props.hasValue
-				})), void 0, void 0, 0) : (openBlock(), createElementBlock("div", {
+			}), {
+				default: withCtx(() => [__props.indicator ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", { class: normalizeClass(["text-surface rounded-full bg-inherit p-1 outline transition-[outline-width] duration-500", {
+					"tone-negative bg-tone-fill outline-tone/10": __props.hasError,
+					"tone-positive bg-tone-fill outline-tone/10": !__props.hasError && __props.hasValue && __props.showHasValue,
+					"bg-track-strong outline-track-strong/10": !__props.hasError && (!__props.showHasValue || !__props.hasValue),
+					"outline-[1.5rem]": __props.active
+				}]) }, [__props.hasError ? (openBlock(), createBlock(unref(IconNegativeInfo_default), {
+					key: 0,
+					class: "size-8"
+				})) : __props.hasValue ? (openBlock(), createBlock(unref(IconCheckCircle_default), {
 					key: 1,
-					class: normalizeClass(["group/overflow grid grid-cols-[1fr_auto] items-center py-2", {
-						"justify-center text-center": !__props.side,
-						"text-start": __props.side
-					}])
-				}, [
-					createElementVNode("div", { class: normalizeClass(["whitespace-nowrap px-3", { "sm-not:pl---inner-margin": __props.side }]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.enableOverflow ? WTextOverflow_default : WEmptyComponent_default), null, {
-						default: withCtx(() => [__props.icon !== void 0 ? (openBlock(), createBlock(Suspense, { key: 0 }, {
-							fallback: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("svg", { class: "square-[1.25em] -mt-1 inline" }, [createElementVNode("g")], -1)])]),
-							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "square-[1.25em] -mt-1 inline" }))]),
-							_: 1
-						})) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(__props.title) + " " + toDisplayString(__props.count !== void 0 ? `(${unref(numberFormatter).format(__props.count)})` : ""), 1)]),
-						_: 1
-					}))], 2),
-					__props.statusIcon ? (openBlock(), createBlock(WStatusIcon_default, {
-						key: 0,
-						"has-value": __props.hasValue,
-						"has-error": __props.hasError,
-						class: "sm-not:mr---inner-margin square-4 ml-auto mr-4"
-					}, null, 8, ["has-value", "has-error"])) : createCommentVNode("", true),
-					renderSlot(_ctx.$slots, "suffix", normalizeProps(guardReactiveProps({
+					class: "size-8"
+				})) : (openBlock(), createBlock(unref(IconClose_default), {
+					key: 2,
+					class: "size-8"
+				}))], 2)])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(["relative col-start-2 self-start", {
+					"mt-3.5": __props.indicator,
+					"w-ripple w-ripple-hover": !__props.disabled
+				}]) }, [
+					_ctx.$slots.title ? renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps({
 						hasChanges: __props.hasChanges,
 						hasError: __props.hasError,
 						hasValue: __props.hasValue
-					})))
-				], 2)),
-				createVNode(Transition, {
-					"enter-active-class": "transition-opacity",
-					"leave-active-class": "transition-opacity",
-					"enter-from-class": "opacity-0",
-					"leave-to-class": "opacity-0"
-				}, {
-					default: withCtx(() => [__props.hasChanges ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: normalizeClass(["square-2 absolute right-1 top-1 rounded-full transition-colors duration-200", {
-							"tone-info bg-tone-fill": !__props.hasError,
-							"tone-negative bg-tone-fill": __props.hasError
+					})), void 0, void 0, 0) : (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(["group/overflow grid grid-cols-[1fr_auto] items-center py-2", {
+							"justify-center text-center": !__props.side,
+							"text-start": __props.side
 						}])
-					}, null, 2)) : createCommentVNode("", true)]),
-					_: 1
-				}),
-				createVNode(Transition, {
-					"enter-active-class": "transition-[scale,opacity] origin-center duration-300",
-					"leave-active-class": "transition-[scale,opacity] origin-center duration-300",
-					"enter-from-class": "scale-x-0 opacity-0",
-					"leave-to-class": "scale-x-0 opacity-0",
-					css: !__props.indicator
-				}, {
-					default: withCtx(() => [__props.active || __props.indicator ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: normalizeClass(["absolute inset-x-0 bg-current bottom-0 h-0.5 rounded-sm", { "sm-not:left---inner-margin": __props.side }])
-					}, null, 2)) : createCommentVNode("", true)]),
-					_: 1
-				}, 8, ["css"])
-			], 2)], 10, _hoisted_1);
+					}, [
+						createElementVNode("div", { class: normalizeClass(["whitespace-nowrap px-3", { "sm-not:pl---inner-margin": __props.side }]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.enableOverflow ? WTextOverflow_default : WEmptyComponent_default), null, {
+							default: withCtx(() => [
+								__props.icon !== void 0 ? (openBlock(), createBlock(Suspense, { key: 0 }, {
+									fallback: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("svg", { class: "square-[1.25em] -mt-1 inline" }, [createElementVNode("g")], -1)])]),
+									default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "square-[1.25em] -mt-1 inline" }))]),
+									_: 1
+								})) : createCommentVNode("", true),
+								createTextVNode(" " + toDisplayString(__props.title) + " ", 1),
+								__props.count !== void 0 ? (openBlock(), createElementBlock("span", {
+									key: 1,
+									class: normalizeClass(["ml-0.5 inline-block min-w-[1.75em] rounded-full px-1.5 text-center text-xs/5 tabular-nums", __props.active && !__props.hasError ? "bg-tone-soft" : "bg-surface-muted text-description"])
+								}, toDisplayString(unref(numberFormatter).format(__props.count)), 3)) : createCommentVNode("", true)
+							]),
+							_: 1
+						}))], 2),
+						__props.statusIcon ? (openBlock(), createBlock(WStatusIcon_default, {
+							key: 0,
+							"has-value": __props.hasValue,
+							"has-error": __props.hasError,
+							class: "sm-not:mr---inner-margin square-4 ml-auto mr-4"
+						}, null, 8, ["has-value", "has-error"])) : createCommentVNode("", true),
+						renderSlot(_ctx.$slots, "suffix", normalizeProps(guardReactiveProps({
+							hasChanges: __props.hasChanges,
+							hasError: __props.hasError,
+							hasValue: __props.hasValue
+						})))
+					], 2)),
+					createVNode(Transition, {
+						"enter-active-class": "transition-opacity",
+						"leave-active-class": "transition-opacity",
+						"enter-from-class": "opacity-0",
+						"leave-to-class": "opacity-0"
+					}, {
+						default: withCtx(() => [__props.hasChanges ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(["square-2 absolute right-1 top-1 rounded-full", {
+								"tone-info bg-tone-fill": !__props.hasError,
+								"tone-negative bg-tone-fill": __props.hasError
+							}])
+						}, null, 2)) : createCommentVNode("", true)]),
+						_: 1
+					}),
+					createVNode(Transition, {
+						"enter-active-class": "transition-[scale,opacity] origin-center duration-300",
+						"leave-active-class": "transition-[scale,opacity] origin-center duration-300",
+						"enter-from-class": "scale-x-0 opacity-0",
+						"leave-to-class": "scale-x-0 opacity-0",
+						css: !__props.indicator
+					}, {
+						default: withCtx(() => [__props.active || __props.indicator ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(["absolute inset-x-0 bg-current bottom-0 h-0.5 rounded-sm", { "sm-not:left---inner-margin": __props.side }])
+						}, null, 2)) : createCommentVNode("", true)]),
+						_: 1
+					}, 8, ["css"])
+				], 2)]),
+				_: 3
+			}, 16, ["class"]);
 		};
 	}
 });

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAqLA;AAkUA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAkB,KAAK,KAAK,EAAuE,MAAM,KAAK,CAAA;AAerH,KAAK,WAAW,GAAG,iBAAiB,GAAG;IACnC,uJAAuJ;IACvJ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAyGJ,KAAK,WAAW,GAAG;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,qDAAqD;IACrD,MAAM,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,2JAA2J;IAC3J,KAAK,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpH,sGAAsG;IACtG,OAAO,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACvH,CAAC;AA6XF,QAAA,MAAM,UAAU;sBAvdO,cAAc,GAAG,IAAI;yBA2BhB,MAAM,eAAc,MAAM;;;;;;;;;;;6EAicpD,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAqLA;AAkUA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAkB,KAAK,KAAK,EAAuE,MAAM,KAAK,CAAA;AAerH,KAAK,WAAW,GAAG,iBAAiB,GAAG;IACnC,uJAAuJ;IACvJ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAyGJ,KAAK,WAAW,GAAG;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,qDAAqD;IACrD,MAAM,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,2JAA2J;IAC3J,KAAK,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpH,sGAAsG;IACtG,OAAO,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACvH,CAAC;AA4XF,QAAA,MAAM,UAAU;sBAtdO,cAAc,GAAG,IAAI;yBA2BhB,MAAM,eAAc,MAAM;;;;;;;;;;;6EAgcpD,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/FieldWrapper/WFieldWrapper.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,7 @@ var _hoisted_2 = {
 };
 var _hoisted_3 = {
 	key: 0,
-	class: "square-2 absolute right-0 top-0 rounded-full bg-(--has-changes-bg) transition-colors"
+	class: "square-2 absolute right-0 top-0 rounded-full bg-(--has-changes-bg)"
 };
 var _hoisted_4 = {
 	key: 2,

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts

@@ -1,5 +1,5 @@
 type __VLS_Props = {
-    /** Title of the page. The `title` slot replaces it. */
+    /** Title of the page. The `title` slot replaces it. Without both, the header shows the titles of the current route: a breadcrumb of its parents and the page title, see `useRouteTitle`. */
     title?: string;
 };
 type __VLS_Slots = {

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAuDA;AAoIA,KAAK,WAAW,GAAG;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB,CAAC;AA2LF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AA+HA;AA0NA,KAAK,WAAW,GAAG;IACjB,4LAA4L;IAC5L,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB,CAAC;AAqUF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/HeaderBar/WHeaderBar.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,41 @@
 import { wBaseZIndex } from "../../utils/utils.js";
+import WRouterLink_default from "../RouterLink/WRouterLink.vue.js";
+import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
+import WTooltip_default from "../Tooltip/WTooltip.vue.js";
 import IconSearch_default from "../../assets/icons/IconSearch.js";
+import { getRouteTitleShort, useRouteTitles } from "../../utils/useRouteTitle.js";
 import { useHeader } from "./use/useHeader.js";
 import { useHeaderSearch } from "./use/useHeaderSearch.js";
 import { useHeaderSearchVisible } from "./use/useHeaderSearchVisible.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, vShow, withDirectives } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, vShow, withCtx, withDirectives } from "vue";
 //#region src/components/HeaderBar/WHeaderBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "text-accent sm:text-2.5xl flex-1 truncate text-xl font-semibold" };
-var _hoisted_2 = { class: "w-ripple w-ripple-hover sm-not:px---inner-margin relative flex h-full items-center px-(--w-list-padding,1rem)" };
+var _hoisted_1 = {
+	key: 0,
+	class: "text-accent sm:text-2.5xl flex-1 truncate text-xl font-semibold"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "flex min-w-0 flex-1 items-baseline gap-2 text-lg leading-tight sm:text-xl"
+};
 var _hoisted_3 = {
+	key: 0,
+	"aria-label": "Breadcrumb",
+	class: "sm-not:hidden text-description flex shrink-0 items-baseline gap-2"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "max-w-64 truncate"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "text-accent min-w-0 truncate font-semibold"
+};
+var _hoisted_6 = {
+	key: 2,
+	class: "flex min-w-max flex-1 items-center self-center"
+};
+var _hoisted_7 = { class: "w-ripple w-ripple-hover sm-not:px---inner-margin relative flex h-full items-center px-(--w-list-padding,1rem)" };
+var _hoisted_8 = {
 	key: 0,
 	class: "xl-not:pl---header-height px---inner-margin grid items-center"
 };
@@ -19,6 +47,9 @@ var WHeaderBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const { headerPadding, updateHeaderHeight } = useHeader();
 		const { search } = useHeaderSearch();
 		const { visible, updateVisible } = useHeaderSearchVisible();
+		const { titles } = useRouteTitles();
+		const parentTitles = computed(() => titles.value.slice(0, -1));
+		const currentTitle = computed(() => titles.value.at(-1));
 		const elementRef = useTemplateRef("element");
 		const isTransparent = ref(false);
 		let timeout;
@@ -57,16 +88,41 @@ var WHeaderBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					style: normalizeStyle({ "--header-height-padding": unref(headerPadding) + "px" })
 				}, null, 6)),
 				withDirectives(createElementVNode("div", { class: normalizeClass(["pl---inner-margin xl-not:pl---header-height relative flex items-center", { "pr---inner-margin": !unref(search) }]) }, [
-					createElementVNode("h1", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]),
+					__props.title !== void 0 || _ctx.$slots.title ? (openBlock(), createElementBlock("h1", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])])) : (openBlock(), createElementBlock("div", _hoisted_2, [
+						parentTitles.value.length ? (openBlock(), createElementBlock("nav", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(parentTitles.value, (item, index) => {
+							return openBlock(), createElementBlock(Fragment, { key: index }, [item.to ? (openBlock(), createBlock(WRouterLink_default, {
+								key: 0,
+								to: item.to,
+								class: "hover:text-accent max-w-64 truncate no-underline transition-colors"
+							}, {
+								default: withCtx(() => [unref(getRouteTitleShort)(item) !== void 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(getRouteTitleShort)(item)), 1)], 64)) : (openBlock(), createBlock(WSkeleton_default, {
+									key: 1,
+									class: "inline-flex w-24"
+								}))]),
+								_: 2
+							}, 1032, ["to"])) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(getRouteTitleShort)(item)), 1)), _cache[1] || (_cache[1] = createElementVNode("span", {
+								"aria-hidden": "true",
+								class: "opacity-50"
+							}, "/", -1))], 64);
+						}), 128))])) : createCommentVNode("", true),
+						currentTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_5, [currentTitle.value.title !== void 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(currentTitle.value.title) + " ", 1), createVNode(WTooltip_default, {
+							text: currentTitle.value.title,
+							"overflow-only": ""
+						}, null, 8, ["text"])], 64)) : (openBlock(), createBlock(WSkeleton_default, {
+							key: 1,
+							class: "inline-flex w-40"
+						}))])) : createCommentVNode("", true),
+						currentTitle.value?.suffix ? (openBlock(), createElementBlock("div", _hoisted_6, [(openBlock(), createBlock(resolveDynamicComponent(currentTitle.value.suffix)))])) : createCommentVNode("", true)
+					])),
 					renderSlot(_ctx.$slots, "right"),
 					unref(search) ? (openBlock(), createElementBlock("button", {
-						key: 0,
+						key: 2,
 						class: "w-ripple-trigger sm:pr---inner-margin h-full select-none",
 						"aria-label": "Open search",
 						onClick: _cache[0] || (_cache[0] = ($event) => unref(updateVisible)(true))
-					}, [createElementVNode("div", _hoisted_2, [createVNode(unref(IconSearch_default), { class: "square-[1.25em] text-accent" })])])) : createCommentVNode("", true)
+					}, [createElementVNode("div", _hoisted_7, [createVNode(unref(IconSearch_default), { class: "square-[1.25em] text-accent" })])])) : createCommentVNode("", true)
 				], 2), [[vShow, !unref(visible)]]),
-				unref(search) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(search), (slot, index) => {
+				unref(search) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(search), (slot, index) => {
 					return openBlock(), createBlock(resolveDynamicComponent(slot), { key: index });
 				}), 128))], 512)), [[vShow, unref(visible)]]) : createCommentVNode("", true)
 			], 4);

package/dist/components/InfiniteList/components/InfiniteListHeaderPadding.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListHeaderPadding.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListHeaderPadding.vue"],"names":[],"mappings":"AAGA;AAuCA,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,OAAO,GAAG,IAAI,CAAA;IAC9B,YAAY,EAAE,MAAM,CAAA;CACrB,CAAC;AAsCF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAC/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InfiniteListHeaderPadding.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListHeaderPadding.vue"],"names":[],"mappings":"AAGA;AAsCA,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,OAAO,GAAG,IAAI,CAAA;IAC9B,YAAY,EAAE,MAAM,CAAA;CACrB,CAAC;AAqCF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAC/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}