@fluid-topics/ft-filter 1.3.29 → 1.3.31

package/build/ft-filter-level.d.ts

@@ -32,6 +32,7 @@ export declare class FtFilterLevel extends FtFilterLevel_base {
     focusOnExpandButton(value: string): void;
     focusOnFirstOption(): void;
     protected willUpdate(props: PropertyValues): void;
+    updateFilteredOptions(): void;
     protected render(): import("lit-html").TemplateResult<1>;
     private goBackOnKeyPress;
     private goBackOnClick;

package/build/ft-filter-level.js

@@ -63,16 +63,19 @@ class FtFilterLevel extends withI18n(withAriaNotification(FtLitElement)) {
     willUpdate(props) {
         super.willUpdate(props);
         if (props.has("options") || props.has("hideSelectedOptions") || props.has("filter")) {
-            let options = [...this.options];
-            if (this.hideSelectedOptions) {
-                options = options.filter((o) => !o.selected);
-            }
-            if (this.filter) {
-                options = options.filter((o) => o.label.toLowerCase().includes(this.filter.toLowerCase()));
-            }
-            if (options != this.filteredOptions) {
-                this.filteredOptions = options;
-            }
+            this.updateFilteredOptions();
+        }
+    }
+    updateFilteredOptions() {
+        let options = [...this.options];
+        if (this.hideSelectedOptions) {
+            options = options.filter((o) => !o.selected);
+        }
+        if (this.filter) {
+            options = options.filter((o) => o.label.toLowerCase().includes(this.filter.toLowerCase()));
+        }
+        if (options != this.filteredOptions) {
+            this.filteredOptions = options;
         }
     }
     render() {
@@ -269,6 +272,6 @@ __decorate([
     state()
 ], FtFilterLevel.prototype, "displayedPages", void 0);
 __decorate([
-    state()
+    state({ hasChanged })
 ], FtFilterLevel.prototype, "filteredOptions", void 0);
 export { FtFilterLevel };

package/build/ft-filter.js

@@ -266,7 +266,7 @@ class FtFilter extends FtLitElement {
             var _a;
             this.sendEventIfValuesChanged();
             this.requestUpdate();
-            (_a = this.levels) === null || _a === void 0 ? void 0 : _a.forEach((l) => l.requestUpdate());
+            (_a = this.levels) === null || _a === void 0 ? void 0 : _a.forEach((l) => l.updateFilteredOptions());
         });
     }
     sendEventIfValuesChanged() {