@fluid-topics/ft-filterable-table 0.3.16 → 0.3.17

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

@@ -995,7 +995,7 @@ const U=Symbol.for(""),H=t=>{if((null==t?void 0:t.r)===U)return null==t?void 0:t
             ${e.setVariable(_e.size,Pe.iconSize)};
             ${e.setVariable(_e.color,"var(--ft-button-internal-color)")};
         }
-    `];var qe=function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,r=t.length-1;r>=0;r--)(n=t[r])&&(s=(l<3?n(s):l>3?n(e,i,s):n(e,i))||s);return l>3&&s&&Object.defineProperty(e,i,s),s};class Xe 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=ye.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!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-button--safari-fix":e.isSafari,"ft-no-text-select":!0};return this.addTooltipIfNeeded(i.html`
+    `];var qe=function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,r=t.length-1;r>=0;r--)(n=t[r])&&(s=(l<3?n(s):l>3?n(e,i,s):n(e,i))||s);return l>3&&s&&Object.defineProperty(e,i,s),s};class Xe 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=ye.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-button--safari-fix":e.isSafari,"ft-no-text-select":!0};return this.addTooltipIfNeeded(i.html`
             <button part="button"
                     class="${s.classMap(t)}"
                     aria-label="${this.getLabel()}"
@@ -1009,15 +1009,15 @@ const U=Symbol.for(""),H=t=>{if((null==t?void 0:t.r)===U)return null==t?void 0:t
                 </ft-typography>
                 ${this.resolveIcon()}
             </button>
-        `)}addTooltipIfNeeded(t){return this.hasTextContent()||0===this.getLabel().trim().length||this.hideTooltip?t:i.html`
+        `)}addTooltipIfNeeded(t){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?i.html`
                     <ft-tooltip part="tooltip"
                                 text="${this.getLabel()}"
                                 position="${this.tooltipPosition}">
                         ${t}
                     </ft-tooltip>
-                `}resolveIcon(){return this.loading?i.html`
+                `: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}}Xe.elementDefinitions={"ft-ripple":be,"ft-tooltip":Me,"ft-typography":Qt,"ft-icon":$e,"ft-loader":He},Xe.styles=Ve,qe([o.property({type:Boolean})],Xe.prototype,"primary",void 0),qe([o.property({type:Boolean})],Xe.prototype,"outlined",void 0),qe([o.property({type:Boolean})],Xe.prototype,"disabled",void 0),qe([o.property({type:Boolean})],Xe.prototype,"dense",void 0),qe([o.property({type:Boolean})],Xe.prototype,"round",void 0),qe([o.property({type:String})],Xe.prototype,"label",void 0),qe([o.property({type:String})],Xe.prototype,"icon",void 0),qe([o.property({type:String})],Xe.prototype,"iconVariant",void 0),qe([o.property({type:Boolean})],Xe.prototype,"trailingIcon",void 0),qe([o.property({type:Boolean})],Xe.prototype,"loading",void 0),qe([o.property({type:String})],Xe.prototype,"tooltipPosition",void 0),qe([o.property({type:Boolean})],Xe.prototype,"hideTooltip",void 0),qe([o.query(".ft-button")],Xe.prototype,"button",void 0),qe([o.query(".ft-button--label slot")],Xe.prototype,"slottedContent",void 0),e.customElement("ft-button")(Xe);class Ye extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Je={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"),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")},Qe=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}}Xe.elementDefinitions={"ft-ripple":be,"ft-tooltip":Me,"ft-typography":Qt,"ft-icon":$e,"ft-loader":He},Xe.styles=Ve,qe([o.property({type:Boolean})],Xe.prototype,"primary",void 0),qe([o.property({type:Boolean})],Xe.prototype,"outlined",void 0),qe([o.property({type:Boolean})],Xe.prototype,"disabled",void 0),qe([o.property({type:Boolean})],Xe.prototype,"dense",void 0),qe([o.property({type:Boolean})],Xe.prototype,"round",void 0),qe([o.property({type:String})],Xe.prototype,"label",void 0),qe([o.property({type:String})],Xe.prototype,"icon",void 0),qe([o.property({type:String})],Xe.prototype,"iconVariant",void 0),qe([o.property({type:Boolean})],Xe.prototype,"trailingIcon",void 0),qe([o.property({type:Boolean})],Xe.prototype,"loading",void 0),qe([o.property({type:String})],Xe.prototype,"tooltipPosition",void 0),qe([o.property({type:Boolean})],Xe.prototype,"hideTooltip",void 0),qe([o.property({type:Boolean})],Xe.prototype,"forceTooltip",void 0),qe([o.query(".ft-button")],Xe.prototype,"button",void 0),qe([o.query(".ft-button--label slot")],Xe.prototype,"slottedContent",void 0),e.customElement("ft-button")(Xe);class Ye extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Je={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"),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")},Qe=i.css`
     :host {
         display: block;
     }

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

@@ -1110,7 +1110,7 @@ function(t,e,i){let o,n=t;return"object"==typeof t?(n=t.slot,o=t):o={flatten:e},
             ${ht(ji.size,Ii.iconSize)};
             ${ht(ji.color,"var(--ft-button-internal-color)")};
         }
-    `];var Zi=function(t,e,i,o){for(var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};class Ki extends vt{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=bi.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!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-button--safari-fix":$t,"ft-no-text-select":!0};return this.addTooltipIfNeeded(W`
+    `];var Zi=function(t,e,i,o){for(var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};class Ki extends vt{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=bi.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-button--safari-fix":$t,"ft-no-text-select":!0};return this.addTooltipIfNeeded(W`
             <button part="button"
                     class="${jt(t)}"
                     aria-label="${this.getLabel()}"
@@ -1124,15 +1124,15 @@ function(t,e,i){let o,n=t;return"object"==typeof t?(n=t.slot,o=t):o={flatten:e},
                 </ft-typography>
                 ${this.resolveIcon()}
             </button>
-        `)}addTooltipIfNeeded(t){return this.hasTextContent()||0===this.getLabel().trim().length||this.hideTooltip?t:W`
+        `)}addTooltipIfNeeded(t){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?W`
                     <ft-tooltip part="tooltip"
                                 text="${this.getLabel()}"
                                 position="${this.tooltipPosition}">
                         ${t}
                     </ft-tooltip>
-                `}resolveIcon(){return this.loading?W`
+                `:t}resolveIcon(){return this.loading?W`
                 <ft-loader></ft-loader> `:this.icon?W`
-                        <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:K}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}}Ki.elementDefinitions={"ft-ripple":fi,"ft-tooltip":Di,"ft-typography":qe,"ft-icon":xi,"ft-loader":Ti},Ki.styles=Wi,Zi([o({type:Boolean})],Ki.prototype,"primary",void 0),Zi([o({type:Boolean})],Ki.prototype,"outlined",void 0),Zi([o({type:Boolean})],Ki.prototype,"disabled",void 0),Zi([o({type:Boolean})],Ki.prototype,"dense",void 0),Zi([o({type:Boolean})],Ki.prototype,"round",void 0),Zi([o({type:String})],Ki.prototype,"label",void 0),Zi([o({type:String})],Ki.prototype,"icon",void 0),Zi([o({type:String})],Ki.prototype,"iconVariant",void 0),Zi([o({type:Boolean})],Ki.prototype,"trailingIcon",void 0),Zi([o({type:Boolean})],Ki.prototype,"loading",void 0),Zi([o({type:String})],Ki.prototype,"tooltipPosition",void 0),Zi([o({type:Boolean})],Ki.prototype,"hideTooltip",void 0),Zi([r(".ft-button")],Ki.prototype,"button",void 0),Zi([r(".ft-button--label slot")],Ki.prototype,"slottedContent",void 0),p("ft-button")(Ki);class Vi extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Ji={headerBackground:ft.create("--ft-filterable-table-header-background","COLOR","whitesmoke"),oddRowBackground:ft.create("--ft-filterable-table-odd-row-background","COLOR","#FFFFFF"),evenRowBackground:ft.create("--ft-filterable-table-even-row-background","COLOR","#fdfdfd"),rowHoverBackground:ft.create("--ft-filterable-table-row-hover-background","COLOR","#fafafa"),stickyHeaderZIndex:ft.create("--ft-filterable-table-sticky-header-zindex","NUMBER","100"),colorOnSurfaceHigh:ft.external(ut.colorOnSurfaceHigh,"Design system"),titleFont:ft.external(ut.titleFont,"Design system"),contentFont:ft.external(ut.contentFont,"Design system")},qi=b`
+                        <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:K}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}}Ki.elementDefinitions={"ft-ripple":fi,"ft-tooltip":Di,"ft-typography":qe,"ft-icon":xi,"ft-loader":Ti},Ki.styles=Wi,Zi([o({type:Boolean})],Ki.prototype,"primary",void 0),Zi([o({type:Boolean})],Ki.prototype,"outlined",void 0),Zi([o({type:Boolean})],Ki.prototype,"disabled",void 0),Zi([o({type:Boolean})],Ki.prototype,"dense",void 0),Zi([o({type:Boolean})],Ki.prototype,"round",void 0),Zi([o({type:String})],Ki.prototype,"label",void 0),Zi([o({type:String})],Ki.prototype,"icon",void 0),Zi([o({type:String})],Ki.prototype,"iconVariant",void 0),Zi([o({type:Boolean})],Ki.prototype,"trailingIcon",void 0),Zi([o({type:Boolean})],Ki.prototype,"loading",void 0),Zi([o({type:String})],Ki.prototype,"tooltipPosition",void 0),Zi([o({type:Boolean})],Ki.prototype,"hideTooltip",void 0),Zi([o({type:Boolean})],Ki.prototype,"forceTooltip",void 0),Zi([r(".ft-button")],Ki.prototype,"button",void 0),Zi([r(".ft-button--label slot")],Ki.prototype,"slottedContent",void 0),p("ft-button")(Ki);class Vi extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Ji={headerBackground:ft.create("--ft-filterable-table-header-background","COLOR","whitesmoke"),oddRowBackground:ft.create("--ft-filterable-table-odd-row-background","COLOR","#FFFFFF"),evenRowBackground:ft.create("--ft-filterable-table-even-row-background","COLOR","#fdfdfd"),rowHoverBackground:ft.create("--ft-filterable-table-row-hover-background","COLOR","#fafafa"),stickyHeaderZIndex:ft.create("--ft-filterable-table-sticky-header-zindex","NUMBER","100"),colorOnSurfaceHigh:ft.external(ut.colorOnSurfaceHigh,"Design system"),titleFont:ft.external(ut.titleFont,"Design system"),contentFont:ft.external(ut.contentFont,"Design system")},qi=b`
     :host {
         display: block;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-filterable-table",
-  "version": "0.3.16",
+  "version": "0.3.17",
   "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.16",
-    "@fluid-topics/ft-select": "0.3.16",
-    "@fluid-topics/ft-text-field": "0.3.16",
-    "@fluid-topics/ft-wc-utils": "0.3.16",
+    "@fluid-topics/ft-button": "0.3.17",
+    "@fluid-topics/ft-select": "0.3.17",
+    "@fluid-topics/ft-text-field": "0.3.17",
+    "@fluid-topics/ft-wc-utils": "0.3.17",
     "lit": "2.2.8"
   },
-  "gitHead": "0d05a101f09cb5819ee10930772a873e7e0cc87b"
+  "gitHead": "35c3683874910a6b132930ac8f7dd1ede0294f28"
 }