@fluid-topics/ft-filter 1.1.6 → 1.1.8

package/build/ft-filter.d.ts

@@ -34,6 +34,7 @@ export declare class FtFilter extends FtLitElement implements FtFilterProperties
     private slideOut?;
     private scrollResizeObserver;
     private get flatOptions();
+    private get childrenFilteredFlatOptions();
     get selectedValues(): any[];
     protected render(): import("lit").TemplateResult<1>;
     protected update(props: PropertyValues): void;

package/build/ft-filter.js

@@ -44,8 +44,11 @@ class FtFilter extends FtLitElement {
     get flatOptions() {
         return flatDeep(this.options, o => { var _a; return (_a = o.subOptions) !== null && _a !== void 0 ? _a : []; });
     }
+    get childrenFilteredFlatOptions() {
+        return flatDeep(this.options, o => { var _a; return o.selected ? [] : ((_a = o.subOptions) !== null && _a !== void 0 ? _a : []); });
+    }
     get selectedValues() {
-        return this.flatOptions.filter(o => o.selected).map(o => o.value);
+        return this.childrenFilteredFlatOptions.filter(o => o.selected).map(o => o.value);
     }
     render() {
         const valuesSelected = this.flatOptions.some(o => o.selected);

package/build/ft-filter.light.js

@@ -1405,7 +1405,7 @@ const G=Symbol.for(""),T=t=>{if(t?.r===G)return t?._$litStatic$},P=t=>({_$litSta
         slot:not([name]) {
             display: none;
         }
-    `];var Zi=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Bi extends CustomEvent{constructor(t){super("change",{detail:t})}}class Fi extends o.FtLitElement{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.noValuesLabel="No values available",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.hideClearButton=!1,this.lastLevelHasHiddenvalues=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new o.Debouncer(300),this.changeDebouncer=new o.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return o.flatDeep(this.options,(t=>{var o;return null!==(o=t.subOptions)&&void 0!==o?o:[]}))}get selectedValues(){return this.flatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){const t=this.flatOptions.some((t=>t.selected)),o=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,i=this.filterPlaceHolder.replace("{0}",this.label);return e.html`
+    `];var Zi=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Bi extends CustomEvent{constructor(t){super("change",{detail:t})}}class Fi extends o.FtLitElement{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.noValuesLabel="No values available",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.hideClearButton=!1,this.lastLevelHasHiddenvalues=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new o.Debouncer(300),this.changeDebouncer=new o.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return o.flatDeep(this.options,(t=>{var o;return null!==(o=t.subOptions)&&void 0!==o?o:[]}))}get childrenFilteredFlatOptions(){return o.flatDeep(this.options,(t=>{var o;return t.selected?[]:null!==(o=t.subOptions)&&void 0!==o?o:[]}))}get selectedValues(){return this.childrenFilteredFlatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){const t=this.flatOptions.some((t=>t.selected)),o=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,i=this.filterPlaceHolder.replace("{0}",this.label);return e.html`
             <div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
                  part="container">
                 ${this.label||t?e.html`