@fluid-topics/ft-search-type 1.1.61 → 1.1.63

package/build/ft-search-type.light.js

@@ -1082,58 +1082,59 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
         margin: 10px 0;
         color: ${ki.colorOnSurfaceMedium};
     }
-`;var Ui=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 Li extends o.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,o;return null!==(o=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==o?o: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 o=t.slice(0,this.limit);return e.html`
+`;var Ui=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 Li extends o.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,o;return null!==(o=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==o?o: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 o=t.slice(0,this.limit);return e.html`
             <div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
                 ${null==this.parent?null:e.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?e.html`
-                            <ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
-                                ${this.noValuesLabel}
-                            </ft-typography>
-                        `:e.nothing}
+                        <ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
+                            ${this.noValuesLabel}
+                        </ft-typography>
+                    `:e.nothing}
                 ${r.repeat(o,(t=>t.value),(t=>{var o;return e.html`
-                                    <div class="ft-filter-level--option" part="options">
-                                        ${this.multivalued?this.buildMultiValuedOption(t):this.buildMonoValuedOption(t)}
-                                        ${this.preventNavigation||t.selected||0===(null!==(o=t.subOptions)&&void 0!==o?o:[]).length?e.nothing:e.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!==(o=t.subOptions)&&void 0!==o?o:[]).length?e.nothing:e.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>
+                        `}))}
                 ${o.length<t.length?e.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>
-                        `:e.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>
+                    `:e.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 e.html`
             <ft-checkbox name="${this.filterId}"
                          part="multivalued-option"
                          data-value="${t.value}"
+
                          .checked=${t.selected}
                          .disabled=${this.disabled}
                          .indeterminate=${o.flatDeep(null!==(i=t.subOptions)&&void 0!==i?i:[],(t=>{var o;return null!==(o=t.subOptions)&&void 0!==o?o:[]})).some((t=>t.selected))}
                          @change=${o=>this.optionsChanged(o,t)}>
