@fluid-topics/ft-filterable-table 1.1.48 → 1.1.49

package/build/ft-filterable-table.js

@@ -130,7 +130,7 @@ class FtFilterableTable extends FtLitElement {
     renderColumnSort(column, index) {
         var _a;
         const isSorted = this.currentSort && this.currentSort.column === index;
-        const sortIcon = isSorted ? (this.currentSort.order === "asc" ? "expand_more" : "expand_less") : "unfold_more";
+        const sortIcon = isSorted ? (this.currentSort.order === "asc" ? "expand_less" : "expand_more") : "unfold_more";
         const sort = () => {
             var _a;
             this.currentSort = {

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

@@ -428,7 +428,7 @@ const P=Symbol.for(""),j=t=>{if(t?.r===P)return t?._$litStatic$},M=t=>({_$litSta
                 ${n.unsafeHTML(this.resolvedIcon)}
                 <slot ?hidden=${o}></slot>
             </i>
-        `}get textContent(){var t,o;return null!==(o=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==o?o:""}update(t){super.update(t),["value","variant"].some((o=>t.has(o)))&&this.resolveIcon()}resolveIcon(){var t,o;let i=this.value||this.textContent;switch(this.variant){case ko.file_format:this.resolvedIcon=null!==(t=So[i.replace("-","_").toUpperCase()])&&void 0!==t?t:i;break;case ko.material:this.resolvedIcon=this.value||e.nothing;break;default:this.resolvedIcon=null!==(o=$o[i.replace("-","_").toUpperCase()])&&void 0!==o?o:i}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Uo.elementDefinitions={},Uo.styles=Eo,Wo([i.property()],Uo.prototype,"variant",void 0),Wo([i.property()],Uo.prototype,"value",void 0),Wo([i.state()],Uo.prototype,"resolvedIcon",void 0),Wo([i.query("slot")],Uo.prototype,"slottedContent",void 0),o.customElement("ft-icon")(Uo);const Ro={labelSize:o.FtCssVariableFactory.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:o.FtCssVariableFactory.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:o.FtCssVariableFactory.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:o.FtCssVariableFactory.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:o.FtCssVariableFactory.create("--ft-select-options-height","","SIZE","unset"),selectedOptionColor:o.FtCssVariableFactory.extend("--ft-select-selected-option-color","",o.designSystemVariables.colorOnSurface),helperColor:o.FtCssVariableFactory.extend("--ft-select-helper-color","",o.designSystemVariables.colorOnSurfaceMedium),optionsColor:o.FtCssVariableFactory.extend("--ft-select-options-color","",o.designSystemVariables.colorOnSurface),optionsZIndex:o.FtCssVariableFactory.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:o.FtCssVariableFactory.external(o.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:o.FtCssVariableFactory.external(o.designSystemVariables.borderRadiusS,"Design system"),elevation02:o.FtCssVariableFactory.external(o.designSystemVariables.elevation02,"Design system"),colorError:o.FtCssVariableFactory.external(o.designSystemVariables.colorError,"Design system")},zo=e.css`
+        `}get textContent(){var t,o;return null!==(o=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==o?o:""}update(t){super.update(t),["value","variant"].some((o=>t.has(o)))&&this.resolveIcon()}resolveIcon(){var t,o;let i=this.value||this.textContent;switch(this.variant){case ko.file_format:this.resolvedIcon=null!==(t=So[i.replace("-","_").toUpperCase()])&&void 0!==t?t:i;break;case ko.material:this.resolvedIcon=this.value||e.nothing;break;default:this.resolvedIcon=null!==(o=$o[i.replace("-","_").toUpperCase()])&&void 0!==o?o:i}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Uo.elementDefinitions={},Uo.styles=Eo,Wo([i.property()],Uo.prototype,"variant",void 0),Wo([i.property()],Uo.prototype,"value",void 0),Wo([i.state()],Uo.prototype,"resolvedIcon",void 0),Wo([i.query("slot")],Uo.prototype,"slottedContent",void 0),o.customElement("ft-icon")(Uo);const Ro={labelSize:o.FtCssVariableFactory.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:o.FtCssVariableFactory.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:o.FtCssVariableFactory.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:o.FtCssVariableFactory.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:o.FtCssVariableFactory.create("--ft-select-options-height","","SIZE","70vh"),selectedOptionColor:o.FtCssVariableFactory.extend("--ft-select-selected-option-color","",o.designSystemVariables.colorOnSurface),helperColor:o.FtCssVariableFactory.extend("--ft-select-helper-color","",o.designSystemVariables.colorOnSurfaceMedium),optionsColor:o.FtCssVariableFactory.extend("--ft-select-options-color","",o.designSystemVariables.colorOnSurface),optionsZIndex:o.FtCssVariableFactory.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:o.FtCssVariableFactory.external(o.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:o.FtCssVariableFactory.external(o.designSystemVariables.borderRadiusS,"Design system"),elevation02:o.FtCssVariableFactory.external(o.designSystemVariables.elevation02,"Design system"),colorError:o.FtCssVariableFactory.external(o.designSystemVariables.colorError,"Design system")},zo=e.css`
     *:focus {
         outline: none;
     }
@@ -1474,10 +1474,6 @@ const Be={fontSize:o.FtCssVariableFactory.create("--ft-text-field-font-size","",
     .row:last-of-type .cell:last-of-type {
         border-radius: 0 0 .5rem 0;
     }
-
-    .hidden {
-        visibility: hidden;
-    }
 `;var wi=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};const Ci=t=>e.html`${t}`,Ii=(t,o)=>t-o,Ei=t=>""+t;class ki extends o.FtLitElement{constructor(){super(...arguments),this.data=[],this.columns=[],this.stickyHeaders=!1,this.disableDataManipulation=!1,this.filters=[],this.filterOptions=[]}init(t,o,e){this.data=t,this.columns=o,this.sort=e}render(){let t=this.sortData(this.filterData());return e.html`
             <style>
                 .table {
@@ -1507,7 +1503,7 @@ const Be={fontSize:o.FtCssVariableFactory.create("--ft-text-field-font-size","",
                 </div>
                 ${this.renderColumnFilter(t,o)}
             </div>
-        `}renderColumnSort(t,o){var i;const r=this.currentSort&&this.currentSort.column===o,n=r?"asc"===this.currentSort.order?"expand_more":"expand_less":"unfold_more";return null===(i=t.sortable)||void 0===i||i?e.html`
+        `}renderColumnSort(t,o){var i;const r=this.currentSort&&this.currentSort.column===o,n=r?"asc"===this.currentSort.order?"expand_less":"expand_more":"unfold_more";return null===(i=t.sortable)||void 0===i||i?e.html`
             <ft-button
                 round
                 dense

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

@@ -596,7 +596,7 @@ const sl=Symbol.for(""),cl=t=>{if(t?.r===sl)return t?._$litStatic$},fl=t=>({_$li
                 ${Je(this.resolvedIcon)}
                 <slot ?hidden=${e}></slot>
             </i>
-        `}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case Ds.file_format:this.resolvedIcon=null!==(t=Fs[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ds.material:this.resolvedIcon=this.value||te;break;default:this.resolvedIcon=null!==(e=Bs[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Ks.elementDefinitions={},Ks.styles=_s,Ps([we()],Ks.prototype,"variant",void 0),Ps([we()],Ks.prototype,"value",void 0),Ps([Se()],Ks.prototype,"resolvedIcon",void 0),Ps([$e("slot")],Ks.prototype,"slottedContent",void 0),uo("ft-icon")(Ks);const Ms={labelSize:xo.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:xo.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:xo.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:xo.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:xo.create("--ft-select-options-height","","SIZE","unset"),selectedOptionColor:xo.extend("--ft-select-selected-option-color","",vi.colorOnSurface),helperColor:xo.extend("--ft-select-helper-color","",vi.colorOnSurfaceMedium),optionsColor:xo.extend("--ft-select-options-color","",vi.colorOnSurface),optionsZIndex:xo.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:xo.external(vi.colorSurface,"Design system"),colorOnSurfaceDisabled:xo.external(vi.colorOnSurfaceDisabled,"Design system"),colorPrimary:xo.external(vi.colorPrimary,"Design system"),borderRadiusS:xo.external(vi.borderRadiusS,"Design system"),elevation02:xo.external(vi.elevation02,"Design system"),colorError:xo.external(vi.colorError,"Design system")},Hs=dt`
+        `}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case Ds.file_format:this.resolvedIcon=null!==(t=Fs[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ds.material:this.resolvedIcon=this.value||te;break;default:this.resolvedIcon=null!==(e=Bs[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Ks.elementDefinitions={},Ks.styles=_s,Ps([we()],Ks.prototype,"variant",void 0),Ps([we()],Ks.prototype,"value",void 0),Ps([Se()],Ks.prototype,"resolvedIcon",void 0),Ps([$e("slot")],Ks.prototype,"slottedContent",void 0),uo("ft-icon")(Ks);const Ms={labelSize:xo.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:xo.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:xo.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:xo.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:xo.create("--ft-select-options-height","","SIZE","70vh"),selectedOptionColor:xo.extend("--ft-select-selected-option-color","",vi.colorOnSurface),helperColor:xo.extend("--ft-select-helper-color","",vi.colorOnSurfaceMedium),optionsColor:xo.extend("--ft-select-options-color","",vi.colorOnSurface),optionsZIndex:xo.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:xo.external(vi.colorSurface,"Design system"),colorOnSurfaceDisabled:xo.external(vi.colorOnSurfaceDisabled,"Design system"),colorPrimary:xo.external(vi.colorPrimary,"Design system"),borderRadiusS:xo.external(vi.borderRadiusS,"Design system"),elevation02:xo.external(vi.elevation02,"Design system"),colorError:xo.external(vi.colorError,"Design system")},Hs=dt`
     *:focus {
         outline: none;
     }
@@ -1642,10 +1642,6 @@ const qs={fontSize:xo.create("--ft-text-field-font-size","","SIZE","14px"),label
     .row:last-of-type .cell:last-of-type {
         border-radius: 0 0 .5rem 0;
     }
-
-    .hidden {
-        visibility: hidden;
-    }
 `;var Bc=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};const Fc=t=>Jt`${t}`,Ac=(t,e)=>t-e,jc=t=>""+t;class Zc extends jr{constructor(){super(...arguments),this.data=[],this.columns=[],this.stickyHeaders=!1,this.disableDataManipulation=!1,this.filters=[],this.filterOptions=[]}init(t,e,o){this.data=t,this.columns=e,this.sort=o}render(){let t=this.sortData(this.filterData());return Jt`
             <style>
                 .table {
@@ -1675,7 +1671,7 @@ const qs={fontSize:xo.create("--ft-text-field-font-size","","SIZE","14px"),label
                 </div>
                 ${this.renderColumnFilter(t,e)}
             </div>
-        `}renderColumnSort(t,e){var o;const i=this.currentSort&&this.currentSort.column===e,r=i?"asc"===this.currentSort.order?"expand_more":"expand_less":"unfold_more";return null===(o=t.sortable)||void 0===o||o?Jt`
+        `}renderColumnSort(t,e){var o;const i=this.currentSort&&this.currentSort.column===e,r=i?"asc"===this.currentSort.order?"expand_less":"expand_more":"unfold_more";return null===(o=t.sortable)||void 0===o||o?Jt`
             <ft-button
                 round
                 dense

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

@@ -122,8 +122,4 @@ export const styles = css `
     .row:last-of-type .cell:last-of-type {
         border-radius: 0 0 .5rem 0;
     }
-
-    .hidden {
-        visibility: hidden;
-    }
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-filterable-table",
-  "version": "1.1.48",
+  "version": "1.1.49",
   "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.1.48",
-    "@fluid-topics/ft-select": "1.1.48",
-    "@fluid-topics/ft-text-field": "1.1.48",
-    "@fluid-topics/ft-wc-utils": "1.1.48",
+    "@fluid-topics/ft-button": "1.1.49",
+    "@fluid-topics/ft-select": "1.1.49",
+    "@fluid-topics/ft-text-field": "1.1.49",
+    "@fluid-topics/ft-wc-utils": "1.1.49",
     "lit": "3.1.0"
   },
-  "gitHead": "0f934599e88f27c6391efb3d4c2c57ba5546e323"
+  "gitHead": "a9a24ee2e555e948170f6ebb5cb3759a8d5b9a14"
 }