@fluid-topics/ft-filterable-table 0.3.61 → 0.3.63

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

@@ -769,7 +769,11 @@ const Ee={fontSize:e.FtCssVariableFactory.create("--ft-text-field-font-size","SI
                         ${this.outlined?i.nothing:i.html`
                             <ft-ripple ?disabled=${this.disabled} activated></ft-ripple>
                         `}
-                        <ft-typography class="ft-text-field--prefix" vaiant="body1">${this.prefix}</ft-typography>
+                        ${this.prefix?i.html`
+                                    <ft-typography class="ft-text-field--prefix" vaiant="body1">
+                                        ${this.prefix}
+                                    </ft-typography>
+                                `:i.nothing}
                         <input type="text"
                                maxlength=${(t=>null!=t?t:C)(this.maxLength||void 0)}
                                aria-label="${this.label}"
@@ -1085,7 +1089,7 @@ const Ee={fontSize:e.FtCssVariableFactory.create("--ft-text-field-font-size","SI
             ${e.setVariable(Le.size,qe.iconSize)};
             ${e.setVariable(Le.color,"var(--ft-button-internal-color)")};
         }
-    `];var ti=function(t,e,i,o){for(var s,n=arguments.length,l=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,r=t.length-1;r>=0;r--)(s=t[r])&&(l=(n<3?s(l):n>3?s(e,i,l):s(e,i))||l);return n>3&&l&&Object.defineProperty(e,i,l),l};class ei extends e.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=me.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0};return this.addTooltipIfNeeded(i.html`
+    `];var ti=function(t,e,i,o){for(var s,n=arguments.length,l=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,r=t.length-1;r>=0;r--)(s=t[r])&&(l=(n<3?s(l):n>3?s(e,i,l):s(e,i))||l);return n>3&&l&&Object.defineProperty(e,i,l),l};class ei extends e.FtLitElement{constructor(){super(...arguments),this.role="button",this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=me.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0};return this.addTooltipIfNeeded(i.html`
             <button part="button"
                     class="${l.classMap(t)}"
                     aria-label="${this.getLabel()}"
@@ -1108,7 +1112,7 @@ const Ee={fontSize:e.FtCssVariableFactory.create("--ft-text-field-font-size","SI
                     </ft-tooltip>
                 `:t}resolveIcon(){return this.loading?i.html`
                 <ft-loader></ft-loader> `:this.icon?i.html`
-                        <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:i.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}ei.elementDefinitions={"ft-ripple":be,"ft-tooltip":Ke,"ft-typography":te,"ft-icon":we,"ft-loader":Ve},ei.styles=[e.safariEllipsisFix,Qe],ti([o.property({type:Boolean})],ei.prototype,"primary",void 0),ti([o.property({type:Boolean})],ei.prototype,"outlined",void 0),ti([o.property({type:Boolean})],ei.prototype,"disabled",void 0),ti([o.property({type:Boolean})],ei.prototype,"dense",void 0),ti([o.property({type:Boolean})],ei.prototype,"round",void 0),ti([o.property({type:String})],ei.prototype,"label",void 0),ti([o.property({type:String})],ei.prototype,"icon",void 0),ti([o.property({type:String})],ei.prototype,"iconVariant",void 0),ti([o.property({type:Boolean})],ei.prototype,"trailingIcon",void 0),ti([o.property({type:Boolean})],ei.prototype,"loading",void 0),ti([o.property({type:String})],ei.prototype,"tooltipPosition",void 0),ti([o.property({type:Boolean})],ei.prototype,"hideTooltip",void 0),ti([o.property({type:Boolean})],ei.prototype,"forceTooltip",void 0),ti([o.query(".ft-button")],ei.prototype,"button",void 0),ti([o.query(".ft-button--label slot")],ei.prototype,"slottedContent",void 0),e.customElement("ft-button")(ei);class ii extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const oi={headerBackground:e.FtCssVariableFactory.create("--ft-filterable-table-header-background","COLOR","whitesmoke"),oddRowBackground:e.FtCssVariableFactory.create("--ft-filterable-table-odd-row-background","COLOR","#FFFFFF"),evenRowBackground:e.FtCssVariableFactory.create("--ft-filterable-table-even-row-background","COLOR","#fdfdfd"),rowHoverBackground:e.FtCssVariableFactory.create("--ft-filterable-table-row-hover-background","COLOR","#fafafa"),stickyHeaderZIndex:e.FtCssVariableFactory.create("--ft-filterable-table-sticky-header-zindex","NUMBER","100"),cellVerticalBorderWidth:e.FtCssVariableFactory.create("--ft-filterable-table-cell-vertical-border-width","SIZE","1px"),colorOnSurfaceHigh:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceHigh,"Design system"),titleFont:e.FtCssVariableFactory.external(e.designSystemVariables.titleFont,"Design system"),contentFont:e.FtCssVariableFactory.external(e.designSystemVariables.contentFont,"Design system")},si=i.css`
+                        <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:i.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}ei.elementDefinitions={"ft-ripple":be,"ft-tooltip":Ke,"ft-typography":te,"ft-icon":we,"ft-loader":Ve},ei.styles=[e.safariEllipsisFix,Qe],ti([o.property({type:String,reflect:!0})],ei.prototype,"role",void 0),ti([o.property({type:Boolean})],ei.prototype,"primary",void 0),ti([o.property({type:Boolean})],ei.prototype,"outlined",void 0),ti([o.property({type:Boolean})],ei.prototype,"disabled",void 0),ti([o.property({type:Boolean})],ei.prototype,"dense",void 0),ti([o.property({type:Boolean})],ei.prototype,"round",void 0),ti([o.property({type:String})],ei.prototype,"label",void 0),ti([o.property({type:String})],ei.prototype,"icon",void 0),ti([o.property({type:String})],ei.prototype,"iconVariant",void 0),ti([o.property({type:Boolean})],ei.prototype,"trailingIcon",void 0),ti([o.property({type:Boolean})],ei.prototype,"loading",void 0),ti([o.property({type:String})],ei.prototype,"tooltipPosition",void 0),ti([o.property({type:Boolean})],ei.prototype,"hideTooltip",void 0),ti([o.property({type:Boolean})],ei.prototype,"forceTooltip",void 0),ti([o.query(".ft-button")],ei.prototype,"button",void 0),ti([o.query(".ft-button--label slot")],ei.prototype,"slottedContent",void 0),e.customElement("ft-button")(ei);class ii extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const oi={headerBackground:e.FtCssVariableFactory.create("--ft-filterable-table-header-background","COLOR","whitesmoke"),oddRowBackground:e.FtCssVariableFactory.create("--ft-filterable-table-odd-row-background","COLOR","#FFFFFF"),evenRowBackground:e.FtCssVariableFactory.create("--ft-filterable-table-even-row-background","COLOR","#fdfdfd"),rowHoverBackground:e.FtCssVariableFactory.create("--ft-filterable-table-row-hover-background","COLOR","#fafafa"),stickyHeaderZIndex:e.FtCssVariableFactory.create("--ft-filterable-table-sticky-header-zindex","NUMBER","100"),cellVerticalBorderWidth:e.FtCssVariableFactory.create("--ft-filterable-table-cell-vertical-border-width","SIZE","1px"),colorOnSurfaceHigh:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceHigh,"Design system"),titleFont:e.FtCssVariableFactory.external(e.designSystemVariables.titleFont,"Design system"),contentFont:e.FtCssVariableFactory.external(e.designSystemVariables.contentFont,"Design system")},si=i.css`
     :host {
         display: block;
     }

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

@@ -894,7 +894,11 @@ const Ri={fontSize:gt.create("--ft-text-field-font-size","SIZE","14px"),labelSiz
                         ${this.outlined?G:X`
                             <ft-ripple ?disabled=${this.disabled} activated></ft-ripple>
                         `}
-                        <ft-typography class="ft-text-field--prefix" vaiant="body1">${this.prefix}</ft-typography>
+                        ${this.prefix?X`
+                                    <ft-typography class="ft-text-field--prefix" vaiant="body1">
+                                        ${this.prefix}
+                                    </ft-typography>
+                                `:G}
                         <input type="text"
                                maxlength=${(t=>null!=t?t:G)(this.maxLength||void 0)}
                                aria-label="${this.label}"
@@ -1210,7 +1214,7 @@ const Ri={fontSize:gt.create("--ft-text-field-font-size","SIZE","14px"),labelSiz
             ${yt(Vi.size,Yi.iconSize)};
             ${yt(Vi.color,"var(--ft-button-internal-color)")};
         }
-    `];var io=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class oo extends wt{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=wi.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0};return this.addTooltipIfNeeded(X`
+    `];var io=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class oo extends wt{constructor(){super(...arguments),this.role="button",this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=wi.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0};return this.addTooltipIfNeeded(X`
             <button part="button"
                     class="${Wt(t)}"
                     aria-label="${this.getLabel()}"
@@ -1233,7 +1237,7 @@ const Ri={fontSize:gt.create("--ft-text-field-font-size","SIZE","14px"),labelSiz
                     </ft-tooltip>
                 `:t}resolveIcon(){return this.loading?X`
                 <ft-loader></ft-loader> `:this.icon?X`
-                        <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:G}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}oo.elementDefinitions={"ft-ripple":yi,"ft-tooltip":Ki,"ft-typography":ii,"ft-icon":Si,"ft-loader":qi},oo.styles=[St,eo],io([o({type:Boolean})],oo.prototype,"primary",void 0),io([o({type:Boolean})],oo.prototype,"outlined",void 0),io([o({type:Boolean})],oo.prototype,"disabled",void 0),io([o({type:Boolean})],oo.prototype,"dense",void 0),io([o({type:Boolean})],oo.prototype,"round",void 0),io([o({type:String})],oo.prototype,"label",void 0),io([o({type:String})],oo.prototype,"icon",void 0),io([o({type:String})],oo.prototype,"iconVariant",void 0),io([o({type:Boolean})],oo.prototype,"trailingIcon",void 0),io([o({type:Boolean})],oo.prototype,"loading",void 0),io([o({type:String})],oo.prototype,"tooltipPosition",void 0),io([o({type:Boolean})],oo.prototype,"hideTooltip",void 0),io([o({type:Boolean})],oo.prototype,"forceTooltip",void 0),io([r(".ft-button")],oo.prototype,"button",void 0),io([r(".ft-button--label slot")],oo.prototype,"slottedContent",void 0),f("ft-button")(oo);class so extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const no={headerBackground:gt.create("--ft-filterable-table-header-background","COLOR","whitesmoke"),oddRowBackground:gt.create("--ft-filterable-table-odd-row-background","COLOR","#FFFFFF"),evenRowBackground:gt.create("--ft-filterable-table-even-row-background","COLOR","#fdfdfd"),rowHoverBackground:gt.create("--ft-filterable-table-row-hover-background","COLOR","#fafafa"),stickyHeaderZIndex:gt.create("--ft-filterable-table-sticky-header-zindex","NUMBER","100"),cellVerticalBorderWidth:gt.create("--ft-filterable-table-cell-vertical-border-width","SIZE","1px"),colorOnSurfaceHigh:gt.external(mt.colorOnSurfaceHigh,"Design system"),titleFont:gt.external(mt.titleFont,"Design system"),contentFont:gt.external(mt.contentFont,"Design system")},ro=y`
+                        <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:G}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}oo.elementDefinitions={"ft-ripple":yi,"ft-tooltip":Ki,"ft-typography":ii,"ft-icon":Si,"ft-loader":qi},oo.styles=[St,eo],io([o({type:String,reflect:!0})],oo.prototype,"role",void 0),io([o({type:Boolean})],oo.prototype,"primary",void 0),io([o({type:Boolean})],oo.prototype,"outlined",void 0),io([o({type:Boolean})],oo.prototype,"disabled",void 0),io([o({type:Boolean})],oo.prototype,"dense",void 0),io([o({type:Boolean})],oo.prototype,"round",void 0),io([o({type:String})],oo.prototype,"label",void 0),io([o({type:String})],oo.prototype,"icon",void 0),io([o({type:String})],oo.prototype,"iconVariant",void 0),io([o({type:Boolean})],oo.prototype,"trailingIcon",void 0),io([o({type:Boolean})],oo.prototype,"loading",void 0),io([o({type:String})],oo.prototype,"tooltipPosition",void 0),io([o({type:Boolean})],oo.prototype,"hideTooltip",void 0),io([o({type:Boolean})],oo.prototype,"forceTooltip",void 0),io([r(".ft-button")],oo.prototype,"button",void 0),io([r(".ft-button--label slot")],oo.prototype,"slottedContent",void 0),f("ft-button")(oo);class so extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const no={headerBackground:gt.create("--ft-filterable-table-header-background","COLOR","whitesmoke"),oddRowBackground:gt.create("--ft-filterable-table-odd-row-background","COLOR","#FFFFFF"),evenRowBackground:gt.create("--ft-filterable-table-even-row-background","COLOR","#fdfdfd"),rowHoverBackground:gt.create("--ft-filterable-table-row-hover-background","COLOR","#fafafa"),stickyHeaderZIndex:gt.create("--ft-filterable-table-sticky-header-zindex","NUMBER","100"),cellVerticalBorderWidth:gt.create("--ft-filterable-table-cell-vertical-border-width","SIZE","1px"),colorOnSurfaceHigh:gt.external(mt.colorOnSurfaceHigh,"Design system"),titleFont:gt.external(mt.titleFont,"Design system"),contentFont:gt.external(mt.contentFont,"Design system")},ro=y`
     :host {
         display: block;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-filterable-table",
-  "version": "0.3.61",
+  "version": "0.3.63",
   "description": "A dynamic table with filters",
   "keywords": [
     "Lit"
@@ -22,11 +22,11 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "0.3.61",
-    "@fluid-topics/ft-select": "0.3.61",
-    "@fluid-topics/ft-text-field": "0.3.61",
-    "@fluid-topics/ft-wc-utils": "0.3.61",
+    "@fluid-topics/ft-button": "0.3.63",
+    "@fluid-topics/ft-select": "0.3.63",
+    "@fluid-topics/ft-text-field": "0.3.63",
+    "@fluid-topics/ft-wc-utils": "0.3.63",
     "lit": "2.2.8"
   },
-  "gitHead": "12a4024fb3084b17772a3aef10723d22ae56c877"
+  "gitHead": "0f9703a51261fa203c190b1852718e829ae31b7c"
 }