@fluid-topics/ft-search-selected-facets 1.1.61 → 1.1.63

package/build/ft-search-selected-facets.light.js

@@ -1266,58 +1266,59 @@ const jt=Symbol.for(""),Mt=t=>{if(t?.r===jt)return t?._$litStatic$},_t=t=>({_$li
         margin: 10px 0;
         color: ${_r.colorOnSurfaceMedium};
     }
-`;var Vr=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class qr extends e.FtLitElement{constructor(){super(...arguments),this.filterId="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return null!=t&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,e;return null!==(e=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==e?e:0}render(){let t=[...this.options];this.hideSelectedOptions&&(t=t.filter((t=>!t.selected))),this.filter&&(t=t.filter((t=>t.label.toLowerCase().includes(this.filter.toLowerCase()))));const e=t.slice(0,this.limit);return o.html`
+`;var Vr=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class qr extends e.FtLitElement{constructor(){super(...arguments),this.filterId="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.displayCount=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return null!=t&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,e;return null!==(e=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==e?e:0}render(){let t=[...this.options];this.hideSelectedOptions&&(t=t.filter((t=>!t.selected))),this.filter&&(t=t.filter((t=>t.label.toLowerCase().includes(this.filter.toLowerCase()))));const e=t.slice(0,this.limit);return o.html`
             <div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
                 ${null==this.parent?null:o.html`
-                            <div tabindex="0"
-                                 part="controls go-back"
-                                 class="ft-filter-level--go-back"
-                                 ?disabled=${this.disabled}
-                                 @keyup=${this.goBackOnKeyPress}
-                                 @click=${this.goBackOnClick}>
-                                <ft-ripple></ft-ripple>
-                                <ft-icon>thin_arrow_left</ft-icon>
-                                <ft-typography variant="body2">${this.parent.label}</ft-typography>
-                            </div>
-                        `}
+                        <div tabindex="0"
+                             part="controls go-back"
+                             class="ft-filter-level--go-back"
+                             ?disabled=${this.disabled}
+                             @keyup=${this.goBackOnKeyPress}
+                             @click=${this.goBackOnClick}>
+                            <ft-ripple></ft-ripple>
+                            <ft-icon>thin_arrow_left</ft-icon>
+                            <ft-typography variant="body2">${this.parent.label}</ft-typography>
+                        </div>
+                    `}
                 ${0===this.options.length&&this.noValuesLabel?o.html`
-                            <ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
-                                ${this.noValuesLabel}
-                            </ft-typography>
-                        `:o.nothing}
+                        <ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
+                            ${this.noValuesLabel}
+                        </ft-typography>
+                    `:o.nothing}
                 ${i.repeat(e,(t=>t.value),(t=>{var e;return o.html`
-                                    <div class="ft-filter-level--option" part="options">
-                                        ${this.multivalued?this.buildMultiValuedOption(t):this.buildMonoValuedOption(t)}
-                                        ${this.preventNavigation||t.selected||0===(null!==(e=t.subOptions)&&void 0!==e?e:[]).length?o.nothing:o.html`
-                                                    <ft-button icon="thin_arrow_right"
-                                                               part="controls navigate-hierarchy"
-                                                               label="${t.label}"
-                                                               ?disabled=${this.disabled}
-                                                               tooltipPosition="left"
-                                                               @click=${()=>this.displayLevel(t)}></ft-button>
-                                                `}
-                                    </div>
-                                `}))}
+                            <div class="ft-filter-level--option" part="options">
+                                ${this.multivalued?this.buildMultiValuedOption(t):this.buildMonoValuedOption(t)}
+                                ${this.preventNavigation||t.selected||0===(null!==(e=t.subOptions)&&void 0!==e?e:[]).length?o.nothing:o.html`
+                                        <ft-button icon="thin_arrow_right"
+                                                   part="controls navigate-hierarchy"
+                                                   label="${t.label}"
+                                                   ?disabled=${this.disabled}
+                                                   tooltipPosition="left"
+                                                   @click=${()=>this.displayLevel(t)}></ft-button>
+                                    `}
+                            </div>
+                        `}))}
                 ${e.length<t.length?o.html`
