eco-vue-js 0.27.1 → 0.27.2

package/dist/components/Checkbox/WCheckboxGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckboxGroup.vue"],"names":[],"mappings":"AAwEA;AA4HA,OAAO,KAAK,EAAC,kBAAkB,EAAwB,MAAM,SAAS,CAAA;AAQtE,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EACtM,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA+MO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;KAAmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QApMT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,iDAAiD;mBACtC,MAAM,IAAI;QACrB,4EAA4E;iBACnE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,WAAW,SAAS,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;QACrG,2CAA2C;gBACnC,MAAM,IAAI;;cAZd,oBAAoB,SAAS,KAAK,KAAG,IAAI;EA6M3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckboxGroup.vue"],"names":[],"mappings":"AAyEA;AA6HA,OAAO,KAAK,EAAC,kBAAkB,EAAwB,MAAM,SAAS,CAAA;AAQtE,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EACtM,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAkNO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;KAAmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QAvMT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,iDAAiD;mBACtC,MAAM,IAAI;QACrB,4EAA4E;iBACnE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,WAAW,SAAS,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;QACrG,2CAA2C;gBACnC,MAAM,IAAI;;cAZd,oBAAoB,SAAS,KAAK,KAAG,IAAI;EAgN3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/Checkbox/WCheckboxGroup.vue_vue_type_script_setup_true_lang.js

