@fluid-topics/ft-filterable-table 1.0.52 → 1.0.54

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

@@ -850,7 +850,7 @@ const Be={fontSize:e.FtCssVariableFactory.create("--ft-text-field-font-size","SI
                     <slot></slot>
                 </ft-typography>
             </div>
-        `}focus(t){var e;null===(e=this.container)||void 0===e||e.focus(t)}click(){var t;null===(t=this.container)||void 0===t||t.click()}confirmSuggestion(){this.dispatchEvent(new Ae(this.getValue()))}getValue(){return this.value||this.textContent}get textContent(){return this.assignedNodes.map((t=>t.textContent)).join("").trim()}onKeyDown(t){["Enter"," "].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.confirmSuggestion())}}Me.elementDefinitions={"ft-ripple":ye,"ft-typography":ie,"ft-icon":Se},Me.styles=Ze,Fe([o.property()],Me.prototype,"value",void 0),Fe([o.query(".ft-text-field-suggestion")],Me.prototype,"container",void 0),Fe([o.queryAssignedNodes()],Me.prototype,"assignedNodes",void 0),e.customElement("ft-text-field")(Ne),e.customElement("ft-text-field-suggestion")(Me);const Re=e.FtCssVariableFactory.create("--ft-tooltip-distance","SIZE","4px"),Te=e.FtCssVariableFactory.create("--ft-tooltip-color","COLOR","#FFFFFF"),_e=e.FtCssVariableFactory.create("--ft-tooltip-background-color","COLOR","#666666"),Ue=e.FtCssVariableFactory.create("--ft-tooltip-z-index","NUMBER","1"),Pe=e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),He=e.FtCssVariableFactory.create("--ft-tooltip-max-width","SIZE","150px"),Ve=i.css`
+        `}focus(t){var e;null===(e=this.container)||void 0===e||e.focus(t)}click(){var t;null===(t=this.container)||void 0===t||t.click()}confirmSuggestion(){this.dispatchEvent(new Ae(this.getValue()))}getValue(){return this.value||this.textContent}get textContent(){return this.assignedNodes.map((t=>t.textContent)).join("").trim()}onKeyDown(t){["Enter"," "].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.confirmSuggestion())}}Me.elementDefinitions={"ft-ripple":ye,"ft-typography":ie,"ft-icon":Se},Me.styles=Ze,Fe([o.property()],Me.prototype,"value",void 0),Fe([o.query(".ft-text-field-suggestion")],Me.prototype,"container",void 0),Fe([o.queryAssignedNodes()],Me.prototype,"assignedNodes",void 0),e.customElement("ft-text-field")(Ne),e.customElement("ft-text-field-suggestion")(Me);const Re=e.FtCssVariableFactory.create("--ft-tooltip-distance","SIZE","4px"),Te=e.FtCssVariableFactory.create("--ft-tooltip-color","COLOR","#FFFFFF"),_e=e.FtCssVariableFactory.create("--ft-tooltip-background-color","COLOR","#666666"),Ue=e.FtCssVariableFactory.create("--ft-tooltip-z-index","NUMBER","100"),Pe=e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),He=e.FtCssVariableFactory.create("--ft-tooltip-max-width","SIZE","150px"),Ve=i.css`
     .ft-tooltip--container {
         display: block;
     }
@@ -897,7 +897,7 @@ const Be={fontSize:e.FtCssVariableFactory.create("--ft-text-field-font-size","SI
                     </div>
                 </div>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((e=>t.has(e)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=this.tooltip.offsetWidth,i=this.tooltip.offsetHeight,o=(t.offsetHeight-i)/2,s=(t.offsetWidth-e)/2;let n=0,l=0;switch(this.validPosition){case"top":l=t.offsetTop-i,n=t.offsetLeft+s;break;case"bottom":l=t.offsetTop+t.offsetHeight,n=t.offsetLeft+s;break;case"left":l=t.offsetTop+o,n=t.offsetLeft-e;break;case"right":l=t.offsetTop+o,n=t.offsetLeft+t.offsetWidth}const r=this.tooltip.style;r.left=this.limitValueBetween(n,0,window.innerWidth-e)+"px",r.top=this.limitValueBetween(l,0,window.innerHeight-i)+"px",r.maxWidth=`max(${t.offsetWidth}px, ${He})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}limitValueBetween(t,e,i){return Math.max(e,Math.min(t,i))}}Ke.elementDefinitions={"ft-typography":ie},Ke.styles=Ve,We([o.property()],Ke.prototype,"text",void 0),We([o.property({type:Boolean})],Ke.prototype,"manual",void 0),We([o.property({type:Boolean})],Ke.prototype,"inline",void 0),We([o.property({type:Number})],Ke.prototype,"delay",void 0),We([o.property()],Ke.prototype,"position",void 0),We([o.queryAssignedNodes("",!0)],Ke.prototype,"slotNodes",void 0),We([o.query(".ft-tooltip--container")],Ke.prototype,"container",void 0),We([o.query(".ft-tooltip")],Ke.prototype,"tooltip",void 0),We([o.query(".ft-tooltip--content")],Ke.prototype,"tooltipContent",void 0),We([o.state()],Ke.prototype,"visible",void 0),e.customElement("ft-tooltip")(Ke);const Le={color:e.FtCssVariableFactory.extend("--ft-loader-color",e.designSystemVariables.colorPrimary),size:e.FtCssVariableFactory.create("--ft-loader-size","SIZE","80px")},Ge=i.css`
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((e=>t.has(e)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=this.tooltip.offsetWidth,i=this.tooltip.offsetHeight,o=(t.offsetHeight-i)/2,s=(t.offsetWidth-e)/2;let n=0,l=0;switch(this.tooltip.style.top="0",this.tooltip.style.left="0",this.validPosition){case"top":l=t.offsetTop-i-this.tooltip.offsetTop,n=t.offsetLeft+s-this.tooltip.offsetLeft;break;case"bottom":l=t.offsetTop+t.offsetHeight-this.tooltip.offsetTop,n=t.offsetLeft+s-this.tooltip.offsetLeft;break;case"left":l=t.offsetTop+o-this.tooltip.offsetTop,n=t.offsetLeft-e-this.tooltip.offsetLeft;break;case"right":l=t.offsetTop+o-this.tooltip.offsetTop,n=t.offsetLeft+t.offsetWidth-this.tooltip.offsetLeft}const r=this.tooltip.style;r.left=n+"px",r.top=l+"px";const a=this.tooltip.getBoundingClientRect();let p=-a.x,d=a.x+a.width-window.innerWidth;r.left=n+Math.round(this.correctOutOfWindowPixels(p,d))+"px";let f=-a.y,h=a.y+a.height-window.innerHeight;r.top=l+Math.round(this.correctOutOfWindowPixels(f,h))+"px",r.maxWidth=`max(${t.offsetWidth}px, ${He})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(t,e){return Math.max(t,Math.min(0,-e))}}Ke.elementDefinitions={"ft-typography":ie},Ke.styles=Ve,We([o.property()],Ke.prototype,"text",void 0),We([o.property({type:Boolean})],Ke.prototype,"manual",void 0),We([o.property({type:Boolean})],Ke.prototype,"inline",void 0),We([o.property({type:Number})],Ke.prototype,"delay",void 0),We([o.property()],Ke.prototype,"position",void 0),We([o.queryAssignedNodes("",!0)],Ke.prototype,"slotNodes",void 0),We([o.query(".ft-tooltip--container")],Ke.prototype,"container",void 0),We([o.query(".ft-tooltip")],Ke.prototype,"tooltip",void 0),We([o.query(".ft-tooltip--content")],Ke.prototype,"tooltipContent",void 0),We([o.state()],Ke.prototype,"visible",void 0),e.customElement("ft-tooltip")(Ke);const Le={color:e.FtCssVariableFactory.extend("--ft-loader-color",e.designSystemVariables.colorPrimary),size:e.FtCssVariableFactory.create("--ft-loader-size","SIZE","80px")},Ge=i.css`
     :host {
         line-height: 0;
     }

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

@@ -965,7 +965,7 @@ const Ii={fontSize:mt.create("--ft-text-field-font-size","SIZE","14px"),labelSiz
                     <slot></slot>
                 </ft-typography>
             </div>
-        `}focus(t){var e;null===(e=this.container)||void 0===e||e.focus(t)}click(){var t;null===(t=this.container)||void 0===t||t.click()}confirmSuggestion(){this.dispatchEvent(new Zi(this.getValue()))}getValue(){return this.value||this.textContent}get textContent(){return this.assignedNodes.map((t=>t.textContent)).join("").trim()}onKeyDown(t){["Enter"," "].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.confirmSuggestion())}}Hi.elementDefinitions={"ft-ripple":Ei,"ft-typography":ci,"ft-icon":Mi},Hi.styles=Ti,_i([o()],Hi.prototype,"value",void 0),_i([r(".ft-text-field-suggestion")],Hi.prototype,"container",void 0),_i([d()],Hi.prototype,"assignedNodes",void 0),h("ft-text-field")(Li),h("ft-text-field-suggestion")(Hi);const Wi=mt.create("--ft-tooltip-distance","SIZE","4px"),Ki=mt.create("--ft-tooltip-color","COLOR","#FFFFFF"),Vi=mt.create("--ft-tooltip-background-color","COLOR","#666666"),Ji=mt.create("--ft-tooltip-z-index","NUMBER","1"),qi=mt.external(wt.borderRadiusS,"Design system"),Xi=mt.create("--ft-tooltip-max-width","SIZE","150px"),Yi=y`
+        `}focus(t){var e;null===(e=this.container)||void 0===e||e.focus(t)}click(){var t;null===(t=this.container)||void 0===t||t.click()}confirmSuggestion(){this.dispatchEvent(new Zi(this.getValue()))}getValue(){return this.value||this.textContent}get textContent(){return this.assignedNodes.map((t=>t.textContent)).join("").trim()}onKeyDown(t){["Enter"," "].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.confirmSuggestion())}}Hi.elementDefinitions={"ft-ripple":Ei,"ft-typography":ci,"ft-icon":Mi},Hi.styles=Ti,_i([o()],Hi.prototype,"value",void 0),_i([r(".ft-text-field-suggestion")],Hi.prototype,"container",void 0),_i([d()],Hi.prototype,"assignedNodes",void 0),h("ft-text-field")(Li),h("ft-text-field-suggestion")(Hi);const Wi=mt.create("--ft-tooltip-distance","SIZE","4px"),Ki=mt.create("--ft-tooltip-color","COLOR","#FFFFFF"),Vi=mt.create("--ft-tooltip-background-color","COLOR","#666666"),Ji=mt.create("--ft-tooltip-z-index","NUMBER","100"),qi=mt.external(wt.borderRadiusS,"Design system"),Xi=mt.create("--ft-tooltip-max-width","SIZE","150px"),Yi=y`
     .ft-tooltip--container {
         display: block;
     }
@@ -1012,7 +1012,7 @@ const Ii={fontSize:mt.create("--ft-text-field-font-size","SIZE","14px"),labelSiz
                     </div>
                 </div>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((e=>t.has(e)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=this.tooltip.offsetWidth,i=this.tooltip.offsetHeight,o=(t.offsetHeight-i)/2,s=(t.offsetWidth-e)/2;let n=0,r=0;switch(this.validPosition){case"top":r=t.offsetTop-i,n=t.offsetLeft+s;break;case"bottom":r=t.offsetTop+t.offsetHeight,n=t.offsetLeft+s;break;case"left":r=t.offsetTop+o,n=t.offsetLeft-e;break;case"right":r=t.offsetTop+o,n=t.offsetLeft+t.offsetWidth}const l=this.tooltip.style;l.left=this.limitValueBetween(n,0,window.innerWidth-e)+"px",l.top=this.limitValueBetween(r,0,window.innerHeight-i)+"px",l.maxWidth=`max(${t.offsetWidth}px, ${Xi})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}limitValueBetween(t,e,i){return Math.max(e,Math.min(t,i))}}Qi.elementDefinitions={"ft-typography":ci},Qi.styles=Yi,Gi([o()],Qi.prototype,"text",void 0),Gi([o({type:Boolean})],Qi.prototype,"manual",void 0),Gi([o({type:Boolean})],Qi.prototype,"inline",void 0),Gi([o({type:Number})],Qi.prototype,"delay",void 0),Gi([o()],Qi.prototype,"position",void 0),Gi([d("",!0)],Qi.prototype,"slotNodes",void 0),Gi([r(".ft-tooltip--container")],Qi.prototype,"container",void 0),Gi([r(".ft-tooltip")],Qi.prototype,"tooltip",void 0),Gi([r(".ft-tooltip--content")],Qi.prototype,"tooltipContent",void 0),Gi([s()],Qi.prototype,"visible",void 0),h("ft-tooltip")(Qi);const to={color:mt.extend("--ft-loader-color",wt.colorPrimary),size:mt.create("--ft-loader-size","SIZE","80px")},eo=y`
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((e=>t.has(e)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=this.tooltip.offsetWidth,i=this.tooltip.offsetHeight,o=(t.offsetHeight-i)/2,s=(t.offsetWidth-e)/2;let n=0,r=0;switch(this.tooltip.style.top="0",this.tooltip.style.left="0",this.validPosition){case"top":r=t.offsetTop-i-this.tooltip.offsetTop,n=t.offsetLeft+s-this.tooltip.offsetLeft;break;case"bottom":r=t.offsetTop+t.offsetHeight-this.tooltip.offsetTop,n=t.offsetLeft+s-this.tooltip.offsetLeft;break;case"left":r=t.offsetTop+o-this.tooltip.offsetTop,n=t.offsetLeft-e-this.tooltip.offsetLeft;break;case"right":r=t.offsetTop+o-this.tooltip.offsetTop,n=t.offsetLeft+t.offsetWidth-this.tooltip.offsetLeft}const l=this.tooltip.style;l.left=n+"px",l.top=r+"px";const a=this.tooltip.getBoundingClientRect();let c=-a.x,d=a.x+a.width-window.innerWidth;l.left=n+Math.round(this.correctOutOfWindowPixels(c,d))+"px";let p=-a.y,h=a.y+a.height-window.innerHeight;l.top=r+Math.round(this.correctOutOfWindowPixels(p,h))+"px",l.maxWidth=`max(${t.offsetWidth}px, ${Xi})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(t,e){return Math.max(t,Math.min(0,-e))}}Qi.elementDefinitions={"ft-typography":ci},Qi.styles=Yi,Gi([o()],Qi.prototype,"text",void 0),Gi([o({type:Boolean})],Qi.prototype,"manual",void 0),Gi([o({type:Boolean})],Qi.prototype,"inline",void 0),Gi([o({type:Number})],Qi.prototype,"delay",void 0),Gi([o()],Qi.prototype,"position",void 0),Gi([d("",!0)],Qi.prototype,"slotNodes",void 0),Gi([r(".ft-tooltip--container")],Qi.prototype,"container",void 0),Gi([r(".ft-tooltip")],Qi.prototype,"tooltip",void 0),Gi([r(".ft-tooltip--content")],Qi.prototype,"tooltipContent",void 0),Gi([s()],Qi.prototype,"visible",void 0),h("ft-tooltip")(Qi);const to={color:mt.extend("--ft-loader-color",wt.colorPrimary),size:mt.create("--ft-loader-size","SIZE","80px")},eo=y`
     :host {
         line-height: 0;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-filterable-table",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "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": "1.0.52",
-    "@fluid-topics/ft-select": "1.0.52",
-    "@fluid-topics/ft-text-field": "1.0.52",
-    "@fluid-topics/ft-wc-utils": "1.0.52",
+    "@fluid-topics/ft-button": "1.0.54",
+    "@fluid-topics/ft-select": "1.0.54",
+    "@fluid-topics/ft-text-field": "1.0.54",
+    "@fluid-topics/ft-wc-utils": "1.0.54",
     "lit": "2.7.2"
   },
-  "gitHead": "e5ca580eaeb1a17693fa8f2cf59fbdca412bf7d0"
+  "gitHead": "d1045741e4bd9965f6a8319b4df0534b7eec46ba"
 }