@fluid-topics/ft-search-saved-searches 1.0.42 → 1.0.44

package/build/ft-search-saved-search.js

@@ -163,6 +163,10 @@ FtSearchSavedSearch.styles = css `
         margin-right: 0.4em;
         margin-left: 0.2em;
       }
+
+      #alertStatus {
+        color: ${FtSearchSavedSearchesCssVariables.color};
+      }
     `;
 __decorate([
     property()

package/build/ft-search-saved-searches.css.d.ts

@@ -1,4 +1,5 @@
 export declare const FtSearchSavedSearchesCssVariables: {
+    color: import("@fluid-topics/ft-wc-utils").FtCssVariable;
     activeButtonTextColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
     activeSearchBackgroundColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
     activeSearchBorderStyle: import("@fluid-topics/ft-wc-utils").FtCssVariable;

package/build/ft-search-saved-searches.css.js

@@ -1,17 +1,18 @@
 var _a, _b, _c, _d;
 import { css } from "lit";
-import { designSystemVariables, FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
+import { designSystemVariables, FtCssVariableFactory, setVariable } from "@fluid-topics/ft-wc-utils";
 import { FtCardCssVariables } from "@fluid-topics/ft-card";
 export const FtSearchSavedSearchesCssVariables = {
+    color: FtCssVariableFactory.extend("--ft-search-saved-searches-color", designSystemVariables.colorOnSurface),
     activeButtonTextColor: FtCssVariableFactory.extend("--ft-search-saved-searches-active-button-text-color", designSystemVariables.colorPrimary),
     activeSearchBackgroundColor: FtCssVariableFactory.extend("--ft-search-saved-searches-active-search-background-color", designSystemVariables.colorContent),
-    activeSearchBorderStyle: FtCssVariableFactory.create("--ft-search-saved-searches-active-search-border-style", "UNKNOWN", (_a = FtCardCssVariables.selectedOutlineStyle.lastResortDefaultValue()) !== null && _a !== void 0 ? _a : "solid"),
+    activeSearchBorderStyle: FtCssVariableFactory.create("--ft-search-saved-searches-active-search-border-style", "BORDER-STYLE", (_a = FtCardCssVariables.selectedOutlineStyle.lastResortDefaultValue()) !== null && _a !== void 0 ? _a : "solid"),
     activeSearchBorderColor: FtCssVariableFactory.extend("--ft-search-saved-searches-active-search-border-color", designSystemVariables.colorPrimary),
     activeSearchBorderWidth: FtCssVariableFactory.create("--ft-search-saved-searches-active-search-border-width", "SIZE", (_b = FtCardCssVariables.selectedOutlineWidth.lastResortDefaultValue()) !== null && _b !== void 0 ? _b : "2px"),
     activeSearchBorderRadius: FtCssVariableFactory.extend("--ft-search-saved-searches-active-search-border-radius", designSystemVariables.borderRadiusM),
     inactiveButtonTextColor: FtCssVariableFactory.extend("--ft-search-saved-searches-inactive-button-text-color", designSystemVariables.colorPrimary),
     inactiveSearchBackgroundColor: FtCssVariableFactory.extend("--ft-search-saved-searches-inactive-search-background-color", designSystemVariables.colorContent),
-    inactiveSearchBorderStyle: FtCssVariableFactory.create("--ft-search-saved-searches-inactive-search-border-style", "UNKNOWN", (_c = FtCardCssVariables.outlineStyle.lastResortDefaultValue()) !== null && _c !== void 0 ? _c : "solid"),
+    inactiveSearchBorderStyle: FtCssVariableFactory.create("--ft-search-saved-searches-inactive-search-border-style", "BORDER-STYLE", (_c = FtCardCssVariables.outlineStyle.lastResortDefaultValue()) !== null && _c !== void 0 ? _c : "solid"),
     inactiveSearchBorderColor: FtCssVariableFactory.extend("--ft-search-saved-searches-inactive-search-border-color", designSystemVariables.colorPrimary),
     inactiveSearchBorderWidth: FtCssVariableFactory.create("--ft-search-saved-searches-inactive-search-border-width", "SIZE", (_d = FtCardCssVariables.outlineWidth.lastResortDefaultValue()) !== null && _d !== void 0 ? _d : "0"),
     inactiveSearchBorderRadius: FtCssVariableFactory.extend("--ft-search-saved-searches-inactive-search-border-radius", designSystemVariables.borderRadiusM),
@@ -23,5 +24,8 @@ export const styles = css `
         flex-direction: column;
         gap: 24px;
         margin: 3px;
+
+        ${setVariable(FtCardCssVariables.colorOnSurfaceHigh, FtSearchSavedSearchesCssVariables.color)};
+        ${setVariable(FtCardCssVariables.colorOnSurfaceMedium, FtSearchSavedSearchesCssVariables.color)};
     }
 `;

package/build/ft-search-saved-searches.js

@@ -79,7 +79,7 @@ class FtSearchSavedSearches extends withI18n(FtSearchComponent) {
         const request = (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.store.getState().request;
         return request != undefined
             && deepEqual(request.query, mySearchRequest.query)
-            && deepEqual([...request.filters], [...mySearchRequest.filters])
+            && deepEqual([...request.filters], [...mySearchRequest.filters].map(this.mapSearchFilter))
             && deepEqual([...request.sort].map(this.mapFtSearchSortCriterion), [...mySearchRequest.sort].map(this.mapFtSearchSortCriterion))
             && deepEqual(request.contentLocale, mySearchRequest.contentLocale)
             && deepEqual(request.periodFilter, mySearchRequest.periodFilter);