@fluid-topics/ft-filterable-table 0.2.0 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,13 +4,13 @@
4
4
  * Copyright 2017 Google LLC
5
5
  * SPDX-License-Identifier: BSD-3-Clause
6
6
  */
7
- var r;const a=globalThis.trustedTypes,p=a?a.createPolicy("lit-html",{createHTML:t=>t}):void 0,f=`lit$${(Math.random()+"").slice(9)}$`,d="?"+f,h=`<${d}>`,c=document,u=(t="")=>c.createComment(t),b=t=>null===t||"object"!=typeof t&&"function"!=typeof t,x=Array.isArray,v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,y=/-->/g,g=/>/g,m=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,$=/'/g,w=/"/g,k=/^(?:script|style|textarea|title)$/i,z=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),S=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),C=new WeakMap,E=c.createTreeWalker(c,129,null,!1),F=(t,e)=>{const i=t.length-1,o=[];let n,s=2===e?"<svg>":"",l=v;for(let e=0;e<i;e++){const i=t[e];let r,a,p=-1,d=0;for(;d<i.length&&(l.lastIndex=d,a=l.exec(i),null!==a);)d=l.lastIndex,l===v?"!--"===a[1]?l=y:void 0!==a[1]?l=g:void 0!==a[2]?(k.test(a[2])&&(n=RegExp("</"+a[2],"g")),l=m):void 0!==a[3]&&(l=m):l===m?">"===a[0]?(l=null!=n?n:v,p=-1):void 0===a[1]?p=-2:(p=l.lastIndex-a[2].length,r=a[1],l=void 0===a[3]?m:'"'===a[3]?w:$):l===w||l===$?l=m:l===y||l===g?l=v:(l=m,n=void 0);const c=l===m&&t[e+1].startsWith("/>")?" ":"";s+=l===v?i+h:p>=0?(o.push(r),i.slice(0,p)+"$lit$"+i.slice(p)+f+c):i+f+(-2===p?(o.push(void 0),e):c)}const r=s+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==p?p.createHTML(r):r,o]};class D{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let n=0,s=0;const l=t.length-1,r=this.parts,[p,h]=F(t,e);if(this.el=D.createElement(p,i),E.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=E.nextNode())&&r.length<l;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(f)){const i=h[s++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(f),e=/([.?@])?(.*)/.exec(i);r.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?N:"?"===e[1]?Z:"@"===e[1]?_:A})}else r.push({type:6,index:n})}for(const e of t)o.removeAttribute(e)}if(k.test(o.tagName)){const t=o.textContent.split(f),e=t.length-1;if(e>0){o.textContent=a?a.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],u()),E.nextNode(),r.push({type:2,index:++n});o.append(t[e],u())}}}else if(8===o.nodeType)if(o.data===d)r.push({type:2,index:n});else{let t=-1;for(;-1!==(t=o.data.indexOf(f,t+1));)r.push({type:7,index:n}),t+=f.length-1}n++}}static createElement(t,e){const i=c.createElement("template");return i.innerHTML=t,i}}function j(t,e,i=t,o){var n,s,l,r;if(e===S)return e;let a=void 0!==o?null===(n=i._$Cl)||void 0===n?void 0:n[o]:i._$Cu;const p=b(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==p&&(null===(s=null==a?void 0:a._$AO)||void 0===s||s.call(a,!1),void 0===p?a=void 0:(a=new p(t),a._$AT(t,i,o)),void 0!==o?(null!==(l=(r=i)._$Cl)&&void 0!==l?l:r._$Cl=[])[o]=a:i._$Cu=a),void 0!==a&&(e=j(t,a._$AS(t,e.values),a,o)),e}class I{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:o}=this._$AD,n=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:c).importNode(i,!0);E.currentNode=n;let s=E.nextNode(),l=0,r=0,a=o[0];for(;void 0!==a;){if(l===a.index){let e;2===a.type?e=new B(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new R(s,this,t)),this.v.push(e),a=o[++r]}l!==(null==a?void 0:a.index)&&(s=E.nextNode(),l++)}return n}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class B{constructor(t,e,i,o){var n;this.type=2,this._$AH=O,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cg=null===(n=null==o?void 0:o.isConnected)||void 0===n||n}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=j(this,t,e),b(t)?t===O||null==t||""===t?(this._$AH!==O&&this._$AR(),this._$AH=O):t!==this._$AH&&t!==S&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):(t=>{var e;return x(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.A(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==O&&b(this._$AH)?this._$AA.nextSibling.data=t:this.S(c.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:o}=t,n="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=D.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===n)this._$AH.m(i);else{const t=new I(n,this),e=t.p(this.options);t.m(i),this.S(e),this._$AH=t}}_$AC(t){let e=C.get(t.strings);return void 0===e&&C.set(t.strings,e=new D(t)),e}A(t){x(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const n of t)o===e.length?e.push(i=new B(this.M(u()),this.M(u()),this,this.options)):i=e[o],i._$AI(n),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class A{constructor(t,e,i,o,n){this.type=1,this._$AH=O,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const n=this.strings;let s=!1;if(void 0===n)t=j(this,t,e,0),s=!b(t)||t!==this._$AH&&t!==S,s&&(this._$AH=t);else{const o=t;let l,r;for(t=n[0],l=0;l<n.length-1;l++)r=j(this,o[i+l],e,l),r===S&&(r=this._$AH[l]),s||(s=!b(r)||r!==this._$AH[l]),r===O?t=O:t!==O&&(t+=(null!=r?r:"")+n[l+1]),this._$AH[l]=r}s&&!o&&this.k(t)}k(t){t===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class N extends A{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===O?void 0:t}}const T=a?a.emptyScript:"";class Z extends A{constructor(){super(...arguments),this.type=4}k(t){t&&t!==O?this.element.setAttribute(this.name,T):this.element.removeAttribute(this.name)}}class _ extends A{constructor(t,e,i,o,n){super(t,e,i,o,n),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=j(this,t,e,0))&&void 0!==i?i:O)===S)return;const o=this._$AH,n=t===O&&o!==O||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==O&&(o===O||n);n&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class R{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){j(this,t)}}const M=window.litHtmlPolyfillSupport;null==M||M(D,B),(null!==(r=globalThis.litHtmlVersions)&&void 0!==r?r:globalThis.litHtmlVersions=[]).push("2.1.3");
7
+ var r;const a=globalThis.trustedTypes,p=a?a.createPolicy("lit-html",{createHTML:t=>t}):void 0,f=`lit$${(Math.random()+"").slice(9)}$`,d="?"+f,h=`<${d}>`,c=document,u=(t="")=>c.createComment(t),b=t=>null===t||"object"!=typeof t&&"function"!=typeof t,x=Array.isArray,v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,y=/-->/g,g=/>/g,m=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,$=/'/g,w=/"/g,k=/^(?:script|style|textarea|title)$/i,z=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),S=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),C=new WeakMap,E=c.createTreeWalker(c,129,null,!1),F=(t,e)=>{const i=t.length-1,o=[];let n,s=2===e?"<svg>":"",l=v;for(let e=0;e<i;e++){const i=t[e];let r,a,p=-1,d=0;for(;d<i.length&&(l.lastIndex=d,a=l.exec(i),null!==a);)d=l.lastIndex,l===v?"!--"===a[1]?l=y:void 0!==a[1]?l=g:void 0!==a[2]?(k.test(a[2])&&(n=RegExp("</"+a[2],"g")),l=m):void 0!==a[3]&&(l=m):l===m?">"===a[0]?(l=null!=n?n:v,p=-1):void 0===a[1]?p=-2:(p=l.lastIndex-a[2].length,r=a[1],l=void 0===a[3]?m:'"'===a[3]?w:$):l===w||l===$?l=m:l===y||l===g?l=v:(l=m,n=void 0);const c=l===m&&t[e+1].startsWith("/>")?" ":"";s+=l===v?i+h:p>=0?(o.push(r),i.slice(0,p)+"$lit$"+i.slice(p)+f+c):i+f+(-2===p?(o.push(void 0),e):c)}const r=s+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==p?p.createHTML(r):r,o]};class D{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let n=0,s=0;const l=t.length-1,r=this.parts,[p,h]=F(t,e);if(this.el=D.createElement(p,i),E.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=E.nextNode())&&r.length<l;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(f)){const i=h[s++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(f),e=/([.?@])?(.*)/.exec(i);r.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?A:"?"===e[1]?Z:"@"===e[1]?R:N})}else r.push({type:6,index:n})}for(const e of t)o.removeAttribute(e)}if(k.test(o.tagName)){const t=o.textContent.split(f),e=t.length-1;if(e>0){o.textContent=a?a.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],u()),E.nextNode(),r.push({type:2,index:++n});o.append(t[e],u())}}}else if(8===o.nodeType)if(o.data===d)r.push({type:2,index:n});else{let t=-1;for(;-1!==(t=o.data.indexOf(f,t+1));)r.push({type:7,index:n}),t+=f.length-1}n++}}static createElement(t,e){const i=c.createElement("template");return i.innerHTML=t,i}}function I(t,e,i=t,o){var n,s,l,r;if(e===S)return e;let a=void 0!==o?null===(n=i._$Cl)||void 0===n?void 0:n[o]:i._$Cu;const p=b(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==p&&(null===(s=null==a?void 0:a._$AO)||void 0===s||s.call(a,!1),void 0===p?a=void 0:(a=new p(t),a._$AT(t,i,o)),void 0!==o?(null!==(l=(r=i)._$Cl)&&void 0!==l?l:r._$Cl=[])[o]=a:i._$Cu=a),void 0!==a&&(e=I(t,a._$AS(t,e.values),a,o)),e}class j{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:o}=this._$AD,n=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:c).importNode(i,!0);E.currentNode=n;let s=E.nextNode(),l=0,r=0,a=o[0];for(;void 0!==a;){if(l===a.index){let e;2===a.type?e=new B(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new _(s,this,t)),this.v.push(e),a=o[++r]}l!==(null==a?void 0:a.index)&&(s=E.nextNode(),l++)}return n}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class B{constructor(t,e,i,o){var n;this.type=2,this._$AH=O,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cg=null===(n=null==o?void 0:o.isConnected)||void 0===n||n}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=I(this,t,e),b(t)?t===O||null==t||""===t?(this._$AH!==O&&this._$AR(),this._$AH=O):t!==this._$AH&&t!==S&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):(t=>{var e;return x(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.A(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==O&&b(this._$AH)?this._$AA.nextSibling.data=t:this.S(c.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:o}=t,n="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=D.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===n)this._$AH.m(i);else{const t=new j(n,this),e=t.p(this.options);t.m(i),this.S(e),this._$AH=t}}_$AC(t){let e=C.get(t.strings);return void 0===e&&C.set(t.strings,e=new D(t)),e}A(t){x(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const n of t)o===e.length?e.push(i=new B(this.M(u()),this.M(u()),this,this.options)):i=e[o],i._$AI(n),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class N{constructor(t,e,i,o,n){this.type=1,this._$AH=O,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const n=this.strings;let s=!1;if(void 0===n)t=I(this,t,e,0),s=!b(t)||t!==this._$AH&&t!==S,s&&(this._$AH=t);else{const o=t;let l,r;for(t=n[0],l=0;l<n.length-1;l++)r=I(this,o[i+l],e,l),r===S&&(r=this._$AH[l]),s||(s=!b(r)||r!==this._$AH[l]),r===O?t=O:t!==O&&(t+=(null!=r?r:"")+n[l+1]),this._$AH[l]=r}s&&!o&&this.k(t)}k(t){t===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class A extends N{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===O?void 0:t}}const T=a?a.emptyScript:"";class Z extends N{constructor(){super(...arguments),this.type=4}k(t){t&&t!==O?this.element.setAttribute(this.name,T):this.element.removeAttribute(this.name)}}class R extends N{constructor(t,e,i,o,n){super(t,e,i,o,n),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=I(this,t,e,0))&&void 0!==i?i:O)===S)return;const o=this._$AH,n=t===O&&o!==O||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==O&&(o===O||n);n&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class _{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){I(this,t)}}const M=window.litHtmlPolyfillSupport;null==M||M(D,B),(null!==(r=globalThis.litHtmlVersions)&&void 0!==r?r:globalThis.litHtmlVersions=[]).push("2.1.3");
8
8
  /**
9
9
  * @license
10
10
  * Copyright 2020 Google LLC
11
11
  * SPDX-License-Identifier: BSD-3-Clause
12
12
  */
