@fluid-topics/ft-filterable-table 1.1.40 → 1.1.42

package/README.md

@@ -1,4 +1,4 @@
-A table that display data according to a display template.
+A filterable table component.
 
 ## Install
 

package/build/ft-filterable-table.js

@@ -14,7 +14,7 @@ import "@fluid-topics/ft-text-field";
 import "@fluid-topics/ft-button";
 import { classMap } from "lit/directives/class-map.js";
 import { RowClickEvent } from "./ft-filterable-table.properties";
-import { styles } from "./ft-filterable-table.css";
+import { styles } from "./ft-filterable-table.styles";
 const DEFAULT_RENDER = (v) => html `${v}`;
 const DEFAULT_COMPARATOR = (a, b) => a - b;
 const DEFAULT_STRINGIFY = (v) => "" + v;

package/build/ft-filterable-table.light.js

@@ -1377,7 +1377,7 @@ const Do={fontSize:o.FtCssVariableFactory.create("--ft-text-field-font-size","",
             width: ${tt.smallIconOnlyWidth};
             padding: unset;
         }
-    `,o.noTextSelect];var mi=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 gi{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Y.caption1medium:Y.body2medium}}xi.styles=[o.safariEllipsisFix,bi],mi([i.property({type:Boolean})],xi.prototype,"primary",void 0),mi([i.property({type:Boolean})],xi.prototype,"secondary",void 0),mi([i.property({type:Boolean})],xi.prototype,"tertiary",void 0),mi([i.property({type:Boolean})],xi.prototype,"neutral",void 0),mi([i.property({type:Boolean})],xi.prototype,"small",void 0),o.customElement("ft-button")(yi),o.customElement("ftds-button")(xi);class vi extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Oi={headerBackground:o.FtCssVariableFactory.create("--ft-filterable-table-header-background","","COLOR","whitesmoke"),oddRowBackground:o.FtCssVariableFactory.create("--ft-filterable-table-odd-row-background","","COLOR","#FFFFFF"),evenRowBackground:o.FtCssVariableFactory.create("--ft-filterable-table-even-row-background","","COLOR","#fdfdfd"),rowHoverBackground:o.FtCssVariableFactory.create("--ft-filterable-table-row-hover-background","","COLOR","#fafafa"),stickyHeaderZIndex:o.FtCssVariableFactory.create("--ft-filterable-table-sticky-header-zindex","","NUMBER","100"),cellVerticalBorderWidth:o.FtCssVariableFactory.create("--ft-filterable-table-cell-vertical-border-width","","SIZE","1px"),colorOnSurfaceHigh:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurfaceHigh,"Design system"),titleFont:o.FtCssVariableFactory.external(o.designSystemVariables.titleFont,"Design system"),contentFont:o.FtCssVariableFactory.external(o.designSystemVariables.contentFont,"Design system")},$i=e.css`
+    `,o.noTextSelect];var mi=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 gi{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Y.caption1medium:Y.body2medium}}xi.styles=[o.safariEllipsisFix,bi],mi([i.property({type:Boolean})],xi.prototype,"primary",void 0),mi([i.property({type:Boolean})],xi.prototype,"secondary",void 0),mi([i.property({type:Boolean})],xi.prototype,"tertiary",void 0),mi([i.property({type:Boolean})],xi.prototype,"neutral",void 0),mi([i.property({type:Boolean})],xi.prototype,"small",void 0),o.customElement("ft-button")(yi),o.customElement("ftds-button")(xi);class vi extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Oi={headerBackground:o.FtCssVariableFactory.create("--ft-filterable-table-header-background","","COLOR","whitesmoke"),oddRowBackground:o.FtCssVariableFactory.create("--ft-filterable-table-odd-row-background","","COLOR","#FFFFFF"),evenRowBackground:o.FtCssVariableFactory.create("--ft-filterable-table-even-row-background","","COLOR","#fdfdfd"),rowHoverBackground:o.FtCssVariableFactory.create("--ft-filterable-table-row-hover-background","","COLOR","#fafafa"),stickyHeaderZIndex:o.FtCssVariableFactory.create("--ft-filterable-table-sticky-header-zindex","","NUMBER","10"),cellVerticalBorderWidth:o.FtCssVariableFactory.create("--ft-filterable-table-cell-vertical-border-width","","SIZE","1px"),colorOnSurfaceHigh:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurfaceHigh,"Design system"),titleFont:o.FtCssVariableFactory.external(o.designSystemVariables.titleFont,"Design system"),contentFont:o.FtCssVariableFactory.external(o.designSystemVariables.contentFont,"Design system")},$i=e.css`
     :host {
         display: block;
     }