@fluid-topics/ft-filter 0.3.56 → 0.3.58

package/build/ft-filter.light.js

@@ -391,12 +391,12 @@ const V=Symbol.for(""),H=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     .ft-icon--material {
         font-family: ${Ni.materialFontFamily}, "Material Icons", sans-serif;
     }
-`;var Ii;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(Ii||(Ii={}));var Mi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Fi extends i.FtLitElement{constructor(){super(...arguments),this.variant=Ii.fluid_topics,this.resolvedIcon=e.nothing}render(){const t="material"!==this.variant||this.value;return e.html`
-            <i class="ft-icon ${"ft-icon--"+this.variant}">
+`;var Ii;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(Ii||(Ii={}));var Mi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Fi extends i.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=e.nothing}render(){var t;const i=null!==(t=this.variant)&&void 0!==t?t:Ii.fluid_topics,o="material"!==i||this.value;return e.html`
+            <i class="ft-icon ${"ft-icon--"+i}">
                 ${n.unsafeHTML(this.resolvedIcon)}
-                <slot ?hidden=${t}></slot>
+                <slot ?hidden=${o}></slot>
             </i>
-        `}get textContent(){var t,i;return null!==(i=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==i?i:""}update(t){super.update(t),["value","variant"].some((i=>t.has(i)))&&this.resolveIcon()}resolveIcon(){var t,i;let o=this.value||this.textContent;switch(this.variant){case Ii.file_format:this.resolvedIcon=null!==(t=Di[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ii.fluid_topics:this.resolvedIcon=null!==(i=Ei[o.replace("-","_").toUpperCase()])&&void 0!==i?i:o;break;default:this.resolvedIcon=this.value||e.nothing}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Fi.elementDefinitions={},Fi.styles=Ti,Mi([o.property()],Fi.prototype,"variant",void 0),Mi([o.property()],Fi.prototype,"value",void 0),Mi([o.state()],Fi.prototype,"resolvedIcon",void 0),Mi([o.query("slot")],Fi.prototype,"slottedContent",void 0),i.customElement("ft-icon")(Fi);const Ai=i.FtCssVariableFactory.extend("--ft-button-color",i.designSystemVariables.colorPrimary),_i={backgroundColor:i.FtCssVariableFactory.extend("--ft-button-background-color",i.designSystemVariables.colorSurface),borderRadius:i.FtCssVariableFactory.extend("--ft-button-border-radius",i.designSystemVariables.borderRadiusL),color:Ai,fontSize:i.FtCssVariableFactory.extend("--ft-button-font-size",Zt.fontSize),iconSize:i.FtCssVariableFactory.create("--ft-button-icon-size","SIZE","24px"),rippleColor:i.FtCssVariableFactory.extend("--ft-button-ripple-color",Ai),opacityDisabled:i.FtCssVariableFactory.external(i.designSystemVariables.colorOpacityDisabled,"Design system")},Li=i.FtCssVariableFactory.extend("--ft-button-primary-color",i.FtCssVariableFactory.extend("--ft-button-color",i.designSystemVariables.colorOnPrimary)),Ri={backgroundColor:i.FtCssVariableFactory.extend("--ft-button-primary-background-color",i.FtCssVariableFactory.extend("--ft-button-background-color",i.designSystemVariables.colorPrimary)),color:Li,rippleColor:i.FtCssVariableFactory.extend("--ft-button-primary-ripple-color",Li)},Ui=i.FtCssVariableFactory.extend("--ft-button-dense-border-radius",i.FtCssVariableFactory.extend("--ft-button-border-radius",i.designSystemVariables.borderRadiusM)),Vi=[i.noTextSelect,e.css`
+        `}get textContent(){var t,i;return null!==(i=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==i?i:""}update(t){super.update(t),["value","variant"].some((i=>t.has(i)))&&this.resolveIcon()}resolveIcon(){var t,i;let o=this.value||this.textContent;switch(this.variant){case Ii.file_format:this.resolvedIcon=null!==(t=Di[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ii.material:this.resolvedIcon=this.value||e.nothing;break;default:this.resolvedIcon=null!==(i=Ei[o.replace("-","_").toUpperCase()])&&void 0!==i?i:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Fi.elementDefinitions={},Fi.styles=Ti,Mi([o.property()],Fi.prototype,"variant",void 0),Mi([o.property()],Fi.prototype,"value",void 0),Mi([o.state()],Fi.prototype,"resolvedIcon",void 0),Mi([o.query("slot")],Fi.prototype,"slottedContent",void 0),i.customElement("ft-icon")(Fi);const Ai=i.FtCssVariableFactory.extend("--ft-button-color",i.designSystemVariables.colorPrimary),_i={backgroundColor:i.FtCssVariableFactory.extend("--ft-button-background-color",i.designSystemVariables.colorSurface),borderRadius:i.FtCssVariableFactory.extend("--ft-button-border-radius",i.designSystemVariables.borderRadiusL),color:Ai,fontSize:i.FtCssVariableFactory.extend("--ft-button-font-size",Zt.fontSize),iconSize:i.FtCssVariableFactory.create("--ft-button-icon-size","SIZE","24px"),rippleColor:i.FtCssVariableFactory.extend("--ft-button-ripple-color",Ai),opacityDisabled:i.FtCssVariableFactory.external(i.designSystemVariables.colorOpacityDisabled,"Design system")},Li=i.FtCssVariableFactory.extend("--ft-button-primary-color",i.FtCssVariableFactory.extend("--ft-button-color",i.designSystemVariables.colorOnPrimary)),Ri={backgroundColor:i.FtCssVariableFactory.extend("--ft-button-primary-background-color",i.FtCssVariableFactory.extend("--ft-button-background-color",i.designSystemVariables.colorPrimary)),color:Li,rippleColor:i.FtCssVariableFactory.extend("--ft-button-primary-ripple-color",Li)},Ui=i.FtCssVariableFactory.extend("--ft-button-dense-border-radius",i.FtCssVariableFactory.extend("--ft-button-border-radius",i.designSystemVariables.borderRadiusM)),Vi=[i.noTextSelect,e.css`
         :host {
             display: inline-block;
             max-width: 100%;