13
- const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;let s,l;const r=[],a=[];let p,f=0,d=!1;for(;f<n;){for(p=e[f];f<n&&void 0!==(l=i[f],s=null===(o=l)||void 0===o?void 0:o._$litStatic$);)p+=s+e[++f],d=!0;a.push(l),r.push(p),f++}if(f===n&&r.push(e[n]),d){const t=r.join("$$lit$$");void 0===(e=H.get(t))&&(r.raw=r,H.set(t,e=r)),i=a}return t(e,...i)})(z);var W,K=function(t,e,i,o){for(var n,s=arguments.length,l=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,r=t.length-1;r>=0;r--)(n=t[r])&&(l=(s<3?n(l):s>3?n(e,i,l):n(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(W||(W={}));const G=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),P=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),V={fontFamily:P,fontSize:e.FtCssVariable.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariable.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariable.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariable.create("--ft-typography-line-height","SIZE","24px"),textTransform:e.FtCssVariable.create("--ft-typography-text-transform","UNKNOWN","inherit")},q=e.FtCssVariable.extend("--ft-typography-title-font-family",G),X=e.FtCssVariable.extend("--ft-typography-title-font-size",V.fontSize,"20px"),Y=e.FtCssVariable.extend("--ft-typography-title-font-weight",V.fontWeight,"normal"),J=e.FtCssVariable.extend("--ft-typography-title-letter-spacing",V.letterSpacing,"0.15px"),Q=e.FtCssVariable.extend("--ft-typography-title-line-height",V.lineHeight,"24px"),tt=e.FtCssVariable.extend("--ft-typography-title-text-transform",V.textTransform,"inherit"),et=e.FtCssVariable.extend("--ft-typography-title-dense-font-family",G),it=e.FtCssVariable.extend("--ft-typography-title-dense-font-size",V.fontSize,"14px"),ot=e.FtCssVariable.extend("--ft-typography-title-dense-font-weight",V.fontWeight,"normal"),nt=e.FtCssVariable.extend("--ft-typography-title-dense-letter-spacing",V.letterSpacing,"0.105px"),st=e.FtCssVariable.extend("--ft-typography-title-dense-line-height",V.lineHeight,"24px"),lt=e.FtCssVariable.extend("--ft-typography-title-dense-text-transform",V.textTransform,"inherit"),rt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-family",P),at=e.FtCssVariable.extend("--ft-typography-subtitle1-font-size",V.fontSize,"16px"),pt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",V.fontWeight,"600"),ft=e.FtCssVariable.extend("--ft-typography-subtitle1-letter-spacing",V.letterSpacing,"0.144px"),dt=e.FtCssVariable.extend("--ft-typography-subtitle1-line-height",V.lineHeight,"24px"),ht=e.FtCssVariable.extend("--ft-typography-subtitle1-text-transform",V.textTransform,"inherit"),ct=e.FtCssVariable.extend("--ft-typography-subtitle2-font-family",P),ut=e.FtCssVariable.extend("--ft-typography-subtitle2-font-size",V.fontSize,"14px"),bt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-weight",V.fontWeight,"normal"),xt=e.FtCssVariable.extend("--ft-typography-subtitle2-letter-spacing",V.letterSpacing,"0.098px"),vt=e.FtCssVariable.extend("--ft-typography-subtitle2-line-height",V.lineHeight,"24px"),yt=e.FtCssVariable.extend("--ft-typography-subtitle2-text-transform",V.textTransform,"inherit"),gt={fontFamily:e.FtCssVariable.extend("--ft-typography-body1-font-family",P),fontSize:e.FtCssVariable.extend("--ft-typography-body1-font-size",V.fontSize,"16px"),fontWeight:e.FtCssVariable.extend("--ft-typography-body1-font-weight",V.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-body1-letter-spacing",V.letterSpacing,"0.496px"),lineHeight:e.FtCssVariable.extend("--ft-typography-body1-line-height",V.lineHeight,"24px"),textTransform:e.FtCssVariable.extend("--ft-typography-body1-text-transform",V.textTransform,"inherit")},mt=e.FtCssVariable.extend("--ft-typography-body2-font-family",P),$t=e.FtCssVariable.extend("--ft-typography-body2-font-size",V.fontSize,"14px"),wt=e.FtCssVariable.extend("--ft-typography-body2-font-weight",V.fontWeight,"normal"),kt=e.FtCssVariable.extend("--ft-typography-body2-letter-spacing",V.letterSpacing,"0.252px"),zt=e.FtCssVariable.extend("--ft-typography-body2-line-height",V.lineHeight,"20px"),St=e.FtCssVariable.extend("--ft-typography-body2-text-transform",V.textTransform,"inherit"),Ot={fontFamily:e.FtCssVariable.extend("--ft-typography-caption-font-family",P),fontSize:e.FtCssVariable.extend("--ft-typography-caption-font-size",V.fontSize,"12px"),fontWeight:e.FtCssVariable.extend("--ft-typography-caption-font-weight",V.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-caption-letter-spacing",V.letterSpacing,"0.396px"),lineHeight:e.FtCssVariable.extend("--ft-typography-caption-line-height",V.lineHeight,"16px"),textTransform:e.FtCssVariable.extend("--ft-typography-caption-text-transform",V.textTransform,"inherit")},Ct=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-family",P),Et=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-size",V.fontSize,"10px"),Ft=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-weight",V.fontWeight,"normal"),Dt=e.FtCssVariable.extend("--ft-typography-breadcrumb-letter-spacing",V.letterSpacing,"0.33px"),jt=e.FtCssVariable.extend("--ft-typography-breadcrumb-line-height",V.lineHeight,"16px"),It=e.FtCssVariable.extend("--ft-typography-breadcrumb-text-transform",V.textTransform,"inherit"),Bt=e.FtCssVariable.extend("--ft-typography-overline-font-family",P),At=e.FtCssVariable.extend("--ft-typography-overline-font-size",V.fontSize,"10px"),Nt=e.FtCssVariable.extend("--ft-typography-overline-font-weight",V.fontWeight,"normal"),Tt=e.FtCssVariable.extend("--ft-typography-overline-letter-spacing",V.letterSpacing,"1.5px"),Zt=e.FtCssVariable.extend("--ft-typography-overline-line-height",V.lineHeight,"16px"),_t=e.FtCssVariable.extend("--ft-typography-overline-text-transform",V.textTransform,"uppercase"),Rt={fontFamily:e.FtCssVariable.extend("--ft-typography-button-font-family",P),fontSize:e.FtCssVariable.extend("--ft-typography-button-font-size",V.fontSize,"14px"),fontWeight:e.FtCssVariable.extend("--ft-typography-button-font-weight",V.fontWeight,"600"),letterSpacing:e.FtCssVariable.extend("--ft-typography-button-letter-spacing",V.letterSpacing,"1.246px"),lineHeight:e.FtCssVariable.extend("--ft-typography-button-line-height",V.lineHeight,"16px"),textTransform:e.FtCssVariable.extend("--ft-typography-button-text-transform",V.textTransform,"uppercase")},Mt=i.css`
13
+ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;let s,l;const r=[],a=[];let p,f=0,d=!1;for(;f<n;){for(p=e[f];f<n&&void 0!==(l=i[f],s=null===(o=l)||void 0===o?void 0:o._$litStatic$);)p+=s+e[++f],d=!0;a.push(l),r.push(p),f++}if(f===n&&r.push(e[n]),d){const t=r.join("$$lit$$");void 0===(e=H.get(t))&&(r.raw=r,H.set(t,e=r)),i=a}return t(e,...i)})(z);var W,K=function(t,e,i,o){for(var n,s=arguments.length,l=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,r=t.length-1;r>=0;r--)(n=t[r])&&(l=(s<3?n(l):s>3?n(e,i,l):n(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(W||(W={}));const G=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),P=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),V={fontFamily:P,fontSize:e.FtCssVariable.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariable.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariable.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariable.create("--ft-typography-line-height","SIZE","24px"),textTransform:e.FtCssVariable.create("--ft-typography-text-transform","UNKNOWN","inherit")},q=e.FtCssVariable.extend("--ft-typography-title-font-family",G),X=e.FtCssVariable.extend("--ft-typography-title-font-size",V.fontSize,"20px"),Y=e.FtCssVariable.extend("--ft-typography-title-font-weight",V.fontWeight,"normal"),J=e.FtCssVariable.extend("--ft-typography-title-letter-spacing",V.letterSpacing,"0.15px"),Q=e.FtCssVariable.extend("--ft-typography-title-line-height",V.lineHeight,"24px"),tt=e.FtCssVariable.extend("--ft-typography-title-text-transform",V.textTransform,"inherit"),et=e.FtCssVariable.extend("--ft-typography-title-dense-font-family",G),it=e.FtCssVariable.extend("--ft-typography-title-dense-font-size",V.fontSize,"14px"),ot=e.FtCssVariable.extend("--ft-typography-title-dense-font-weight",V.fontWeight,"normal"),nt=e.FtCssVariable.extend("--ft-typography-title-dense-letter-spacing",V.letterSpacing,"0.105px"),st=e.FtCssVariable.extend("--ft-typography-title-dense-line-height",V.lineHeight,"24px"),lt=e.FtCssVariable.extend("--ft-typography-title-dense-text-transform",V.textTransform,"inherit"),rt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-family",P),at=e.FtCssVariable.extend("--ft-typography-subtitle1-font-size",V.fontSize,"16px"),pt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",V.fontWeight,"600"),ft=e.FtCssVariable.extend("--ft-typography-subtitle1-letter-spacing",V.letterSpacing,"0.144px"),dt=e.FtCssVariable.extend("--ft-typography-subtitle1-line-height",V.lineHeight,"24px"),ht=e.FtCssVariable.extend("--ft-typography-subtitle1-text-transform",V.textTransform,"inherit"),ct=e.FtCssVariable.extend("--ft-typography-subtitle2-font-family",P),ut=e.FtCssVariable.extend("--ft-typography-subtitle2-font-size",V.fontSize,"14px"),bt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-weight",V.fontWeight,"normal"),xt=e.FtCssVariable.extend("--ft-typography-subtitle2-letter-spacing",V.letterSpacing,"0.098px"),vt=e.FtCssVariable.extend("--ft-typography-subtitle2-line-height",V.lineHeight,"24px"),yt=e.FtCssVariable.extend("--ft-typography-subtitle2-text-transform",V.textTransform,"inherit"),gt={fontFamily:e.FtCssVariable.extend("--ft-typography-body1-font-family",P),fontSize:e.FtCssVariable.extend("--ft-typography-body1-font-size",V.fontSize,"16px"),fontWeight:e.FtCssVariable.extend("--ft-typography-body1-font-weight",V.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-body1-letter-spacing",V.letterSpacing,"0.496px"),lineHeight:e.FtCssVariable.extend("--ft-typography-body1-line-height",V.lineHeight,"24px"),textTransform:e.FtCssVariable.extend("--ft-typography-body1-text-transform",V.textTransform,"inherit")},mt=e.FtCssVariable.extend("--ft-typography-body2-font-family",P),$t=e.FtCssVariable.extend("--ft-typography-body2-font-size",V.fontSize,"14px"),wt=e.FtCssVariable.extend("--ft-typography-body2-font-weight",V.fontWeight,"normal"),kt=e.FtCssVariable.extend("--ft-typography-body2-letter-spacing",V.letterSpacing,"0.252px"),zt=e.FtCssVariable.extend("--ft-typography-body2-line-height",V.lineHeight,"20px"),St=e.FtCssVariable.extend("--ft-typography-body2-text-transform",V.textTransform,"inherit"),Ot={fontFamily:e.FtCssVariable.extend("--ft-typography-caption-font-family",P),fontSize:e.FtCssVariable.extend("--ft-typography-caption-font-size",V.fontSize,"12px"),fontWeight:e.FtCssVariable.extend("--ft-typography-caption-font-weight",V.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-caption-letter-spacing",V.letterSpacing,"0.396px"),lineHeight:e.FtCssVariable.extend("--ft-typography-caption-line-height",V.lineHeight,"16px"),textTransform:e.FtCssVariable.extend("--ft-typography-caption-text-transform",V.textTransform,"inherit")},Ct=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-family",P),Et=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-size",V.fontSize,"10px"),Ft=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-weight",V.fontWeight,"normal"),Dt=e.FtCssVariable.extend("--ft-typography-breadcrumb-letter-spacing",V.letterSpacing,"0.33px"),It=e.FtCssVariable.extend("--ft-typography-breadcrumb-line-height",V.lineHeight,"16px"),jt=e.FtCssVariable.extend("--ft-typography-breadcrumb-text-transform",V.textTransform,"inherit"),Bt=e.FtCssVariable.extend("--ft-typography-overline-font-family",P),Nt=e.FtCssVariable.extend("--ft-typography-overline-font-size",V.fontSize,"10px"),At=e.FtCssVariable.extend("--ft-typography-overline-font-weight",V.fontWeight,"normal"),Tt=e.FtCssVariable.extend("--ft-typography-overline-letter-spacing",V.letterSpacing,"1.5px"),Zt=e.FtCssVariable.extend("--ft-typography-overline-line-height",V.lineHeight,"16px"),Rt=e.FtCssVariable.extend("--ft-typography-overline-text-transform",V.textTransform,"uppercase"),_t={fontFamily:e.FtCssVariable.extend("--ft-typography-button-font-family",P),fontSize:e.FtCssVariable.extend("--ft-typography-button-font-size",V.fontSize,"14px"),fontWeight:e.FtCssVariable.extend("--ft-typography-button-font-weight",V.fontWeight,"600"),letterSpacing:e.FtCssVariable.extend("--ft-typography-button-letter-spacing",V.letterSpacing,"1.246px"),lineHeight:e.FtCssVariable.extend("--ft-typography-button-line-height",V.lineHeight,"16px"),textTransform:e.FtCssVariable.extend("--ft-typography-button-text-transform",V.textTransform,"uppercase")},Mt=i.css`
14
14
  .ft-typography--title {
15
15
  font-family: ${q};
16
16
  font-size: ${X};
@@ -80,26 +80,26 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
80
80
  font-size: ${Et};
81
81
  font-weight: ${Ft};
82
82
  letter-spacing: ${Dt};
83
- line-height: ${jt};
84
- text-transform: ${It};
83
+ line-height: ${It};
84
+ text-transform: ${jt};
85
85
  }
