@fluid-topics/ft-filter 1.1.40 → 1.1.42

package/README.md

@@ -1,4 +1,4 @@
-A Flat selector for multivalued or monovalued filters.
+A filter component. Appears in the **Search page** to filter content using metadata, for example.
 
 ## Install
 

package/build/ft-filter-level.js

@@ -14,7 +14,7 @@ import { FtRipple } from "@fluid-topics/ft-ripple";
 import { FtIcon } from "@fluid-topics/ft-icon";
 import { FtCheckbox } from "@fluid-topics/ft-checkbox";
 import { FtRadio } from "@fluid-topics/ft-radio";
-import { levelStyles } from "./ft-filter-level.css";
+import { levelStyles } from "./ft-filter-level.styles";
 class FtFilterLevel extends FtLitElement {
     constructor() {
         super(...arguments);

package/build/{ft-filter-level.css.js → ft-filter-level.styles.js}

@@ -1,7 +1,7 @@
 import { css } from "lit";
 import { designSystemVariables, FtCssVariableFactory, setVariable } from "@fluid-topics/ft-wc-utils";
-import { FtButtonCssVariables } from "@fluid-topics/ft-button/build/ft-button.css";
-import { FtTypographyBody2CssVariables } from "@fluid-topics/ft-typography/build/ft-typography.css";
+import { FtButtonCssVariables } from "@fluid-topics/ft-button/build/ft-button.styles";
+import { FtTypographyBody2CssVariables } from "@fluid-topics/ft-typography/build/ft-typography.styles";
 export const FtFilterLevelCssVariables = {
     borderRadiusM: FtCssVariableFactory.external(designSystemVariables.borderRadiusM, "Design system"),
     colorOutline: FtCssVariableFactory.external(designSystemVariables.colorOutline, "Design system"),

package/build/ft-filter.js

@@ -11,7 +11,7 @@ import { FtTypography } from "@fluid-topics/ft-typography";
 import { FtFilterLevel } from "./ft-filter-level";
 import { FtButton } from "@fluid-topics/ft-button";
 import { FtSnapScroll } from "@fluid-topics/ft-snap-scroll";
-import { styles } from "./ft-filter.css";
+import { styles } from "./ft-filter.styles";
 export class FtFilterChangeEvent extends CustomEvent {
     constructor(selectedValues) {
         super("change", { detail: selectedValues });

package/build/ft-filter.light.js

@@ -1145,7 +1145,7 @@ const G=Symbol.for(""),T=t=>{if(t?.r===G)return t?._$litStatic$},P=t=>({_$litSta
                       @change=${t=>t.stopPropagation()}>
                 ${t.renderOption?t.renderOption:t.label}
             </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}))}}Ri.elementDefinitions={"ft-button":ri,"ft-ripple":Bo,"ft-typography":go,"ft-checkbox":ui,"ft-icon":Qe,"ft-radio":$i},Ri.styles=Wi,Ei([i.property({type:String})],Ri.prototype,"filterId",void 0),Ei([i.property({type:Object})],Ri.prototype,"parent",void 0),Ei([i.property({type:Array})],Ri.prototype,"options",void 0),Ei([i.property({type:Boolean})],Ri.prototype,"multivalued",void 0),Ei([i.property({type:Boolean})],Ri.prototype,"disabled",void 0),Ei([i.property({type:Boolean})],Ri.prototype,"hideSelectedOptions",void 0),Ei([i.property({type:Boolean})],Ri.prototype,"preventNavigation",void 0),Ei([i.property({type:String})],Ri.prototype,"filter",void 0),Ei([i.property({type:String})],Ri.prototype,"moreValuesButtonLabel",void 0),Ei([i.property({type:String})],Ri.prototype,"noValuesLabel",void 0),Ei([i.property({type:Number})],Ri.prototype,"displayedValuesLimit",void 0),Ei([i.query(".ft-filter-level--container")],Ri.prototype,"container",void 0),Ei([i.state()],Ri.prototype,"displayedPages",void 0);const Ui={buttonsColor:o.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",o.designSystemVariables.colorPrimary),buttonsZIndex:o.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","COLOR","1"),gap:o.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorSurface,"Design system")},Li=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}))}}Ri.elementDefinitions={"ft-button":ri,"ft-ripple":Bo,"ft-typography":go,"ft-checkbox":ui,"ft-icon":Qe,"ft-radio":$i},Ri.styles=Wi,Ei([i.property({type:String})],Ri.prototype,"filterId",void 0),Ei([i.property({type:Object})],Ri.prototype,"parent",void 0),Ei([i.property({type:Array})],Ri.prototype,"options",void 0),Ei([i.property({type:Boolean})],Ri.prototype,"multivalued",void 0),Ei([i.property({type:Boolean})],Ri.prototype,"disabled",void 0),Ei([i.property({type:Boolean})],Ri.prototype,"hideSelectedOptions",void 0),Ei([i.property({type:Boolean})],Ri.prototype,"preventNavigation",void 0),Ei([i.property({type:String})],Ri.prototype,"filter",void 0),Ei([i.property({type:String})],Ri.prototype,"moreValuesButtonLabel",void 0),Ei([i.property({type:String})],Ri.prototype,"noValuesLabel",void 0),Ei([i.property({type:Number})],Ri.prototype,"displayedValuesLimit",void 0),Ei([i.query(".ft-filter-level--container")],Ri.prototype,"container",void 0),Ei([i.state()],Ri.prototype,"displayedPages",void 0);const Ui={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")},Li=e.css`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;