@@ -72,6 +72,7 @@ var WCheckboxGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				}) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (item, index) => {
 					return openBlock(), createBlock(WCheckbox_default, mergeProps({ key: index }, { ref_for: true }, {
 						...props,
+						noMargin: __props.noMargin || __props.embedded,
 						modelValue: getValue(item) === __props.modelValue,
 						title: __props.titleMap?.[getValue(item).toString()],
 						tooltipText: __props.tooltipTextMap?.[getValue(item).toString()],
@@ -79,7 +80,11 @@ var WCheckboxGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 						loading: __props.loading && getValue(item) === loadingItem.value,
 						disabled: __props.disabled || __props.loading && getValue(item) !== loadingItem.value
 					}, {
-						class: [__props.classMap?.[getValue(item).toString()], __props.optionClass],
+						class: [
+							{ "py-1": __props.embedded && !__props.noMargin },
+							__props.classMap?.[getValue(item).toString()],
+							__props.optionClass
+						],
 						"onUpdate:modelValue": ($event) => updateModelValue(getValue(item))
 					}), createSlots({ _: 2 }, [_ctx.$slots.option || __props.optionComponent ? {
 						name: "default",

package/dist/components/Checkbox/WCheckboxGroupMultiple.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WCheckboxGroupMultiple.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckboxGroupMultiple.vue"],"names":[],"mappings":"AA0EA;AA4HA,OAAO,KAAK,EAAC,0BAA0B,EAAwB,MAAM,SAAS,CAAA;AAQ9E,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EAC1L,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAmNO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;;KAAmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QAtMT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,iDAAiD;mBACtC,MAAM,IAAI;QACrB,4EAA4E;iBACnE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,WAAW,SAAS,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;QACrG,2CAA2C;gBACnC,MAAM,IAAI;;;YAdd,QAAQ,SAAS,KAAK,GAAG,IAAI;YAE7B,UAAU,SAAS,KAAK,GAAG,IAAI;;EA+MjC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WCheckboxGroupMultiple.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckboxGroupMultiple.vue"],"names":[],"mappings":"AA2EA;AA6HA,OAAO,KAAK,EAAC,0BAA0B,EAAwB,MAAM,SAAS,CAAA;AAQ9E,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EAC1L,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAsNO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;;KAAmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QAzMT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,iDAAiD;mBACtC,MAAM,IAAI;QACrB,4EAA4E;iBACnE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,WAAW,SAAS,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;QACrG,2CAA2C;gBACnC,MAAM,IAAI;;;YAdd,QAAQ,SAAS,KAAK,GAAG,IAAI;YAE7B,UAAU,SAAS,KAAK,GAAG,IAAI;;EAkNjC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/Checkbox/WCheckboxGroupMultiple.vue_vue_type_script_setup_true_lang.js

@@ -71,6 +71,7 @@ var WCheckboxGroupMultiple_vue_vue_type_script_setup_true_lang_default = /*@__PU
 				}) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (item, index) => {
 					return openBlock(), createBlock(WCheckbox_default, mergeProps({ key: index }, { ref_for: true }, {
 						...props,
+						noMargin: __props.noMargin || __props.embedded,
 						modelValue: __props.modelValue?.includes(getValue(item)) ?? false,
 						title: __props.titleMap?.[getValue(item).toString()],
 						tooltipText: __props.tooltipTextMap?.[getValue(item).toString()],
@@ -78,7 +79,11 @@ var WCheckboxGroupMultiple_vue_vue_type_script_setup_true_lang_default = /*@__PU
 						loading: __props.loading && getValue(item) === loadingItem.value,
 						disabled: __props.disabled || __props.loading && getValue(item) !== loadingItem.value
 					}, {
-						class: [__props.classMap?.[getValue(item).toString()], __props.optionClass],
+						class: [
+							{ "py-1": __props.embedded && !__props.noMargin },
+							__props.classMap?.[getValue(item).toString()],
+							__props.optionClass
+						],
 						"onUpdate:modelValue": ($event) => emitUpdateModelValue(getValue(item))
 					}), createSlots({ _: 2 }, [_ctx.$slots.option || __props.optionComponent ? {
 						name: "default",

package/dist/components/Dropdown/WDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAkCA;AAiKA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAqF,MAAM,KAAK,CAAA;AA8GlH,KAAK,WAAW,GAAG;IACjB,uMAAuM;IACvM,OAAO,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE,CAAA;CACtD,CAAC;AAgFF,QAAA,MAAM,UAAU;IA5Ed,0CAA0C;;;;;;;kFAgF1C,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":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAkCA;AA2KA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAqF,MAAM,KAAK,CAAA;AAwHlH,KAAK,WAAW,GAAG;IACjB,uMAAuM;IACvM,OAAO,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE,CAAA;CACtD,CAAC;AAgFF,QAAA,MAAM,UAAU;IA5Ed,0CAA0C;;;;;;;kFAgF1C,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/Dropdown/WDropdown.vue_vue_type_script_setup_true_lang.js

@@ -30,6 +30,12 @@ var WDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const y = ref(0);
 		const atBottom = computed(() => y.value > window.innerHeight / 2);
 		const order = computed(() => horizontalGetterOrderMap[props.horizontalAlign]);
+		const getX = (getter, newRect) => {
+			const defaultX = getter.x(newRect);
+			if (getter.origin !== OriginX.CENTER || !parentRect.value) return defaultX;
+			const keptX = newRect.left + x.value - parentRect.value.left;
+			return keptX > newRect.left && keptX < newRect.right ? keptX : defaultX;
+		};
 		const setParentRect = (updateAlign = false) => {
 			if (parentRect.value && (props.freeze || !isAnchorConnected(props.parentElement))) return;
 			const newRect = props.parentElement.getBoundingClientRect();
@@ -37,7 +43,7 @@ var WDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			const isTopChanged = newRect.top !== parentRect.value?.top || newRect.bottom !== parentRect.value?.bottom;
 			if (!horizontalGetter.value || isLeftChanged && (props.updateAlign || updateAlign)) horizontalGetter.value = searchStyleGetter(order.value, newRect);
 			if (!verticalGetter.value || isTopChanged && (props.updateAlign || updateAlign)) verticalGetter.value = props.top && horizontalGetter.value.verticalGetterOrder[1] ? horizontalGetter.value.verticalGetterOrder[1] : props.bottom ? horizontalGetter.value.verticalGetterOrder[0] : searchStyleGetter(horizontalGetter.value.verticalGetterOrder, newRect);
-			if (isLeftChanged) x.value = horizontalGetter.value.x(newRect);
+			if (isLeftChanged) x.value = getX(horizontalGetter.value, newRect);
 			if (isTopChanged) y.value = verticalGetter.value.y(newRect);
 			if (isLeftChanged || isTopChanged) parentRect.value = newRect;
 		};

package/dist/components/List/components/ListFilterChip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListFilterChip.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterChip.vue"],"names":[],"mappings":"AAkEA;AA0HA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;IAC9B,0DAA0D;IAC1D,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC5B,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,wDAAwD;IACxD,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AA+MF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ListFilterChip.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterChip.vue"],"names":[],"mappings":"AAkEA;AA0HA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;IAC9B,0DAA0D;IAC1D,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC5B,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,wDAAwD;IACxD,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAiNF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/List/components/ListFilterChip.vue_vue_type_script_setup_true_lang.js

@@ -52,10 +52,10 @@ var ListFilterChip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					key: 0,
 					class: normalizeClass(["square-[1.25em] shrink-0", hasValue.value ? "text-tone" : "text-description"])
 				}, null, 8, ["class"])) : createCommentVNode("", true),
-				createElementVNode("span", { class: normalizeClass(["truncate", valuesShown.value.length ? "text-description" : "text-accent"]) }, toDisplayString(__props.title) + toDisplayString(valuesShown.value.length ? ":" : ""), 3),
+				createElementVNode("span", { class: normalizeClass(["text-accent truncate", { "sr-only": valuesShown.value.length }]) }, toDisplayString(__props.title) + toDisplayString(valuesShown.value.length ? ":" : ""), 3),
 				valuesShown.value.length ? (openBlock(), createElementBlock("span", {
 					key: 1,
-					title: valueList.value.join(", "),
+					title: [__props.title, valueList.value.join(", ")].filter(Boolean).join(": "),
 					class: "text-tone shrink-100 truncate font-semibold"
 				}, toDisplayString(valuesShown.value.join(", ")), 9, _hoisted_2)) : createCommentVNode("", true),
 				badge.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(badge.value), 1)) : createCommentVNode("", true),

package/dist/components/Notify/WNotifyCenter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNotifyCenter.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/WNotifyCenter.vue"],"names":[],"mappings":"AAoHA;AAwJA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAuB9C,KAAK,WAAW,GAAG;IACjB,wHAAwH;IACxH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AA+SF,QAAA,MAAM,UAAU,8SAEd,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":"WNotifyCenter.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/WNotifyCenter.vue"],"names":[],"mappings":"AAkIA;AAwLA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AA2B9C,KAAK,WAAW,GAAG;IACjB,wHAAwH;IACxH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AA4WF,QAAA,MAAM,UAAU,8SAEd,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/Notify/WNotifyCenter.vue_vue_type_script_setup_true_lang.js

@@ -3,8 +3,8 @@ import OverlayRegionPart_default from "../Modal/components/OverlayRegionPart.vue
 import { useOverlayFrame, useOverlayFrameOptions } from "../../utils/Overlay.js";
 import { SemanticType } from "../../utils/SemanticType.js";
 import NotifyCard_default from "./components/NotifyCard.vue.js";
-import { clearNotifyHistory, getNotifyItemKey, notifyCenterActionEntries, notifyCenterActionItems, notifyCenterActivityEntries, notifyCenterActivityItems, notifyCenterItems, removeNotifyEntry } from "./models/notifyCenter.js";
-import { Fragment, TransitionGroup, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { clearNotifyHistory, dismissNotifyActions, getNotifyItemKey, notifyCenterActionEntries, notifyCenterActionItems, notifyCenterActionRemovableItems, notifyCenterActivityEntries, notifyCenterActivityItems, notifyCenterItems, removeNotifyEntry } from "./models/notifyCenter.js";
+import { Fragment, TransitionGroup, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
 // src/components/Notify/WNotifyCenter.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = { class: "text-accent font-semibold h-8 flex items-center" };
@@ -14,26 +14,35 @@ var _hoisted_3 = {
 };
 var _hoisted_4 = {
 	key: 0,
-	class: "tone-negative text-tone py-1 text-xs font-semibold uppercase"
+	class: "flex min-h-9 items-center justify-between gap-4 py-1"
 };
-var _hoisted_5 = { class: "min-h-0" };
-var _hoisted_6 = {
-	key: 1,
-	class: "text-description pt-2 pb-1 text-xs font-semibold uppercase"
-};
-var _hoisted_7 = { class: "min-h-0" };
+var _hoisted_5 = { class: "tone-negative text-tone text-xs font-semibold uppercase" };
+var _hoisted_6 = { class: "min-h-0" };
+var _hoisted_7 = { class: "text-description text-xs font-semibold uppercase" };
+var _hoisted_8 = { class: "min-h-0" };
 var WNotifyCenter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WNotifyCenter",
 	props: {
+		onDismissActions: { type: Function },
 		title: {},
 		clearText: {},
+		dismissActionsText: {},
 		emptyText: {},
 		actionText: {},
 		activityText: {}
 	},
 	setup(__props) {
+		const props = __props;
 		const frame = useOverlayFrame();
 		useOverlayFrameOptions(() => ({ padded: true }));
+		const dismissingActions = ref(false);
+		const dismissActions = () => {
+			if (!props.onDismissActions || dismissingActions.value) return;
+			dismissingActions.value = true;
+			dismissNotifyActions(props.onDismissActions).catch(() => void 0).finally(() => {
+				dismissingActions.value = false;
+			});
+		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass([{
@@ -45,22 +54,23 @@ var WNotifyCenter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 				"aria-label": __props.title ?? "Notifications"
 			}, [
 				createVNode(OverlayRegionPart_default, { region: "header" }, {
-					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["flex items-center justify-between gap-4", { "border-line-subtle border-b border-solid px-4 py-3": unref(frame) === null }]) }, [createElementVNode("div", _hoisted_2, toDisplayString(__props.title ?? "Notifications"), 1), unref(notifyCenterActivityItems).length ? (openBlock(), createBlock(WButton_default, {
-						key: 0,
-						"semantic-type": unref(SemanticType).SECONDARY,
-						class: "w-button-h-8 text-xs",
-						onClick: withModifiers(unref(clearNotifyHistory), ["stop"])
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(__props.clearText ?? "Clear"), 1)]),
-						_: 1
-					}, 8, ["semantic-type", "onClick"])) : createCommentVNode("", true)], 2)]),
+					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["flex items-center justify-between gap-4", { "border-line-subtle border-b border-solid px-4 py-3": unref(frame) === null }]) }, [createElementVNode("div", _hoisted_2, toDisplayString(__props.title ?? "Notifications"), 1)], 2)]),
 					_: 1
 				}),
 				!unref(notifyCenterItems).length ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.emptyText ?? "No notifications yet"), 1)) : (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(["grid content-start", unref(frame) === null ? "overflow-y-auto overscroll-contain px-4 py-3" : "pt-1"])
 				}, [
-					unref(notifyCenterActionItems).length ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(__props.actionText ?? "Action required"), 1)) : createCommentVNode("", true),
+					unref(notifyCenterActionItems).length ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, toDisplayString(__props.actionText ?? "Action required"), 1), __props.onDismissActions && unref(notifyCenterActionRemovableItems).length ? (openBlock(), createBlock(WButton_default, {
+						key: 0,
+						"semantic-type": unref(SemanticType).SECONDARY,
+						loading: dismissingActions.value,
+						class: "w-button-h-7 text-xs",
+						onClick: withModifiers(dismissActions, ["stop"])
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.dismissActionsText ?? "Dismiss all"), 1)]),
+						_: 1
+					}, 8, ["semantic-type", "loading"])) : createCommentVNode("", true)])) : createCommentVNode("", true),
 					createVNode(TransitionGroup, {
 						"enter-from-class": "opacity-0 grid-rows-[0fr]",
 						"enter-to-class": "opacity-1 grid-rows-[1fr]",
@@ -71,7 +81,7 @@ var WNotifyCenter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							return openBlock(), createElementBlock("div", {
 								key: unref(getNotifyItemKey)(item),
 								class: "grid transition-[transform,grid-template-rows] duration-300"
-							}, [createElementVNode("div", _hoisted_5, [createVNode(NotifyCard_default, {
+							}, [createElementVNode("div", _hoisted_6, [createVNode(NotifyCard_default, {
 								item,
 								history: "",
 								class: "my-1",
@@ -80,7 +90,17 @@ var WNotifyCenter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						}), 128))]),
 						_: 1
 					}),
-					unref(notifyCenterActivityItems).length && unref(notifyCenterActionItems).length ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(__props.activityText ?? "Activity"), 1)) : createCommentVNode("", true),
+					unref(notifyCenterActivityItems).length ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(["flex min-h-9 items-center justify-between gap-4 py-1", { "mt-1": unref(notifyCenterActionItems).length }])
+					}, [createElementVNode("div", _hoisted_7, toDisplayString(__props.activityText ?? "Activity"), 1), createVNode(WButton_default, {
+						"semantic-type": unref(SemanticType).SECONDARY,
+						class: "w-button-h-7 text-xs",
+						onClick: withModifiers(unref(clearNotifyHistory), ["stop"])
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.clearText ?? "Clear"), 1)]),
+						_: 1
+					}, 8, ["semantic-type", "onClick"])], 2)) : createCommentVNode("", true),
 					createVNode(TransitionGroup, {
 						"enter-from-class": "opacity-0 grid-rows-[0fr]",
 						"enter-to-class": "opacity-1 grid-rows-[1fr]",
@@ -91,7 +111,7 @@ var WNotifyCenter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							return openBlock(), createElementBlock("div", {
 								key: unref(getNotifyItemKey)(item),
 								class: "grid transition-[transform,grid-template-rows] duration-300"
-							}, [createElementVNode("div", _hoisted_7, [createVNode(NotifyCard_default, {
+							}, [createElementVNode("div", _hoisted_8, [createVNode(NotifyCard_default, {
 								item,
 								history: "",
 								class: "my-1",

package/dist/components/Notify/WNotifyCenterButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNotifyCenterButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/WNotifyCenterButton.vue"],"names":[],"mappings":"AAYA;AA0DA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,OAAO,EAAC,KAAK,KAAK,EAAiB,MAAM,KAAK,CAAA;AAS9C,UAAU,KAAM,SAAQ,iBAAiB;IACvC,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,2QAA2Q;IAC3Q,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AAKD,KAAK,WAAW,GAAG;IACjB,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACvB,CAAC;AA+EF,QAAA,MAAM,UAAU,sRAEd,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":"WNotifyCenterButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/WNotifyCenterButton.vue"],"names":[],"mappings":"AAYA;AA4DA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,OAAO,EAAC,KAAK,KAAK,EAAiB,MAAM,KAAK,CAAA;AAS9C,UAAU,KAAM,SAAQ,iBAAiB;IACvC,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,2QAA2Q;IAC3Q,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AAKD,KAAK,WAAW,GAAG;IACjB,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACvB,CAAC;AAiFF,QAAA,MAAM,UAAU,sRAEd,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/Notify/WNotifyCenterButton.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,9 @@ var WNotifyCenterButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		title: {},
 		icon: {},
 		horizontalAlign: {},
+		onDismissActions: { type: Function },
 		clearText: {},
+		dismissActionsText: {},
 		emptyText: {},
 		actionText: {},
 		activityText: {}
@@ -23,6 +25,8 @@ var WNotifyCenterButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			props: () => ({
 				title: props.title,
 				clearText: props.clearText,
+				dismissActionsText: props.dismissActionsText,
+				onDismissActions: props.onDismissActions,
 				emptyText: props.emptyText,
 				actionText: props.actionText,
 				activityText: props.activityText

package/dist/components/Notify/models/notifyCenter.d.ts

@@ -9,6 +9,7 @@ export declare const isNotifyCenterOpen: Ref<boolean, boolean>;
 export declare const notifyCenterItems: ComputedRef<NotifyItem[]>;
 export declare const isNotifyPending: (item: NotifyItem) => boolean;
 export declare const notifyCenterActionItems: ComputedRef<NotifyItem[]>;
+export declare const notifyCenterActionRemovableItems: ComputedRef<NotifyItem[]>;
 export declare const notifyCenterActivityItems: ComputedRef<NotifyItem[]>;
 export declare const getNotifyItemKey: (item: NotifyItem) => string;
 export declare const notifyCenterActionEntries: ComputedRef<NotifyItem[]>;
@@ -30,6 +31,8 @@ export declare const removeNotify: (id: number) => void;
 export declare const removeNotifyEntry: (entry: NotifyItem) => void;
 /** Clears the history, keeping pending notifications, those that need action and those on screen. */
 export declare const clearNotifyHistory: () => void;
+/** Hands the notifications that need action to `onDismiss` — such as to dismiss them on the server in one request — and removes them once it resolves, without calling their `onRemove`. Pending ones stay. */
+export declare const dismissNotifyActions: (onDismiss: (items: NotifyItem[]) => unknown) => Promise<void>;
 /** Remembers how to close the open notify center, for `closeNotifyCenter`. */
 export declare const setNotifyCenterClose: (value: (() => void) | null) => void;
 /** Closes the notify center, if it is open — such as from a link in its footer. */

package/dist/components/Notify/models/notifyCenter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notifyCenter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notify/models/notifyCenter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAe,UAAU,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAE/E,OAAO,EAAC,KAAK,WAAW,EAAE,KAAK,GAAG,EAAgC,MAAM,KAAK,CAAA;AAO7E,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAgB,UAAU,EAAC,MAAM,cAAc,CAAA;AAEtD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,YAAY,CAKtE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,YAAY,CAK9D,CAAA;AAgBD,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,uBAAa,CAAA;AAE5C,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,UAAU,EAAE,CAA+B,CAAA;AAIvF,eAAO,MAAM,eAAe,GAAI,MAAM,UAAU,YAAqC,CAAA;AAKrF,eAAO,MAAM,uBAAuB,EAAE,WAAW,CAAC,UAAU,EAAE,CAAwD,CAAA;AAEtH,eAAO,MAAM,yBAAyB,EAAE,WAAW,CAAC,UAAU,EAAE,CAAuE,CAAA;AAEvI,eAAO,MAAM,gBAAgB,GAAI,MAAM,UAAU,KAAG,MAAkE,CAAA;AAwCtH,eAAO,MAAM,yBAAyB,EAAE,WAAW,CAAC,UAAU,EAAE,CAA6D,CAAA;AAE7H,eAAO,MAAM,2BAA2B,EAAE,WAAW,CAAC,UAAU,EAAE,CAA+D,CAAA;AAEjI,eAAO,MAAM,uBAAuB,qBAAuD,CAAA;AAE3F,eAAO,MAAM,wBAAwB,qBAA6D,CAAA;AAOlG,eAAO,MAAM,wBAAwB,EAAE,WAAW,CAAC,UAAU,EAAE,CAAwD,CAAA;AAYvH,eAAO,MAAM,SAAS,GAAI,IAAI,MAAM,KAAG,IAItC,CAAA;AAqDD,uHAAuH;AACvH,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,KAAG,IAWhD,CAAA;AAuDD,iGAAiG;AACjG,eAAO,MAAM,SAAS,GAAI,QAAQ,YAAY,KAAG,MAAM,GAAG,SA2BzD,CAAA;AAED,0FAA0F;AAC1F,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,EAAE,OAAO,WAAW,KAAG,IAY7D,CAAA;AAUD,6DAA6D;AAC7D,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,KAAG,IAI1C,CAAA;AAED,gGAAgG;AAChG,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,KAAG,IAQzC,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,UAAU,KAAG,IAWrD,CAAA;AAED,qGAAqG;AACrG,eAAO,MAAM,kBAAkB,QAAO,IAErC,CAAA;AAID,8EAA8E;AAC9E,eAAO,MAAM,oBAAoB,GAAI,OAAO,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,KAAG,IAEjE,CAAA;AAED,mFAAmF;AACnF,eAAO,MAAM,iBAAiB,QAAO,IAEpC,CAAA"}
+{"version":3,"file":"notifyCenter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notify/models/notifyCenter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAe,UAAU,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAE/E,OAAO,EAAC,KAAK,WAAW,EAAE,KAAK,GAAG,EAAgC,MAAM,KAAK,CAAA;AAO7E,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAgB,UAAU,EAAC,MAAM,cAAc,CAAA;AAEtD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,YAAY,CAKtE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,YAAY,CAK9D,CAAA;AAgBD,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,uBAAa,CAAA;AAE5C,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,UAAU,EAAE,CAA+B,CAAA;AAIvF,eAAO,MAAM,eAAe,GAAI,MAAM,UAAU,YAAqC,CAAA;AAKrF,eAAO,MAAM,uBAAuB,EAAE,WAAW,CAAC,UAAU,EAAE,CAAwD,CAAA;AAEtH,eAAO,MAAM,gCAAgC,EAAE,WAAW,CAAC,UAAU,EAAE,CAAwF,CAAA;AAE/J,eAAO,MAAM,yBAAyB,EAAE,WAAW,CAAC,UAAU,EAAE,CAAuE,CAAA;AAEvI,eAAO,MAAM,gBAAgB,GAAI,MAAM,UAAU,KAAG,MAAkE,CAAA;AAwCtH,eAAO,MAAM,yBAAyB,EAAE,WAAW,CAAC,UAAU,EAAE,CAA6D,CAAA;AAE7H,eAAO,MAAM,2BAA2B,EAAE,WAAW,CAAC,UAAU,EAAE,CAA+D,CAAA;AAEjI,eAAO,MAAM,uBAAuB,qBAAuD,CAAA;AAE3F,eAAO,MAAM,wBAAwB,qBAA6D,CAAA;AAOlG,eAAO,MAAM,wBAAwB,EAAE,WAAW,CAAC,UAAU,EAAE,CAAwD,CAAA;AAYvH,eAAO,MAAM,SAAS,GAAI,IAAI,MAAM,KAAG,IAItC,CAAA;AAqDD,uHAAuH;AACvH,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,KAAG,IAWhD,CAAA;AAuDD,iGAAiG;AACjG,eAAO,MAAM,SAAS,GAAI,QAAQ,YAAY,KAAG,MAAM,GAAG,SA2BzD,CAAA;AAED,0FAA0F;AAC1F,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,EAAE,OAAO,WAAW,KAAG,IAY7D,CAAA;AAUD,6DAA6D;AAC7D,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,KAAG,IAI1C,CAAA;AAED,gGAAgG;AAChG,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,KAAG,IAQzC,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,UAAU,KAAG,IAWrD,CAAA;AAED,qGAAqG;AACrG,eAAO,MAAM,kBAAkB,QAAO,IAErC,CAAA;AAED,+MAA+M;AAC/M,eAAO,MAAM,oBAAoB,GAAU,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,OAAO,KAAG,OAAO,CAAC,IAAI,CAQpG,CAAA;AAID,8EAA8E;AAC9E,eAAO,MAAM,oBAAoB,GAAI,OAAO,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,KAAG,IAEjE,CAAA;AAED,mFAAmF;AACnF,eAAO,MAAM,iBAAiB,QAAO,IAEpC,CAAA"}

package/dist/components/Notify/models/notifyCenter.js

@@ -39,6 +39,7 @@ var isNotifyPending = (item) => item.type === NotifyType.PENDING;
 /** Stays on screen until the user closes it or, for a pending one, until it finishes. */
 var isToastPinned = (item) => isActionRequired(item) || isNotifyPending(item);
 var notifyCenterActionItems = computed(() => items.value.filter(isActionRequired));
+var notifyCenterActionRemovableItems = computed(() => notifyCenterActionItems.value.filter((item) => !isNotifyPending(item)));
 var notifyCenterActivityItems = computed(() => items.value.filter((item) => !isActionRequired(item)));
 var getNotifyItemKey = (item) => item.items ? `group:${item.key}` : `item:${item.id}`;
 var toGroupItem = (group, members) => {
@@ -228,6 +229,13 @@ var removeNotifyEntry = (entry) => {
 var clearNotifyHistory = () => {
 	items.value = items.value.filter((item) => isNotifyPending(item) || isActionRequired(item) || toastIds.value.includes(item.id));
 };
+/** Hands the notifications that need action to `onDismiss` — such as to dismiss them on the server in one request — and removes them once it resolves, without calling their `onRemove`. Pending ones stay. */
+var dismissNotifyActions = async (onDismiss) => {
+	const removable = notifyCenterActionRemovableItems.value;
+	if (!removable.length) return;
+	await onDismiss(removable);
+	removable.forEach(discardItem);
+};
 var closeCenter = null;
 /** Remembers how to close the open notify center, for `closeNotifyCenter`. */
 var setNotifyCenterClose = (value) => {
@@ -237,4 +245,4 @@ var setNotifyCenterClose = (value) => {
 var closeNotifyCenter = () => {
 	closeCenter?.();
 };
-export { addNotify, clearNotifyHistory, closeNotifyCenter, discardNotify, getNotifyItemKey, hideToast, isNotifyCenterOpen, isNotifyPending, notifyCenterActionCount, notifyCenterActionEntries, notifyCenterActionItems, notifyCenterActivityEntries, notifyCenterActivityItems, notifyCenterItems, notifyCenterPendingCount, notifyCenterToastEntries, notifyTypeIconMap, notifyTypeSemanticTypeMap, removeNotify, removeNotifyEntry, setNotifyCenterClose, setToastsPaused, updateNotify };
+export { addNotify, clearNotifyHistory, closeNotifyCenter, discardNotify, dismissNotifyActions, getNotifyItemKey, hideToast, isNotifyCenterOpen, isNotifyPending, notifyCenterActionCount, notifyCenterActionEntries, notifyCenterActionItems, notifyCenterActionRemovableItems, notifyCenterActivityEntries, notifyCenterActivityItems, notifyCenterItems, notifyCenterPendingCount, notifyCenterToastEntries, notifyTypeIconMap, notifyTypeSemanticTypeMap, removeNotify, removeNotifyEntry, setNotifyCenterClose, setToastsPaused, updateNotify };

package/dist/components/Notify/types.d.ts

@@ -1,13 +1,18 @@
+import { NotifyItem } from './models/types';
 export type NotifyPosition = 'top-right' | 'top-center' | 'bottom-right' | 'bottom-center';
 export interface NotifyProps {
     /** Corner or edge of the screen the toasts show in. On top they sit under the header (`--header-height`); new toasts stack away from the edge. On phones they always show at the top edge, over the header or a modal's title, clear of the buttons at the bottom and the fields under the header. */
     position?: NotifyPosition;
 }
 export interface NotifyCenterProps {
+    /** Shows a button beside the heading of the notifications that need action that hands them all to this function — such as to dismiss them on the server in one request — and removes them once it resolves, without calling their `onRemove`. A rejection keeps them. */
+    onDismissActions?: (items: NotifyItem[]) => unknown;
     /** Heading of the notify center. Defaults to `Notifications`. */
     title?: string;
-    /** Text of the button that clears the history. Defaults to `Clear`. */
+    /** Text of the button beside the activity heading that clears it. Defaults to `Clear`. */
     clearText?: string;
+    /** Text of the button that dismisses the notifications that need action, shown with `onDismissActions`. Defaults to `Dismiss all`. */
+    dismissActionsText?: string;
     /** Shown when there are no notifications. Defaults to `No notifications yet`. */
     emptyText?: string;
     /** Heading of the notifications that need action (`NotifyChannel.ACTION`). Defaults to `Action required`. */

package/dist/components/Notify/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,GAAG,eAAe,CAAA;AAE1F,MAAM,WAAW,WAAW;IAC1B,sSAAsS;IACtS,QAAQ,CAAC,EAAE,cAAc,CAAA;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6GAA6G;IAC7G,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yGAAyG;IACzG,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,GAAG,eAAe,CAAA;AAE1F,MAAM,WAAW,WAAW;IAC1B,sSAAsS;IACtS,QAAQ,CAAC,EAAE,cAAc,CAAA;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,yQAAyQ;IACzQ,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,OAAO,CAAA;IACnD,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sIAAsI;IACtI,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6GAA6G;IAC7G,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yGAAyG;IACzG,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB"}

package/docs/components/list.md

@@ -67,7 +67,7 @@ In place, the filters are chips in a row: the set ones are shown, and a button a
 
 Put the `WListFilter` in WList's `filter` slot to show it at the start of the selection bar, on one line with the list actions and the list settings. Chips that do not fit go into a "more" chip that opens them as a list, and the list actions, which move to the end of the bar, fold into More before any chip does. While rows are selected, the selection with its bulk actions replaces the filters, so the bar keeps its height. On phones the filters take a row of their own above the actions, and the search narrows for them. `--w-list-toolbar-height` (`w-list-toolbar-h-*`) sets the height of the bar's inputs, chips and actions, by default the inherited input height.
 
-Each chip names its filter and, when set, the picked values. A filter's `meta.summary` returns them from the query params, such as the titles of the picked options; without it the chip shows how many values are picked. A chip in the "more" list can be removed there too.
+Each chip shows its filter's icon and title, or, once values are picked, the icon and those values instead of the title. A filter's `meta.summary` returns them from the query params, such as the titles of the picked options; without it the chip shows how many values are picked. A chip's dropdown keeps its tip where it was as the chip grows or shrinks with the picked values, while the tip still points at the chip. A chip in the "more" list can be removed there too.
 
 ## Groups
 

package/docs/components/notify.md

@@ -132,7 +132,7 @@ const {isOpen, toggle} = useNotifyCenter({
 })
 ```
 
-`WNotifyCenter` can also be placed on a page as it is. Notifications on the `ACTION` channel need the user: they are pinned on top under their own heading, their toast stays until closed, and clearing the history keeps them — as it keeps pending ones.
+`WNotifyCenter` can also be placed on a page as it is. Notifications on the `ACTION` channel need the user: they are pinned on top under their own heading, their toast stays until closed, and clearing the history keeps them — as it keeps pending ones. Each section has its own button: Clear beside the activity heading, and, with `onDismissActions`, Dismiss all beside the heading of the ones that need action. It hands them all to that function at once — such as to dismiss them on the server with one request by the same filters as the feed they came from — and removes them once it resolves, without calling each one's `onRemove`.
 
 ```vue
 <template>
@@ -249,8 +249,10 @@ import WNotifyCenter from 'eco-vue-js/dist/components/Notify/WNotifyCenter.vue'
 
 | Prop | Type | Default | Description |
 | --- | --- | --- | --- |
+| `onDismissActions` | `((items: NotifyItem[]) => unknown)` | — | Shows a button beside the heading of the notifications that need action that hands them all to this function — such as to dismiss them on the server in one request — and removes them once it resolves, without calling their `onRemove`. A rejection keeps them. |
 | `title` | `string` | — | Heading of the notify center. Defaults to `Notifications`. |
-| `clearText` | `string` | — | Text of the button that clears the history. Defaults to `Clear`. |
+| `clearText` | `string` | — | Text of the button beside the activity heading that clears it. Defaults to `Clear`. |
+| `dismissActionsText` | `string` | — | Text of the button that dismisses the notifications that need action, shown with `onDismissActions`. Defaults to `Dismiss all`. |
 | `emptyText` | `string` | — | Shown when there are no notifications. Defaults to `No notifications yet`. |
 | `actionText` | `string` | — | Heading of the notifications that need action (`NotifyChannel.ACTION`). Defaults to `Action required`. |
 | `activityText` | `string` | — | Heading of the rest of the history, shown under the ones that need action. Defaults to `Activity`. |
@@ -274,7 +276,9 @@ import WNotifyCenterButton from 'eco-vue-js/dist/components/Notify/WNotifyCenter
 | `title` | `string` | — | Tooltip of the button and heading of the notify center. Defaults to `Notifications`. |
 | `icon` | `SVGComponent` | — | Icon of the button. Defaults to a bell. |
 | `horizontalAlign` | `HorizontalAlign` | — | Aligns the notify center to the button — such as `HorizontalAlign.LEFT_INNER` to grow left from its right edge, without a tip, or `HorizontalAlign.LEFT_CENTER` beside it with a tip, for a button in a side rail. Defaults to centered under the button with a tip. |
-| `clearText` | `string` | — | Text of the button that clears the history. Defaults to `Clear`. |
+| `onDismissActions` | `((items: NotifyItem[]) => unknown)` | — | Shows a button beside the heading of the notifications that need action that hands them all to this function — such as to dismiss them on the server in one request — and removes them once it resolves, without calling their `onRemove`. A rejection keeps them. |
+| `clearText` | `string` | — | Text of the button beside the activity heading that clears it. Defaults to `Clear`. |
+| `dismissActionsText` | `string` | — | Text of the button that dismisses the notifications that need action, shown with `onDismissActions`. Defaults to `Dismiss all`. |
 | `emptyText` | `string` | — | Shown when there are no notifications. Defaults to `No notifications yet`. |
 | `actionText` | `string` | — | Heading of the notifications that need action (`NotifyChannel.ACTION`). Defaults to `Action required`. |
 | `activityText` | `string` | — | Heading of the rest of the history, shown under the ones that need action. Defaults to `Activity`. |

package/docs/llms.txt

@@ -1,6 +1,6 @@
 # eco-vue-js
 
-> Vue 3 UI kit with Tailwind v4 — components, utilities, icons and recipes. These are the docs of version 0.27.1, the one installed next to them. Start with Getting started and Conventions; each component page lists its props, events and slots with examples.
+> Vue 3 UI kit with Tailwind v4 — components, utilities, icons and recipes. These are the docs of version 0.27.2, the one installed next to them. Start with Getting started and Conventions; each component page lists its props, events and slots with examples.
 
 Release notes, for what changed between versions: https://github.com/rsmple/eco-vue-js/releases. The docs site, with live demos: https://rsmple.github.io/eco-vue-js/
 

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.27.1",
+  "version": "0.27.2",
   "homepage": "https://rsmple.github.io/eco-vue-js/",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.10.0",