86
86
  `,Vt=i.css`
87
87
  .ft-typography--overline {
88
88
  font-family: ${Bt};
89
- font-size: ${At};
90
- font-weight: ${Nt};
89
+ font-size: ${Nt};
90
+ font-weight: ${At};
91
91
  letter-spacing: ${Tt};
92
92
  line-height: ${Zt};
93
- text-transform: ${_t};
93
+ text-transform: ${Rt};
94
94
  }
95
95
  `,qt=i.css`
96
96
  .ft-typography--button {
97
- font-family: ${Rt.fontFamily};
98
- font-size: ${Rt.fontSize};
99
- font-weight: ${Rt.fontWeight};
100
- letter-spacing: ${Rt.letterSpacing};
101
- line-height: ${Rt.lineHeight};
102
- text-transform: ${Rt.textTransform};
97
+ font-family: ${_t.fontFamily};
98
+ font-size: ${_t.fontSize};
99
+ font-weight: ${_t.fontWeight};
100
+ letter-spacing: ${_t.letterSpacing};
101
+ line-height: ${_t.lineHeight};
102
+ text-transform: ${_t.textTransform};
103
103
  }
104
104
  `;class Xt extends e.FtLitElement{constructor(){super(...arguments),this.variant=W.body1}render(){return this.element?L`