-                            <ft-button
-                                    class="ft-filter-level--display-more"
-                                    icon="thin_arrow"
-                                    dense trailingIcon
-                                    part="controls display-more"
-                                    @click=${this.displayMore}>
-                                ${this.moreValuesButtonLabel}
-                            </ft-button>
-                        `:o.nothing}
+                        <ft-button
+                            class="ft-filter-level--display-more"
+                            icon="thin_arrow"
+                            dense trailingIcon
+                            part="controls display-more"
+                            @click=${this.displayMore}>
+                            ${this.moreValuesButtonLabel}
+                        </ft-button>
+                    `:o.nothing}
             </div>
         `}goBackOnKeyPress(t){"Enter"!==t.key&&" "!==t.key||this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(t){t.stopPropagation(),t.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++}buildMultiValuedOption(t){var i;return o.html`
             <ft-checkbox name="${this.filterId}"
                          part="multivalued-option"
                          data-value="${t.value}"
+
                          .checked=${t.selected}
                          .disabled=${this.disabled}
                          .indeterminate=${e.flatDeep(null!==(i=t.subOptions)&&void 0!==i?i:[],(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).some((t=>t.selected))}
                          @change=${e=>this.optionsChanged(e,t)}>
-                ${t.renderOption?t.renderOption:t.label}
+                ${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
             </ft-checkbox>
         `}buildMonoValuedOption(t){return o.html`
             <ft-radio name="${this.filterId+Math.round(1e6*Math.random())}"
@@ -1328,9 +1329,9 @@ const jt=Symbol.for(""),Mt=t=>{if(t?.r===jt)return t?._$litStatic$},_t=t=>({_$li
                       @click=${e=>this.optionsChanged(e,t)}
                       @keyup=${e=>this.onRadioKeyUp(e,t)}
                       @change=${t=>t.stopPropagation()}>
-                ${t.renderOption?t.renderOption:t.label}
+                ${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
             </ft-radio>
-        `}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}qr.elementDefinitions={"ft-button":Vi,"ft-ripple":lt,"ft-typography":yo,"ft-checkbox":zr,"ft-icon":wo,"ft-radio":Hr},qr.styles=Gr,Vr([r.property({type:String})],qr.prototype,"filterId",void 0),Vr([r.property({type:Object})],qr.prototype,"parent",void 0),Vr([r.property({type:Array})],qr.prototype,"options",void 0),Vr([r.property({type:Boolean})],qr.prototype,"multivalued",void 0),Vr([r.property({type:Boolean})],qr.prototype,"disabled",void 0),Vr([r.property({type:Boolean})],qr.prototype,"hideSelectedOptions",void 0),Vr([r.property({type:Boolean})],qr.prototype,"preventNavigation",void 0),Vr([r.property({type:String})],qr.prototype,"filter",void 0),Vr([r.property({type:String})],qr.prototype,"moreValuesButtonLabel",void 0),Vr([r.property({type:String})],qr.prototype,"noValuesLabel",void 0),Vr([r.property({type:Number})],qr.prototype,"displayedValuesLimit",void 0),Vr([r.query(".ft-filter-level--container")],qr.prototype,"container",void 0),Vr([r.state()],qr.prototype,"displayedPages",void 0);const Yr={buttonsColor:e.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",e.designSystemVariables.colorPrimary),buttonsZIndex:e.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:e.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system")},Qr=o.css`
+        `}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}qr.elementDefinitions={"ft-button":Vi,"ft-ripple":lt,"ft-typography":yo,"ft-checkbox":zr,"ft-icon":wo,"ft-radio":Hr},qr.styles=Gr,Vr([r.property({type:String})],qr.prototype,"filterId",void 0),Vr([r.property({type:Object})],qr.prototype,"parent",void 0),Vr([r.property({type:Array})],qr.prototype,"options",void 0),Vr([r.property({type:Boolean})],qr.prototype,"multivalued",void 0),Vr([r.property({type:Boolean})],qr.prototype,"disabled",void 0),Vr([r.property({type:Boolean})],qr.prototype,"hideSelectedOptions",void 0),Vr([r.property({type:Boolean})],qr.prototype,"displayCount",void 0),Vr([r.property({type:Boolean})],qr.prototype,"preventNavigation",void 0),Vr([r.property({type:String})],qr.prototype,"filter",void 0),Vr([r.property({type:String})],qr.prototype,"moreValuesButtonLabel",void 0),Vr([r.property({type:String})],qr.prototype,"noValuesLabel",void 0),Vr([r.property({type:Number})],qr.prototype,"displayedValuesLimit",void 0),Vr([r.query(".ft-filter-level--container")],qr.prototype,"container",void 0),Vr([r.state()],qr.prototype,"displayedPages",void 0);const Yr={buttonsColor:e.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",e.designSystemVariables.colorPrimary),buttonsZIndex:e.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:e.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system")},Qr=o.css`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;
@@ -1594,7 +1595,7 @@ const jt=Symbol.for(""),Mt=t=>{if(t?.r===jt)return t?._$litStatic$},_t=t=>({_$li
         slot:not([name]) {
             display: none;
         }
-    `];var hn=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class dn extends CustomEvent{constructor(t){super("change",{detail:t})}}class un extends e.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 e.Debouncer(300),this.changeDebouncer=new e.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return e.flatDeep(this.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get childrenFilteredFlatOptions(){return e.flatDeep(this.options,(t=>{var e;return t.selected?[]:null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get selectedValues(){return this.childrenFilteredFlatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){const t=this.flatOptions.some((t=>t.selected)),e=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,i=this.filterPlaceHolder.replace("{0}",this.label);return o.html`
+    `];var hn=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class dn extends CustomEvent{constructor(t){super("change",{detail:t})}}class un extends e.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.displayCount=!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 e.Debouncer(300),this.changeDebouncer=new e.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return e.flatDeep(this.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get childrenFilteredFlatOptions(){return e.flatDeep(this.options,(t=>{var e;return t.selected?[]:null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get selectedValues(){return this.childrenFilteredFlatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){const t=this.flatOptions.some((t=>t.selected)),e=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,i=this.filterPlaceHolder.replace("{0}",this.label);return o.html`
             <div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
                  part="container">
                 ${this.label||t?o.html`
@@ -1636,6 +1637,7 @@ const jt=Symbol.for(""),Mt=t=>{if(t?.r===jt)return t?._$litStatic$},_t=t=>({_$li
                         filterId="${this.id}"
                         ?multivalued=${this.multivalued}
                         ?disabled=${this.disabled}
+                        ?displayCount="${this.displayCount}"
                         preventNavigation
                         .options=${e}
                         @change=${this.onChange}
@@ -1659,6 +1661,7 @@ const jt=Symbol.for(""),Mt=t=>{if(t?.r===jt)return t?._$litStatic$},_t=t=>({_$li
                 ?multivalued=${this.multivalued}
                 ?disabled=${this.disabled||"ft-filter--level-center"!==t}
                 ?hideSelectedOptions=${this.raiseSelectedOptions}
+                ?displayCount="${this.displayCount}"
                 .parent=${i}
                 .options=${e}
                 .displayedValuesLimit=${this.displayedValuesLimit}
@@ -1669,7 +1672,7 @@ const jt=Symbol.for(""),Mt=t=>{if(t?.r===jt)return t?._$litStatic$},_t=t=>({_$li
                 .exportpartsPrefixes=${["values","available-values"]}
                 noValuesLabel="${this.noValuesLabel}"
             ></ft-filter-level>
-        `}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const o=this.flatOptions.find((e=>e.value===t.detail.value));o.selected=!o.selected;const i=t=>{var e;t!==o&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(i)};this.multivalued?null===(e=o.subOptions)||void 0===e||e.forEach(i):this.options.forEach(i),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.sendEventIfValuesChanged(),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}sendEventIfValuesChanged(){const t=this.selectedValues;e.deepEqual(this.lastDispatchedValues,t)||(this.dispatchEvent(new dn(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}un.elementDefinitions={"ft-button":Vi,"ft-filter-level":qr,"ft-snap-scroll":tn,"ft-typography":yo},un.styles=fn,hn([r.property({type:String})],un.prototype,"id",void 0),hn([r.property({type:String})],un.prototype,"label",void 0),hn([r.property({type:String})],un.prototype,"filterPlaceHolder",void 0),hn([r.property({type:String})],un.prototype,"clearButtonLabel",void 0),hn([r.property({type:String})],un.prototype,"moreValuesButtonLabel",void 0),hn([r.property({type:String})],un.prototype,"noValuesLabel",void 0),hn([e.jsonProperty([])],un.prototype,"options",void 0),hn([r.property({type:Boolean})],un.prototype,"multivalued",void 0),hn([r.property({type:Boolean})],un.prototype,"disabled",void 0),hn([r.property({type:Boolean})],un.prototype,"raiseSelectedOptions",void 0),hn([r.property({type:Number})],un.prototype,"displayedValuesLimit",void 0),hn([r.property({type:Boolean})],un.prototype,"hideClearButton",void 0),hn([r.query(".ft-filter--slot")],un.prototype,"slotElement",void 0),hn([r.query(".ft-filter--container")],un.prototype,"container",void 0),hn([r.query(".ft-filter--values")],un.prototype,"valuesContainer",void 0),hn([r.query(".ft-filter--levels")],un.prototype,"levelsContainer",void 0),hn([r.state()],un.prototype,"lastLevelHasHiddenvalues",void 0),hn([r.query(".ft-filter--filter input")],un.prototype,"filterInput",void 0),hn([r.queryAll(".ft-filter--levels ft-filter-level")],un.prototype,"levels",void 0),hn([r.state()],un.prototype,"withScroll",void 0),hn([r.state()],un.prototype,"filter",void 0),hn([r.state()],un.prototype,"slideIn",void 0),hn([r.state()],un.prototype,"slideOut",void 0);var gn=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class bn extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return o.html`
+        `}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const o=this.flatOptions.find((e=>e.value===t.detail.value));o.selected=!o.selected;const i=t=>{var e;t!==o&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(i)};this.multivalued?null===(e=o.subOptions)||void 0===e||e.forEach(i):this.options.forEach(i),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.sendEventIfValuesChanged(),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}sendEventIfValuesChanged(){const t=this.selectedValues;e.deepEqual(this.lastDispatchedValues,t)||(this.dispatchEvent(new dn(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}un.elementDefinitions={"ft-button":Vi,"ft-filter-level":qr,"ft-snap-scroll":tn,"ft-typography":yo},un.styles=fn,hn([r.property({type:String})],un.prototype,"id",void 0),hn([r.property({type:String})],un.prototype,"label",void 0),hn([r.property({type:String})],un.prototype,"filterPlaceHolder",void 0),hn([r.property({type:String})],un.prototype,"clearButtonLabel",void 0),hn([r.property({type:String})],un.prototype,"moreValuesButtonLabel",void 0),hn([r.property({type:String})],un.prototype,"noValuesLabel",void 0),hn([e.jsonProperty([])],un.prototype,"options",void 0),hn([r.property({type:Boolean})],un.prototype,"multivalued",void 0),hn([r.property({type:Boolean})],un.prototype,"disabled",void 0),hn([r.property({type:Boolean})],un.prototype,"raiseSelectedOptions",void 0),hn([r.property({type:Boolean})],un.prototype,"displayCount",void 0),hn([r.property({type:Number})],un.prototype,"displayedValuesLimit",void 0),hn([r.property({type:Boolean})],un.prototype,"hideClearButton",void 0),hn([r.query(".ft-filter--slot")],un.prototype,"slotElement",void 0),hn([r.query(".ft-filter--container")],un.prototype,"container",void 0),hn([r.query(".ft-filter--values")],un.prototype,"valuesContainer",void 0),hn([r.query(".ft-filter--levels")],un.prototype,"levelsContainer",void 0),hn([r.state()],un.prototype,"lastLevelHasHiddenvalues",void 0),hn([r.query(".ft-filter--filter input")],un.prototype,"filterInput",void 0),hn([r.queryAll(".ft-filter--levels ft-filter-level")],un.prototype,"levels",void 0),hn([r.state()],un.prototype,"withScroll",void 0),hn([r.state()],un.prototype,"filter",void 0),hn([r.state()],un.prototype,"slideIn",void 0),hn([r.state()],un.prototype,"slideOut",void 0);var gn=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class bn extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return o.html`
             <slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
         `}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}update(t){super.update(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}bn.elementDefinitions={},gn([r.property({type:String})],bn.prototype,"label",void 0),gn([r.property({type:Object,converter:t=>t})],bn.prototype,"value",void 0),gn([r.property({type:Boolean,reflect:!0})],bn.prototype,"selected",void 0),gn([r.property({type:Object})],bn.prototype,"subOptions",void 0),gn([e.jsonProperty({})],bn.prototype,"renderOption",void 0),gn([r.query(".ft-filter-option--slot")],bn.prototype,"slotElement",void 0),e.customElement("ft-filter")(un),e.customElement("ft-filter-option")(bn);const yn=mr.build("designedSearchType"),mn={label:"Search scope",documentTitlesOnly:"Search in document titles only"};var xn=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class vn extends(dr(Y)){constructor(){super(),this.addI18nContext(yn,mn)}render(){return o.html`
             <ft-filter

package/build/ft-search-selected-facets.min.js

@@ -1434,58 +1434,59 @@ const gl=Symbol.for(""),yl=t=>{if(t?.r===gl)return t?._$litStatic$},bl=t=>({_$li
         margin: 10px 0;
         color: ${hf.colorOnSurfaceMedium};
     }
-`;var df=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class pf extends Mr{constructor(){super(...arguments),this.filterId="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return null!=t&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,e;return null!==(e=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==e?e:0}render(){let t=[...this.options];this.hideSelectedOptions&&(t=t.filter((t=>!t.selected))),this.filter&&(t=t.filter((t=>t.label.toLowerCase().includes(this.filter.toLowerCase()))));const e=t.slice(0,this.limit);return Jt`
+`;var df=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class pf extends Mr{constructor(){super(...arguments),this.filterId="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.displayCount=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return null!=t&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,e;return null!==(e=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==e?e:0}render(){let t=[...this.options];this.hideSelectedOptions&&(t=t.filter((t=>!t.selected))),this.filter&&(t=t.filter((t=>t.label.toLowerCase().includes(this.filter.toLowerCase()))));const e=t.slice(0,this.limit);return Jt`
             <div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
                 ${null==this.parent?null:Jt`
-                            <div tabindex="0"
-                                 part="controls go-back"
-                                 class="ft-filter-level--go-back"
-                                 ?disabled=${this.disabled}
-                                 @keyup=${this.goBackOnKeyPress}
-                                 @click=${this.goBackOnClick}>
-                                <ft-ripple></ft-ripple>
-                                <ft-icon>thin_arrow_left</ft-icon>
-                                <ft-typography variant="body2">${this.parent.label}</ft-typography>
-                            </div>
-                        `}
+                        <div tabindex="0"
+                             part="controls go-back"
+                             class="ft-filter-level--go-back"
+                             ?disabled=${this.disabled}
+                             @keyup=${this.goBackOnKeyPress}
+                             @click=${this.goBackOnClick}>
+                            <ft-ripple></ft-ripple>
+                            <ft-icon>thin_arrow_left</ft-icon>
+                            <ft-typography variant="body2">${this.parent.label}</ft-typography>
+                        </div>
+                    `}
                 ${0===this.options.length&&this.noValuesLabel?Jt`
-                            <ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
-                                ${this.noValuesLabel}
-                            </ft-typography>
-                        `:te}
+                        <ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
+                            ${this.noValuesLabel}
+                        </ft-typography>
+                    `:te}
                 ${Te(e,(t=>t.value),(t=>{var e;return Jt`
-                                    <div class="ft-filter-level--option" part="options">
-                                        ${this.multivalued?this.buildMultiValuedOption(t):this.buildMonoValuedOption(t)}
-                                        ${this.preventNavigation||t.selected||0===(null!==(e=t.subOptions)&&void 0!==e?e:[]).length?te:Jt`
-                                                    <ft-button icon="thin_arrow_right"
-                                                               part="controls navigate-hierarchy"
-                                                               label="${t.label}"
-                                                               ?disabled=${this.disabled}
-                                                               tooltipPosition="left"
-                                                               @click=${()=>this.displayLevel(t)}></ft-button>
-                                                `}
-                                    </div>
-                                `}))}
+                            <div class="ft-filter-level--option" part="options">
+                                ${this.multivalued?this.buildMultiValuedOption(t):this.buildMonoValuedOption(t)}
+                                ${this.preventNavigation||t.selected||0===(null!==(e=t.subOptions)&&void 0!==e?e:[]).length?te:Jt`
+                                        <ft-button icon="thin_arrow_right"
+                                                   part="controls navigate-hierarchy"
+                                                   label="${t.label}"
+                                                   ?disabled=${this.disabled}
+                                                   tooltipPosition="left"
+                                                   @click=${()=>this.displayLevel(t)}></ft-button>
+                                    `}
+                            </div>
+                        `}))}
                 ${e.length<t.length?Jt`
-                            <ft-button
-                                    class="ft-filter-level--display-more"
-                                    icon="thin_arrow"
-                                    dense trailingIcon
-                                    part="controls display-more"
-                                    @click=${this.displayMore}>
-                                ${this.moreValuesButtonLabel}
-                            </ft-button>
-                        `:te}
+                        <ft-button
+                            class="ft-filter-level--display-more"
+                            icon="thin_arrow"
+                            dense trailingIcon
+                            part="controls display-more"
+                            @click=${this.displayMore}>
+                            ${this.moreValuesButtonLabel}
+                        </ft-button>
+                    `:te}
             </div>
         `}goBackOnKeyPress(t){"Enter"!==t.key&&" "!==t.key||this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(t){t.stopPropagation(),t.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++}buildMultiValuedOption(t){var e;return Jt`
             <ft-checkbox name="${this.filterId}"
                          part="multivalued-option"
                          data-value="${t.value}"
+
                          .checked=${t.selected}
                          .disabled=${this.disabled}
                          .indeterminate=${po(null!==(e=t.subOptions)&&void 0!==e?e:[],(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).some((t=>t.selected))}
                          @change=${e=>this.optionsChanged(e,t)}>
-                ${t.renderOption?t.renderOption:t.label}
+                ${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
             </ft-checkbox>
         `}buildMonoValuedOption(t){return Jt`
             <ft-radio name="${this.filterId+Math.round(1e6*Math.random())}"
@@ -1496,9 +1497,9 @@ const gl=Symbol.for(""),yl=t=>{if(t?.r===gl)return t?._$litStatic$},bl=t=>({_$li
                       @click=${e=>this.optionsChanged(e,t)}
                       @keyup=${e=>this.onRadioKeyUp(e,t)}
                       @change=${t=>t.stopPropagation()}>
-                ${t.renderOption?t.renderOption:t.label}
+                ${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
             </ft-radio>
-        `}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}pf.elementDefinitions={"ft-button":fh,"ft-ripple":ul,"ft-typography":Bc,"ft-checkbox":Jh,"ft-icon":_c,"ft-radio":af},pf.styles=ff,df([we({type:String})],pf.prototype,"filterId",void 0),df([we({type:Object})],pf.prototype,"parent",void 0),df([we({type:Array})],pf.prototype,"options",void 0),df([we({type:Boolean})],pf.prototype,"multivalued",void 0),df([we({type:Boolean})],pf.prototype,"disabled",void 0),df([we({type:Boolean})],pf.prototype,"hideSelectedOptions",void 0),df([we({type:Boolean})],pf.prototype,"preventNavigation",void 0),df([we({type:String})],pf.prototype,"filter",void 0),df([we({type:String})],pf.prototype,"moreValuesButtonLabel",void 0),df([we({type:String})],pf.prototype,"noValuesLabel",void 0),df([we({type:Number})],pf.prototype,"displayedValuesLimit",void 0),df([Ee(".ft-filter-level--container")],pf.prototype,"container",void 0),df([Se()],pf.prototype,"displayedPages",void 0);const uf={buttonsColor:wo.extend("--ft-snap-scroll-buttons-color","",Ci.colorPrimary),buttonsZIndex:wo.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:wo.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:wo.external(Ci.colorSurface,"Design system")},gf=dt`
+        `}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}pf.elementDefinitions={"ft-button":fh,"ft-ripple":ul,"ft-typography":Bc,"ft-checkbox":Jh,"ft-icon":_c,"ft-radio":af},pf.styles=ff,df([we({type:String})],pf.prototype,"filterId",void 0),df([we({type:Object})],pf.prototype,"parent",void 0),df([we({type:Array})],pf.prototype,"options",void 0),df([we({type:Boolean})],pf.prototype,"multivalued",void 0),df([we({type:Boolean})],pf.prototype,"disabled",void 0),df([we({type:Boolean})],pf.prototype,"hideSelectedOptions",void 0),df([we({type:Boolean})],pf.prototype,"displayCount",void 0),df([we({type:Boolean})],pf.prototype,"preventNavigation",void 0),df([we({type:String})],pf.prototype,"filter",void 0),df([we({type:String})],pf.prototype,"moreValuesButtonLabel",void 0),df([we({type:String})],pf.prototype,"noValuesLabel",void 0),df([we({type:Number})],pf.prototype,"displayedValuesLimit",void 0),df([Ee(".ft-filter-level--container")],pf.prototype,"container",void 0),df([Se()],pf.prototype,"displayedPages",void 0);const uf={buttonsColor:wo.extend("--ft-snap-scroll-buttons-color","",Ci.colorPrimary),buttonsZIndex:wo.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:wo.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:wo.external(Ci.colorSurface,"Design system")},gf=dt`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;
@@ -1762,7 +1763,7 @@ const gl=Symbol.for(""),yl=t=>{if(t?.r===gl)return t?._$litStatic$},bl=t=>({_$li
         slot:not([name]) {
             display: none;
         }
-    `];var If=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Rf extends CustomEvent{constructor(t){super("change",{detail:t})}}class Lf extends Mr{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 lo(300),this.changeDebouncer=new lo(10),this.lastDispatchedValues=[]}get flatOptions(){return po(this.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get childrenFilteredFlatOptions(){return po(this.options,(t=>{var e;return t.selected?[]:null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get selectedValues(){return this.childrenFilteredFlatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){const t=this.flatOptions.some((t=>t.selected)),e=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,o=this.filterPlaceHolder.replace("{0}",this.label);return Jt`
+    `];var If=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Rf extends CustomEvent{constructor(t){super("change",{detail:t})}}class Lf extends Mr{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.displayCount=!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 lo(300),this.changeDebouncer=new lo(10),this.lastDispatchedValues=[]}get flatOptions(){return po(this.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get childrenFilteredFlatOptions(){return po(this.options,(t=>{var e;return t.selected?[]:null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get selectedValues(){return this.childrenFilteredFlatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){const t=this.flatOptions.some((t=>t.selected)),e=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,o=this.filterPlaceHolder.replace("{0}",this.label);return Jt`
             <div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
                  part="container">
                 ${this.label||t?Jt`
@@ -1804,6 +1805,7 @@ const gl=Symbol.for(""),yl=t=>{if(t?.r===gl)return t?._$litStatic$},bl=t=>({_$li
                         filterId="${this.id}"
                         ?multivalued=${this.multivalued}
                         ?disabled=${this.disabled}
+                        ?displayCount="${this.displayCount}"
                         preventNavigation
                         .options=${e}
                         @change=${this.onChange}
@@ -1827,6 +1829,7 @@ const gl=Symbol.for(""),yl=t=>{if(t?.r===gl)return t?._$litStatic$},bl=t=>({_$li
                 ?multivalued=${this.multivalued}
                 ?disabled=${this.disabled||"ft-filter--level-center"!==t}
                 ?hideSelectedOptions=${this.raiseSelectedOptions}
+                ?displayCount="${this.displayCount}"
                 .parent=${o}
                 .options=${e}
                 .displayedValuesLimit=${this.displayedValuesLimit}
@@ -1837,7 +1840,7 @@ const gl=Symbol.for(""),yl=t=>{if(t?.r===gl)return t?._$litStatic$},bl=t=>({_$li
                 .exportpartsPrefixes=${["values","available-values"]}
                 noValuesLabel="${this.noValuesLabel}"
             ></ft-filter-level>
-        `}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const o=this.flatOptions.find((e=>e.value===t.detail.value));o.selected=!o.selected;const i=t=>{var e;t!==o&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(i)};this.multivalued?null===(e=o.subOptions)||void 0===e||e.forEach(i):this.options.forEach(i),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.sendEventIfValuesChanged(),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}sendEventIfValuesChanged(){const t=this.selectedValues;go(this.lastDispatchedValues,t)||(this.dispatchEvent(new Rf(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}Lf.elementDefinitions={"ft-button":fh,"ft-filter-level":pf,"ft-snap-scroll":mf,"ft-typography":Bc},Lf.styles=kf,If([we({type:String})],Lf.prototype,"id",void 0),If([we({type:String})],Lf.prototype,"label",void 0),If([we({type:String})],Lf.prototype,"filterPlaceHolder",void 0),If([we({type:String})],Lf.prototype,"clearButtonLabel",void 0),If([we({type:String})],Lf.prototype,"moreValuesButtonLabel",void 0),If([we({type:String})],Lf.prototype,"noValuesLabel",void 0),If([mo([])],Lf.prototype,"options",void 0),If([we({type:Boolean})],Lf.prototype,"multivalued",void 0),If([we({type:Boolean})],Lf.prototype,"disabled",void 0),If([we({type:Boolean})],Lf.prototype,"raiseSelectedOptions",void 0),If([we({type:Number})],Lf.prototype,"displayedValuesLimit",void 0),If([we({type:Boolean})],Lf.prototype,"hideClearButton",void 0),If([Ee(".ft-filter--slot")],Lf.prototype,"slotElement",void 0),If([Ee(".ft-filter--container")],Lf.prototype,"container",void 0),If([Ee(".ft-filter--values")],Lf.prototype,"valuesContainer",void 0),If([Ee(".ft-filter--levels")],Lf.prototype,"levelsContainer",void 0),If([Se()],Lf.prototype,"lastLevelHasHiddenvalues",void 0),If([Ee(".ft-filter--filter input")],Lf.prototype,"filterInput",void 0),If([ke(".ft-filter--levels ft-filter-level")],Lf.prototype,"levels",void 0),If([Se()],Lf.prototype,"withScroll",void 0),If([Se()],Lf.prototype,"filter",void 0),If([Se()],Lf.prototype,"slideIn",void 0),If([Se()],Lf.prototype,"slideOut",void 0);var Uf=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class zf extends Mr{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return Jt`
+        `}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const o=this.flatOptions.find((e=>e.value===t.detail.value));o.selected=!o.selected;const i=t=>{var e;t!==o&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(i)};this.multivalued?null===(e=o.subOptions)||void 0===e||e.forEach(i):this.options.forEach(i),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.sendEventIfValuesChanged(),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}sendEventIfValuesChanged(){const t=this.selectedValues;go(this.lastDispatchedValues,t)||(this.dispatchEvent(new Rf(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}Lf.elementDefinitions={"ft-button":fh,"ft-filter-level":pf,"ft-snap-scroll":mf,"ft-typography":Bc},Lf.styles=kf,If([we({type:String})],Lf.prototype,"id",void 0),If([we({type:String})],Lf.prototype,"label",void 0),If([we({type:String})],Lf.prototype,"filterPlaceHolder",void 0),If([we({type:String})],Lf.prototype,"clearButtonLabel",void 0),If([we({type:String})],Lf.prototype,"moreValuesButtonLabel",void 0),If([we({type:String})],Lf.prototype,"noValuesLabel",void 0),If([mo([])],Lf.prototype,"options",void 0),If([we({type:Boolean})],Lf.prototype,"multivalued",void 0),If([we({type:Boolean})],Lf.prototype,"disabled",void 0),If([we({type:Boolean})],Lf.prototype,"raiseSelectedOptions",void 0),If([we({type:Boolean})],Lf.prototype,"displayCount",void 0),If([we({type:Number})],Lf.prototype,"displayedValuesLimit",void 0),If([we({type:Boolean})],Lf.prototype,"hideClearButton",void 0),If([Ee(".ft-filter--slot")],Lf.prototype,"slotElement",void 0),If([Ee(".ft-filter--container")],Lf.prototype,"container",void 0),If([Ee(".ft-filter--values")],Lf.prototype,"valuesContainer",void 0),If([Ee(".ft-filter--levels")],Lf.prototype,"levelsContainer",void 0),If([Se()],Lf.prototype,"lastLevelHasHiddenvalues",void 0),If([Ee(".ft-filter--filter input")],Lf.prototype,"filterInput",void 0),If([ke(".ft-filter--levels ft-filter-level")],Lf.prototype,"levels",void 0),If([Se()],Lf.prototype,"withScroll",void 0),If([Se()],Lf.prototype,"filter",void 0),If([Se()],Lf.prototype,"slideIn",void 0),If([Se()],Lf.prototype,"slideOut",void 0);var Uf=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class zf extends Mr{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return Jt`
             <slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
         `}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}update(t){super.update(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}zf.elementDefinitions={},Uf([we({type:String})],zf.prototype,"label",void 0),Uf([we({type:Object,converter:t=>t})],zf.prototype,"value",void 0),Uf([we({type:Boolean,reflect:!0})],zf.prototype,"selected",void 0),Uf([we({type:Object})],zf.prototype,"subOptions",void 0),Uf([mo({})],zf.prototype,"renderOption",void 0),Uf([Ee(".ft-filter-option--slot")],zf.prototype,"slotElement",void 0),bo("ft-filter")(Lf),bo("ft-filter-option")(zf);const Wf=Bh.build("designedSearchType"),Bf={label:"Search scope",documentTitlesOnly:"Search in document titles only"};var Af=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Ff extends(Rh(il)){constructor(){super(),this.addI18nContext(Wf,Bf)}render(){return Jt`
             <ft-filter

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-search-selected-facets",
-  "version": "1.1.61",
+  "version": "1.1.63",
   "description": "List of selected facets in a designed search page context",
   "keywords": [
     "Lit"
@@ -19,12 +19,12 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-chip": "1.1.61",
-    "@fluid-topics/ft-search-context": "1.1.61",
-    "@fluid-topics/ft-search-type": "1.1.61",
-    "@fluid-topics/ft-tooltip": "1.1.61",
-    "@fluid-topics/ft-wc-utils": "1.1.61",
+    "@fluid-topics/ft-chip": "1.1.63",
+    "@fluid-topics/ft-search-context": "1.1.63",
+    "@fluid-topics/ft-search-type": "1.1.63",
+    "@fluid-topics/ft-tooltip": "1.1.63",
+    "@fluid-topics/ft-wc-utils": "1.1.63",
     "lit": "3.1.0"
   },
-  "gitHead": "97003a21f5dfb4845af84e174266f48a22517b90"
+  "gitHead": "6f2845e11b1b3a26814c32cacd5413802aa28157"
 }