-                ${t.renderOption?t.renderOption:t.label}
+                ${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
             </ft-checkbox>
         `}buildMonoValuedOption(t){return e.html`
             <ft-radio name="${this.filterId+Math.round(1e6*Math.random())}"
@@ -1144,9 +1145,9 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
                       @click=${o=>this.optionsChanged(o,t)}
                       @keyup=${o=>this.onRadioKeyUp(o,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,o){o.selected&&" "===t.key&&this.optionsChanged(t,o)}optionsChanged(t,o){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:o}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}Li.elementDefinitions={"ft-button":ni,"ft-ripple":Bo,"ft-typography":go,"ft-checkbox":bi,"ft-icon":ti,"ft-radio":$i},Li.styles=Ri,Ui([i.property({type:String})],Li.prototype,"filterId",void 0),Ui([i.property({type:Object})],Li.prototype,"parent",void 0),Ui([i.property({type:Array})],Li.prototype,"options",void 0),Ui([i.property({type:Boolean})],Li.prototype,"multivalued",void 0),Ui([i.property({type:Boolean})],Li.prototype,"disabled",void 0),Ui([i.property({type:Boolean})],Li.prototype,"hideSelectedOptions",void 0),Ui([i.property({type:Boolean})],Li.prototype,"preventNavigation",void 0),Ui([i.property({type:String})],Li.prototype,"filter",void 0),Ui([i.property({type:String})],Li.prototype,"moreValuesButtonLabel",void 0),Ui([i.property({type:String})],Li.prototype,"noValuesLabel",void 0),Ui([i.property({type:Number})],Li.prototype,"displayedValuesLimit",void 0),Ui([i.query(".ft-filter-level--container")],Li.prototype,"container",void 0),Ui([i.state()],Li.prototype,"displayedPages",void 0);const Wi={buttonsColor:o.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",o.designSystemVariables.colorPrimary),buttonsZIndex:o.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:o.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorSurface,"Design system")},zi=e.css`
+        `}onRadioKeyUp(t,o){o.selected&&" "===t.key&&this.optionsChanged(t,o)}optionsChanged(t,o){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:o}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}Li.elementDefinitions={"ft-button":ni,"ft-ripple":Bo,"ft-typography":go,"ft-checkbox":bi,"ft-icon":ti,"ft-radio":$i},Li.styles=Ri,Ui([i.property({type:String})],Li.prototype,"filterId",void 0),Ui([i.property({type:Object})],Li.prototype,"parent",void 0),Ui([i.property({type:Array})],Li.prototype,"options",void 0),Ui([i.property({type:Boolean})],Li.prototype,"multivalued",void 0),Ui([i.property({type:Boolean})],Li.prototype,"disabled",void 0),Ui([i.property({type:Boolean})],Li.prototype,"hideSelectedOptions",void 0),Ui([i.property({type:Boolean})],Li.prototype,"displayCount",void 0),Ui([i.property({type:Boolean})],Li.prototype,"preventNavigation",void 0),Ui([i.property({type:String})],Li.prototype,"filter",void 0),Ui([i.property({type:String})],Li.prototype,"moreValuesButtonLabel",void 0),Ui([i.property({type:String})],Li.prototype,"noValuesLabel",void 0),Ui([i.property({type:Number})],Li.prototype,"displayedValuesLimit",void 0),Ui([i.query(".ft-filter-level--container")],Li.prototype,"container",void 0),Ui([i.state()],Li.prototype,"displayedPages",void 0);const Wi={buttonsColor:o.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",o.designSystemVariables.colorPrimary),buttonsZIndex:o.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:o.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorSurface,"Design system")},zi=e.css`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;
@@ -1410,7 +1411,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
         slot:not([name]) {
             display: none;
         }
-    `];var Vi=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 qi extends CustomEvent{constructor(t){super("change",{detail:t})}}class Yi 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`
+    `];var Vi=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 qi extends CustomEvent{constructor(t){super("change",{detail:t})}}class Yi 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.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 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`
@@ -1452,6 +1453,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
                         filterId="${this.id}"
                         ?multivalued=${this.multivalued}
                         ?disabled=${this.disabled}
+                        ?displayCount="${this.displayCount}"
                         preventNavigation
                         .options=${o}
                         @change=${this.onChange}
@@ -1475,6 +1477,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
                 ?multivalued=${this.multivalued}
                 ?disabled=${this.disabled||"ft-filter--level-center"!==t}
                 ?hideSelectedOptions=${this.raiseSelectedOptions}
+                ?displayCount="${this.displayCount}"
                 .parent=${i}
                 .options=${o}
                 .displayedValuesLimit=${this.displayedValuesLimit}
@@ -1485,7 +1488,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
                 .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 o;t.stopPropagation();const e=this.flatOptions.find((o=>o.value===t.detail.value));e.selected=!e.selected;const i=t=>{var o;t!==e&&(t.selected=!1),null===(o=t.subOptions)||void 0===o||o.forEach(i)};this.multivalued?null===(o=e.subOptions)||void 0===o||o.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;o.deepEqual(this.lastDispatchedValues,t)||(this.dispatchEvent(new qi(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,o;this.filter=null!==(o=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==o?o:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}Yi.elementDefinitions={"ft-button":ni,"ft-filter-level":Li,"ft-snap-scroll":Ai,"ft-typography":go},Yi.styles=Gi,Vi([i.property({type:String})],Yi.prototype,"id",void 0),Vi([i.property({type:String})],Yi.prototype,"label",void 0),Vi([i.property({type:String})],Yi.prototype,"filterPlaceHolder",void 0),Vi([i.property({type:String})],Yi.prototype,"clearButtonLabel",void 0),Vi([i.property({type:String})],Yi.prototype,"moreValuesButtonLabel",void 0),Vi([i.property({type:String})],Yi.prototype,"noValuesLabel",void 0),Vi([o.jsonProperty([])],Yi.prototype,"options",void 0),Vi([i.property({type:Boolean})],Yi.prototype,"multivalued",void 0),Vi([i.property({type:Boolean})],Yi.prototype,"disabled",void 0),Vi([i.property({type:Boolean})],Yi.prototype,"raiseSelectedOptions",void 0),Vi([i.property({type:Number})],Yi.prototype,"displayedValuesLimit",void 0),Vi([i.property({type:Boolean})],Yi.prototype,"hideClearButton",void 0),Vi([i.query(".ft-filter--slot")],Yi.prototype,"slotElement",void 0),Vi([i.query(".ft-filter--container")],Yi.prototype,"container",void 0),Vi([i.query(".ft-filter--values")],Yi.prototype,"valuesContainer",void 0),Vi([i.query(".ft-filter--levels")],Yi.prototype,"levelsContainer",void 0),Vi([i.state()],Yi.prototype,"lastLevelHasHiddenvalues",void 0),Vi([i.query(".ft-filter--filter input")],Yi.prototype,"filterInput",void 0),Vi([i.queryAll(".ft-filter--levels ft-filter-level")],Yi.prototype,"levels",void 0),Vi([i.state()],Yi.prototype,"withScroll",void 0),Vi([i.state()],Yi.prototype,"filter",void 0),Vi([i.state()],Yi.prototype,"slideIn",void 0),Vi([i.state()],Yi.prototype,"slideOut",void 0);var Qi=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 Xi extends o.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return e.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 o;t.stopPropagation();const e=this.flatOptions.find((o=>o.value===t.detail.value));e.selected=!e.selected;const i=t=>{var o;t!==e&&(t.selected=!1),null===(o=t.subOptions)||void 0===o||o.forEach(i)};this.multivalued?null===(o=e.subOptions)||void 0===o||o.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;o.deepEqual(this.lastDispatchedValues,t)||(this.dispatchEvent(new qi(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,o;this.filter=null!==(o=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==o?o:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}Yi.elementDefinitions={"ft-button":ni,"ft-filter-level":Li,"ft-snap-scroll":Ai,"ft-typography":go},Yi.styles=Gi,Vi([i.property({type:String})],Yi.prototype,"id",void 0),Vi([i.property({type:String})],Yi.prototype,"label",void 0),Vi([i.property({type:String})],Yi.prototype,"filterPlaceHolder",void 0),Vi([i.property({type:String})],Yi.prototype,"clearButtonLabel",void 0),Vi([i.property({type:String})],Yi.prototype,"moreValuesButtonLabel",void 0),Vi([i.property({type:String})],Yi.prototype,"noValuesLabel",void 0),Vi([o.jsonProperty([])],Yi.prototype,"options",void 0),Vi([i.property({type:Boolean})],Yi.prototype,"multivalued",void 0),Vi([i.property({type:Boolean})],Yi.prototype,"disabled",void 0),Vi([i.property({type:Boolean})],Yi.prototype,"raiseSelectedOptions",void 0),Vi([i.property({type:Boolean})],Yi.prototype,"displayCount",void 0),Vi([i.property({type:Number})],Yi.prototype,"displayedValuesLimit",void 0),Vi([i.property({type:Boolean})],Yi.prototype,"hideClearButton",void 0),Vi([i.query(".ft-filter--slot")],Yi.prototype,"slotElement",void 0),Vi([i.query(".ft-filter--container")],Yi.prototype,"container",void 0),Vi([i.query(".ft-filter--values")],Yi.prototype,"valuesContainer",void 0),Vi([i.query(".ft-filter--levels")],Yi.prototype,"levelsContainer",void 0),Vi([i.state()],Yi.prototype,"lastLevelHasHiddenvalues",void 0),Vi([i.query(".ft-filter--filter input")],Yi.prototype,"filterInput",void 0),Vi([i.queryAll(".ft-filter--levels ft-filter-level")],Yi.prototype,"levels",void 0),Vi([i.state()],Yi.prototype,"withScroll",void 0),Vi([i.state()],Yi.prototype,"filter",void 0),Vi([i.state()],Yi.prototype,"slideIn",void 0),Vi([i.state()],Yi.prototype,"slideOut",void 0);var Qi=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 Xi extends o.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return e.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}))}}Xi.elementDefinitions={},Qi([i.property({type:String})],Xi.prototype,"label",void 0),Qi([i.property({type:Object,converter:t=>t})],Xi.prototype,"value",void 0),Qi([i.property({type:Boolean,reflect:!0})],Xi.prototype,"selected",void 0),Qi([i.property({type:Object})],Xi.prototype,"subOptions",void 0),Qi([o.jsonProperty({})],Xi.prototype,"renderOption",void 0),Qi([i.query(".ft-filter-option--slot")],Xi.prototype,"slotElement",void 0),o.customElement("ft-filter")(Yi),o.customElement("ft-filter-option")(Xi);const Ji=e.css`
 `,tr=e.css`