105
105
  <${U(this.element)}
@@ -769,7 +769,7 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
769
769
  <div></div>
770
770
  <div></div>
771
771
  </div>
772
- `}}e.customElement("ft-loader")(ze);var Se=function(t,e,i,o){for(var n,s=arguments.length,l=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,r=t.length-1;r>=0;r--)(n=t[r])&&(l=(s<3?n(l):s>3?n(e,i,l):n(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};const Oe=e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorPrimary),Ce={backgroundColor:e.FtCssVariable.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariable.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:Oe,fontSize:e.FtCssVariable.extend("--ft-button-font-size",Rt.fontSize),iconSize:e.FtCssVariable.create("--ft-button-icon-size","SIZE","24px"),rippleColor:e.FtCssVariable.extend("--ft-button-ripple-color",Oe),opacityDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},Ee=e.FtCssVariable.extend("--ft-button-primary-color",e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorOnPrimary)),Fe={backgroundColor:e.FtCssVariable.extend("--ft-button-primary-background-color",e.FtCssVariable.extend("--ft-button-background-color",e.designSystemVariables.colorPrimary)),color:Ee,rippleColor:e.FtCssVariable.extend("--ft-button-primary-ripple-color",Ee)},De=e.FtCssVariable.extend("--ft-button-dense-border-radius",e.FtCssVariable.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusM));class je 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.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}static get styles(){return[e.noTextSelect,i.css`
772
+ `}}e.customElement("ft-loader")(ze);var Se=function(t,e,i,o){for(var n,s=arguments.length,l=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,r=t.length-1;r>=0;r--)(n=t[r])&&(l=(s<3?n(l):s>3?n(e,i,l):n(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};const Oe=e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorPrimary),Ce={backgroundColor:e.FtCssVariable.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariable.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:Oe,fontSize:e.FtCssVariable.extend("--ft-button-font-size",_t.fontSize),iconSize:e.FtCssVariable.create("--ft-button-icon-size","SIZE","24px"),rippleColor:e.FtCssVariable.extend("--ft-button-ripple-color",Oe),opacityDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},Ee=e.FtCssVariable.extend("--ft-button-primary-color",e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorOnPrimary)),Fe={backgroundColor:e.FtCssVariable.extend("--ft-button-primary-background-color",e.FtCssVariable.extend("--ft-button-background-color",e.designSystemVariables.colorPrimary)),color:Ee,rippleColor:e.FtCssVariable.extend("--ft-button-primary-ripple-color",Ee)},De=e.FtCssVariable.extend("--ft-button-dense-border-radius",e.FtCssVariable.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusM));class Ie 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.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}static get styles(){return[e.noTextSelect,i.css`
773
773
  :host {
774
774
  display: inline-block;
775
775
  max-width: 100%;
@@ -864,8 +864,8 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
864
864
  text-overflow: ellipsis;
865
865
  display: block;
866
866
  margin: 0 var(--ft-button-internal-horizontal-padding);
867
- ${e.setVariable(Rt.fontSize,"var(--ft-button-internal-font-size)")};
868
- ${e.setVariable(Rt.lineHeight,"var(--ft-button-internal-content-height)")};
867
+ ${e.setVariable(_t.fontSize,"var(--ft-button-internal-font-size)")};
868
+ ${e.setVariable(_t.lineHeight,"var(--ft-button-internal-content-height)")};
869
869
  }
