@citruslime/ui 4.1.0-beta.12 → 4.1.0-beta.13

package/dist/citrus-lime-ui.es.js

@@ -1739,6 +1739,7 @@ const messages = {
       onOrBefore: "On or before",
       onOrAfter: "On or after",
       selectAll: "Select all",
+      clearAll: "Clear all",
       allEntriesSelected: "All entries selected",
       page: "Page",
       pageSize: "Page Size",
@@ -5271,6 +5272,11 @@ const defaultSelectAllListValue = computed(() => ({
   name: i18n.global.t("grid.selectAll"),
   value: ""
 }));
+const defaultClearAllListValue = computed(() => ({
+  id: -3,
+  name: i18n.global.t("grid.clearAll"),
+  value: ""
+}));
 const booleanListEntries = computed(() => [
   defaultEmptyListValue,
   {
@@ -5328,14 +5334,25 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const isStringColumn = computed(() => props.column.type === "string" || props.column.type === "slot" && props.column.slotType === "string");
     const numericFormat = computed(() => props.column.format === NumberFormat.INTEGER ? NumberFormat.DECIMAL : props.column.format ?? NumberFormat.DECIMAL);
     const booleanValueAsSelectItem = computed(() => booleanListEntries.value.find((x) => x.value === currentFilterValue.value.toString()) ?? null);
-    const listEntriesAsSelectItems = computed(() => [
-      props.column.listMode === "multi" ? defaultSelectAllListValue.value : defaultEmptyListValue,
-      ...props.column.listEntries?.map((x, i) => ({
+    const listEntriesAsSelectItems = computed(() => {
+      const baseItems = [
+        props.column.listMode === "multi" ? defaultSelectAllListValue.value : defaultEmptyListValue,
+        ...props.column.listMode === "multi" && props.filter?.length && props.filter.length > 0 ? [defaultClearAllListValue.value] : []
+      ];
+      const selectedFilterValues = props.filter?.filter((f) => f.filterOperation === FilterOperation.OR_EQUAL).map((f) => f.filterValue) ?? [];
+      const allListEntries = props.column.listEntries?.map((x, i) => ({
         id: i,
         name: t2(x.translationKey),
         value: x.value.toString()
-      })) ?? []
-    ]);
+      })) ?? [];
+      const selectedListEntries = allListEntries.filter((entry) => selectedFilterValues.includes(entry.value));
+      const unselectedListEntries = allListEntries.filter((entry) => !selectedFilterValues.includes(entry.value));
+      return [
+        ...baseItems,
+        ...selectedListEntries,
+        ...unselectedListEntries
+      ];
+    });
     const currentFilterValueAsSelectItems = computed(() => {
       if (props.column.listMode !== "multi") {
         const item = listEntriesAsSelectItems.value.find((x) => x.value === currentFilterValue.value && x.id === selectedListEntryId.value) ?? listEntriesAsSelectItems.value.find((x) => x.value === currentFilterValue.value) ?? null;
@@ -5539,7 +5556,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const filterable = computed(() => isFilterable(props.column));
     function setOrEqualFilters(value) {
       const selectAllCurrentlySelected = value.some((x) => x.id === defaultSelectAllListValue.value.id);
-      if (value.length === 0 || selectAllCurrentlySelected === false && selectAllCurrentlyHighlighted.value) {
+      const clearAllCurrentlySelected = value.some((x) => x.id === defaultClearAllListValue.value.id);
+      if (value.length === 0 || selectAllCurrentlySelected === false && selectAllCurrentlyHighlighted.value || clearAllCurrentlySelected) {
         setOrEqualFiltersImpl([defaultSelectAllListValue.value.value]);
       } else if (selectAllCurrentlySelected && selectAllCurrentlyHighlighted.value === false) {
         setOrEqualFiltersImpl(listEntriesAsSelectItems.value.map((x) => x.value));
@@ -5795,7 +5813,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const clUiGridFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-1ea3b374"]]);
+const clUiGridFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-0de4e508"]]);
 const _hoisted_1$y = { key: 1 };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "cl-ui-grid-filter",