870
870
 
871
871
  .ft-button--safari-fix .ft-button--label {
@@ -922,7 +922,7 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
922
922
  </ft-tooltip>
923
923
  `}resolveIcon(){return this.loading?i.html`
924
924
  <ft-loader></ft-loader> `:this.icon?i.html`
925
- <ft-icon variant="material">${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}}je.elementDefinitions={"ft-ripple":ie,"ft-tooltip":we,"ft-typography":Xt,"ft-icon":ae,"ft-loader":ze},Se([o.property({type:Boolean})],je.prototype,"primary",void 0),Se([o.property({type:Boolean})],je.prototype,"outlined",void 0),Se([o.property({type:Boolean})],je.prototype,"disabled",void 0),Se([o.property({type:Boolean})],je.prototype,"dense",void 0),Se([o.property({type:Boolean})],je.prototype,"round",void 0),Se([o.property({type:String})],je.prototype,"label",void 0),Se([o.property({type:String})],je.prototype,"icon",void 0),Se([o.property({type:Boolean})],je.prototype,"trailingIcon",void 0),Se([o.property({type:Boolean})],je.prototype,"loading",void 0),Se([o.property({type:String})],je.prototype,"tooltipPosition",void 0),Se([o.query(".ft-button")],je.prototype,"button",void 0),Se([o.query(".ft-button--label slot")],je.prototype,"slottedContent",void 0),e.customElement("ft-button")(je);var Ie=function(t,e,i,o){for(var n,s=arguments.length,l=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,r=t.length-1;r>=0;r--)(n=t[r])&&(l=(s<3?n(l):s>3?n(e,i,l):n(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};class Be extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Ae={headerBackground:e.FtCssVariable.create("--ft-filterable-table-header-background","COLOR","whitesmoke"),oddRowBackground:e.FtCssVariable.create("--ft-filterable-table-odd-row-background","COLOR","#FFFFFF"),evenRowBackground:e.FtCssVariable.create("--ft-filterable-table-even-row-background","COLOR","#fdfdfd"),rowHoverBackground:e.FtCssVariable.create("--ft-filterable-table-row-hover-background","COLOR","#fafafa"),colorOnSurfaceHigh:e.FtCssVariable.external(e.designSystemVariables.colorOnSurfaceHigh,"Design system"),titleFont:e.FtCssVariable.external(e.designSystemVariables.titleFont,"Design system"),contentFont:e.FtCssVariable.external(e.designSystemVariables.contentFont,"Design system")},Ne=t=>i.html`${t}`,Te=(t,e)=>t-e;class Ze extends e.FtLitElement{constructor(){super(...arguments),this.data=[],this.columns=[],this.filters=[],this.selectData=[]}init(t,e,i){this.data=t,this.columns=e,this.sort=i}render(){let t=this.sortData(this.filterData());return i.html`
925
+ <ft-icon variant="material">${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}}Ie.elementDefinitions={"ft-ripple":ie,"ft-tooltip":we,"ft-typography":Xt,"ft-icon":ae,"ft-loader":ze},Se([o.property({type:Boolean})],Ie.prototype,"primary",void 0),Se([o.property({type:Boolean})],Ie.prototype,"outlined",void 0),Se([o.property({type:Boolean})],Ie.prototype,"disabled",void 0),Se([o.property({type:Boolean})],Ie.prototype,"dense",void 0),Se([o.property({type:Boolean})],Ie.prototype,"round",void 0),Se([o.property({type:String})],Ie.prototype,"label",void 0),Se([o.property({type:String})],Ie.prototype,"icon",void 0),Se([o.property({type:Boolean})],Ie.prototype,"trailingIcon",void 0),Se([o.property({type:Boolean})],Ie.prototype,"loading",void 0),Se([o.property({type:String})],Ie.prototype,"tooltipPosition",void 0),Se([o.query(".ft-button")],Ie.prototype,"button",void 0),Se([o.query(".ft-button--label slot")],Ie.prototype,"slottedContent",void 0),e.customElement("ft-button")(Ie);var je=function(t,e,i,o){for(var n,s=arguments.length,l=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,r=t.length-1;r>=0;r--)(n=t[r])&&(l=(s<3?n(l):s>3?n(e,i,l):n(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};class Be extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Ne={headerBackground:e.FtCssVariable.create("--ft-filterable-table-header-background","COLOR","whitesmoke"),oddRowBackground:e.FtCssVariable.create("--ft-filterable-table-odd-row-background","COLOR","#FFFFFF"),evenRowBackground:e.FtCssVariable.create("--ft-filterable-table-even-row-background","COLOR","#fdfdfd"),rowHoverBackground:e.FtCssVariable.create("--ft-filterable-table-row-hover-background","COLOR","#fafafa"),stickyHeaderZIndex:e.FtCssVariable.create("--ft-filterable-table-sticky-header-zindex","NUMBER","100"),colorOnSurfaceHigh:e.FtCssVariable.external(e.designSystemVariables.colorOnSurfaceHigh,"Design system"),titleFont:e.FtCssVariable.external(e.designSystemVariables.titleFont,"Design system"),contentFont:e.FtCssVariable.external(e.designSystemVariables.contentFont,"Design system")},Ae=t=>i.html`${t}`,Te=(t,e)=>t-e;class Ze extends e.FtLitElement{constructor(){super(...arguments),this.data=[],this.columns=[],this.stickyHeaders=!1,this.filters=[],this.selectData=[]}init(t,e,i){this.data=t,this.columns=e,this.sort=i}render(){let t=this.sortData(this.filterData());return i.html`
926
926
  <style>
927
927
  .table {
928
928
  grid-template-columns: repeat(${this.columns.length}, minmax(min-content, auto));
@@ -939,15 +939,16 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
939
939
  </div>
940
940
  `))}
941
941
  </div>
942
- `}filterData(){let t=[...this.data];return this.filters.forEach(((e,i)=>{var o;const n=this.columns[i];if(e)switch(null!==(o=n.filter)&&void 0!==o?o:"text"){case"text":e.value&&(t=t.filter((t=>this.getValueAsString(n,t,i).toLowerCase().includes(e.value.toLowerCase()))));break;case"select":e.value&&(t=t.filter((t=>this.getValueAsString(n,t,i)===e.value)))}})),t}sortData(t){var e;if(this.currentSort){const i=this.columns[this.currentSort.column],o=null!==(e=i.comparator)&&void 0!==e?e:Te,n="asc"===this.currentSort.order?o:(t,e)=>-o(t,e);return t.sort(((t,e)=>n(this.getValue(i,t),this.getValue(i,e))))}return t}update(t){super.update(t),t.has("sort")&&(this.currentSort=this.sort),(t.has("data")||t.has("columns"))&&this.updateSelectData()}updateSelectData(){this.selectData=[];const t=this.data,e=this.columns;for(let i in e){const o=e[i];"select"===o.filter&&(this.selectData[i]=[...new Set(t.map(((t,e)=>this.getValueAsString(o,t,e))))].sort(((t,e)=>t.localeCompare(e))))}this.requestUpdate()}renderHeader(t,e){return i.html`
943
- <div class="header-cell">
942
+ `}filterData(){let t=[...this.data];return this.filters.forEach(((e,i)=>{var o;const n=this.columns[i];if(e)switch(null!==(o=n.filter)&&void 0!==o?o:"text"){case"text":e.value&&(t=t.filter((t=>this.getValueAsString(n,t,i).toLowerCase().includes(e.value.toLowerCase()))));break;case"select":e.value&&(t=t.filter((t=>this.getValueAsString(n,t,i)===e.value)))}})),t}sortData(t){var e;if(this.currentSort){const i=this.columns[this.currentSort.column],o=null!==(e=i.comparator)&&void 0!==e?e:Te,n="asc"===this.currentSort.order?o:(t,e)=>-o(t,e);return t.sort(((t,e)=>n(this.getValue(i,t),this.getValue(i,e))))}return t}update(t){super.update(t),t.has("sort")&&(this.currentSort=this.sort),(t.has("data")||t.has("columns"))&&this.updateSelectData()}updateSelectData(){this.selectData=[];const t=this.data,e=this.columns;for(let i in e){const o=e[i];"select"===o.filter&&(this.selectData[i]=[...new Set(t.map(((t,e)=>this.getValueAsString(o,t,e))))].sort(((t,e)=>t.localeCompare(e))))}this.requestUpdate()}renderHeader(t,e){const o={"header-cell":!0,"header-cell--sticky":this.stickyHeaders};return i.html`
943
+ <div class="${l.classMap(o)}">
944
944
  <div class="column-title-container">
945
945
  <span class="column-title">${t.title}</span>
946
946
  ${this.renderColumnSort(t,e)}
947
947
  </div>
948
+ ${t.filter?i.html`
948
949
  <div class="column-filter">
949
950
  ${this.renderColumnFilter(t,e)}
950
- </div>
951
+ </div>`:null}
951
952
  </div>
952
953
  `}renderColumnSort(t,e){var o;const n=this.currentSort&&this.currentSort.column===e,s=n?"asc"===this.currentSort.order?"expand_more":"expand_less":"unfold_more";return i.html`
953
954
  <ft-button
@@ -970,7 +971,7 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
970
971
  <ft-select-option value="${t}" label="${t}"></ft-select-option>
971
972
  `))}
972
973
  </ft-select>
973
- `:null}return null}renderCell(t,e,o){var n;const l=null!==(n=t.render)&&void 0!==n?n:Ne;return i.html`
974
+ `:null}return null}renderCell(t,e,o){var n;const l=null!==(n=t.render)&&void 0!==n?n:Ae;return i.html`
974
975
  <div class="cell">${(t=>{const e=l(t,o);return"string"==typeof e?s.unsafeHTML(e):e})(this.getValue(t,e))}</div>
975
976
  `}getValue(t,e){return"string"==typeof t.getter?e[t.getter]:t.getter(e)}getValueAsString(t,e,i){const o=this.getValue(t,e);return"function"==typeof t.stringify?t.stringify(o,i):(t=>""+t)(o)}}Ze.styles=i.css`
976
977
  :host {
@@ -988,10 +989,16 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
988
989
  .header-cell {
989
990
  display: flex;
990
991
  flex-direction: column;
991
- background: ${Ae.headerBackground};
992
- color: ${Ae.colorOnSurfaceHigh};
992
+ background: ${Ne.headerBackground};
993
+ color: ${Ne.colorOnSurfaceHigh};
993
994
  padding: .5rem 1rem;
994
- font-family: ${Ae.titleFont};
995
+ font-family: ${Ne.titleFont};
996
+ }
997
+
998
+ .header-cell--sticky {
999
+ top: 0;
1000
+ z-index: ${Ne.stickyHeaderZIndex};
1001
+ position: sticky;
995
1002
  }
996
1003
 
997
1004
  .header-cell:first-of-type {
@@ -1008,14 +1015,17 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
1008
1015
  }
1009
1016
 
1010
1017
  .column-title-container ft-button {
1011
- ${e.setVariable(Ce.backgroundColor,Ae.headerBackground)};
1012
- ${e.setVariable(Ce.color,Ae.colorOnSurfaceHigh)};
1018
+ ${e.setVariable(Ce.backgroundColor,Ne.headerBackground)};
1019
+ ${e.setVariable(Ce.color,Ne.colorOnSurfaceHigh)};
1013
1020
  }
1014
1021
 
1015
1022
  .column-title {
1016
1023
  white-space: nowrap;
1017
1024
  text-transform: uppercase;
1018
1025
  margin-right: .5rem;
1026
+ font-weight: normal;
1027
+ letter-spacing: 1.5px;
1028
+ font-size: 0.8em;
1019
1029
  }
1020
1030
 
1021
1031
  .column-filter {
@@ -1035,29 +1045,29 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
1035
1045
 
1036
1046
  .cell {
1037
1047
  padding: 1rem;
1038
- border-left: 1px solid ${Ae.headerBackground};
1039
- border-bottom: 1px solid ${Ae.headerBackground};
1048
+ border-left: 1px solid ${Ne.headerBackground};
1049
+ border-bottom: 1px solid ${Ne.headerBackground};
1040
1050
  overflow-x: auto;
1041
1051
  display: flex;
1042
1052
  align-items: center;
1043
- font-family: ${Ae.contentFont};
1053
+ font-family: ${Ne.contentFont};
1044
1054
  }
1045
1055
 
1046
1056
  /* Even is 2n+1 and odd is 2n because of the header */
1047
1057
  .row:nth-child(2n) > .cell {
1048
- background: ${Ae.oddRowBackground};
1058
+ background: ${Ne.oddRowBackground};
1049
1059
  }
1050
1060
 
1051
1061
  .row:nth-child(2n + 1) > .cell {
1052
- background: ${Ae.evenRowBackground};
1062
+ background: ${Ne.evenRowBackground};
1053
1063
  }
1054
1064
 
1055
1065
  .row:hover > .cell {
1056
- background: ${Ae.rowHoverBackground};
1066
+ background: ${Ne.rowHoverBackground};
1057
1067
  }
1058
1068
 
1059
1069
  .cell:last-of-type {
1060
- border-right: 1px solid ${Ae.headerBackground};
1070
+ border-right: 1px solid ${Ne.headerBackground};
1061
1071
  }
1062
1072
 
1063
1073
  .row:last-of-type .cell:first-of-type {
@@ -1071,4 +1081,4 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
1071
1081
  .hidden {
1072
1082
  visibility: hidden;
1073
1083
  }
1074
- `,Ie([o.property({attribute:!1})],Ze.prototype,"data",void 0),Ie([o.property({attribute:!1})],Ze.prototype,"columns",void 0),Ie([o.property({attribute:!1})],Ze.prototype,"sort",void 0),Ie([o.state()],Ze.prototype,"currentSort",void 0),e.customElement("ft-filterable-table")(Ze),t.FtFilterableTable=Ze,t.FtFilterableTableCssVariables=Ae,t.RowClickEvent=Be,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litUnsafeHTML,ftGlobals.litClassMap);
1084
+ `,je([o.property({attribute:!1})],Ze.prototype,"data",void 0),je([o.property({attribute:!1})],Ze.prototype,"columns",void 0),je([o.property({attribute:!1})],Ze.prototype,"sort",void 0),je([o.property()],Ze.prototype,"stickyHeaders",void 0),je([o.state()],Ze.prototype,"currentSort",void 0),e.customElement("ft-filterable-table")(Ze),t.FtFilterableTable=Ze,t.FtFilterableTableCssVariables=Ne,t.RowClickEvent=Be,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litUnsafeHTML,ftGlobals.litClassMap);