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

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

@@ -1,20 +1,20 @@
-!function(t,e,i,o,n,l,s){
+!function(t,e,i,o,n,s,l){
 /**
      * @license
      * Copyright 2017 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-var r;const a=globalThis.trustedTypes,p=a?a.createPolicy("lit-html",{createHTML:t=>t}):void 0,d=`lit$${(Math.random()+"").slice(9)}$`,f="?"+d,h=`<${f}>`,c=document,u=(t="")=>c.createComment(t),b=t=>null===t||"object"!=typeof t&&"function"!=typeof t,y=Array.isArray,g=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,x=/>/g,$=/>|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g,m=/'/g,w=/"/g,k=/^(?:script|style|textarea|title)$/i,S=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),z=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),C=new WeakMap,E=c.createTreeWalker(c,129,null,!1),D=(t,e)=>{const i=t.length-1,o=[];let n,l=2===e?"<svg>":"",s=g;for(let e=0;e<i;e++){const i=t[e];let r,a,p=-1,f=0;for(;f<i.length&&(s.lastIndex=f,a=s.exec(i),null!==a);)f=s.lastIndex,s===g?"!--"===a[1]?s=v:void 0!==a[1]?s=x:void 0!==a[2]?(k.test(a[2])&&(n=RegExp("</"+a[2],"g")),s=$):void 0!==a[3]&&(s=$):s===$?">"===a[0]?(s=null!=n?n:g,p=-1):void 0===a[1]?p=-2:(p=s.lastIndex-a[2].length,r=a[1],s=void 0===a[3]?$:'"'===a[3]?w:m):s===w||s===m?s=$:s===v||s===x?s=g:(s=$,n=void 0);const c=s===$&&t[e+1].startsWith("/>")?" ":"";l+=s===g?i+h:p>=0?(o.push(r),i.slice(0,p)+"$lit$"+i.slice(p)+d+c):i+d+(-2===p?(o.push(void 0),e):c)}const r=l+(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 B{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let n=0,l=0;const s=t.length-1,r=this.parts,[p,h]=D(t,e);if(this.el=B.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<s;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(d)){const i=h[l++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(d),e=/([.?@])?(.*)/.exec(i);r.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?T:"?"===e[1]?_:"@"===e[1]?R:j})}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(d),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===f)r.push({type:2,index:n});else{let t=-1;for(;-1!==(t=o.data.indexOf(d,t+1));)r.push({type:7,index:n}),t+=d.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,l,s,r;if(e===z)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===(l=null==a?void 0:a._$AO)||void 0===l||l.call(a,!1),void 0===p?a=void 0:(a=new p(t),a._$AT(t,i,o)),void 0!==o?(null!==(s=(r=i)._$Cl)&&void 0!==s?s:r._$Cl=[])[o]=a:i._$Cu=a),void 0!==a&&(e=I(t,a._$AS(t,e.values),a,o)),e}class F{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 l=E.nextNode(),s=0,r=0,a=o[0];for(;void 0!==a;){if(s===a.index){let e;2===a.type?e=new A(l,l.nextSibling,this,t):1===a.type?e=new a.ctor(l,a.name,a.strings,this,t):6===a.type&&(e=new N(l,this,t)),this.v.push(e),a=o[++r]}s!==(null==a?void 0:a.index)&&(l=E.nextNode(),s++)}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 A{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!==z&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):(t=>{var e;return y(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=B.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 F(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 B(t)),e}A(t){y(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 A(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 j{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 l=!1;if(void 0===n)t=I(this,t,e,0),l=!b(t)||t!==this._$AH&&t!==z,l&&(this._$AH=t);else{const o=t;let s,r;for(t=n[0],s=0;s<n.length-1;s++)r=I(this,o[i+s],e,s),r===z&&(r=this._$AH[s]),l||(l=!b(r)||r!==this._$AH[s]),r===O?t=O:t!==O&&(t+=(null!=r?r:"")+n[s+1]),this._$AH[s]=r}l&&!o&&this.k(t)}k(t){t===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class T extends j{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===O?void 0:t}}const Z=a?a.emptyScript:"";class _ extends j{constructor(){super(...arguments),this.type=4}k(t){t&&t!==O?this.element.setAttribute(this.name,Z):this.element.removeAttribute(this.name)}}class R extends j{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)===z)return;const o=this._$AH,n=t===O&&o!==O||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,l=t!==O&&(o===O||n);n&&this.element.removeEventListener(this.name,this,o),l&&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 N{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(B,A),(null!==(r=globalThis.litHtmlVersions)&&void 0!==r?r:globalThis.litHtmlVersions=[]).push("2.1.3");
+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");
 /**
      * @license
      * Copyright 2020 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;let l,s;const r=[],a=[];let p,d=0,f=!1;for(;d<n;){for(p=e[d];d<n&&void 0!==(s=i[d],l=null===(o=s)||void 0===o?void 0:o._$litStatic$);)p+=l+e[++d],f=!0;a.push(s),r.push(p),d++}if(d===n&&r.push(e[n]),f){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)})(S);var W,G=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};!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 P=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),K=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),V={fontFamily:K,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")},X=e.FtCssVariable.extend("--ft-typography-title-font-family",P),Y=e.FtCssVariable.extend("--ft-typography-title-font-size",V.fontSize,"20px"),q=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",P),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"),lt=e.FtCssVariable.extend("--ft-typography-title-dense-line-height",V.lineHeight,"24px"),st=e.FtCssVariable.extend("--ft-typography-title-dense-text-transform",V.textTransform,"inherit"),rt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-family",K),at=e.FtCssVariable.extend("--ft-typography-subtitle1-font-size",V.fontSize,"16px"),pt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",V.fontWeight,"600"),dt=e.FtCssVariable.extend("--ft-typography-subtitle1-letter-spacing",V.letterSpacing,"0.144px"),ft=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",K),ut=e.FtCssVariable.extend("--ft-typography-subtitle2-font-size",V.fontSize,"14px"),bt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-weight",V.fontWeight,"normal"),yt=e.FtCssVariable.extend("--ft-typography-subtitle2-letter-spacing",V.letterSpacing,"0.098px"),gt=e.FtCssVariable.extend("--ft-typography-subtitle2-line-height",V.lineHeight,"24px"),vt=e.FtCssVariable.extend("--ft-typography-subtitle2-text-transform",V.textTransform,"inherit"),xt={fontFamily:e.FtCssVariable.extend("--ft-typography-body1-font-family",K),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")},$t=e.FtCssVariable.extend("--ft-typography-body2-font-family",K),mt=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"),St=e.FtCssVariable.extend("--ft-typography-body2-line-height",V.lineHeight,"20px"),zt=e.FtCssVariable.extend("--ft-typography-body2-text-transform",V.textTransform,"inherit"),Ot={fontFamily:e.FtCssVariable.extend("--ft-typography-caption-font-family",K),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",K),Et=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-size",V.fontSize,"10px"),Dt=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-weight",V.fontWeight,"normal"),Bt=e.FtCssVariable.extend("--ft-typography-breadcrumb-letter-spacing",V.letterSpacing,"0.33px"),It=e.FtCssVariable.extend("--ft-typography-breadcrumb-line-height",V.lineHeight,"16px"),Ft=e.FtCssVariable.extend("--ft-typography-breadcrumb-text-transform",V.textTransform,"inherit"),At=e.FtCssVariable.extend("--ft-typography-overline-font-family",K),jt=e.FtCssVariable.extend("--ft-typography-overline-font-size",V.fontSize,"10px"),Tt=e.FtCssVariable.extend("--ft-typography-overline-font-weight",V.fontWeight,"normal"),Zt=e.FtCssVariable.extend("--ft-typography-overline-letter-spacing",V.letterSpacing,"1.5px"),_t=e.FtCssVariable.extend("--ft-typography-overline-line-height",V.lineHeight,"16px"),Rt=e.FtCssVariable.extend("--ft-typography-overline-text-transform",V.textTransform,"uppercase"),Nt={fontFamily:e.FtCssVariable.extend("--ft-typography-button-font-family",K),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`
+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`
     .ft-typography--title {
-        font-family: ${X};
-        font-size: ${Y};
-        font-weight: ${q};
+        font-family: ${q};
+        font-size: ${X};
+        font-weight: ${Y};
         letter-spacing: ${J};
         line-height: ${Q};
         text-transform: ${tt};
@@ -25,16 +25,16 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
         font-size: ${it};
         font-weight: ${ot};
         letter-spacing: ${nt};
-        line-height: ${lt};
-        text-transform: ${st};
+        line-height: ${st};
+        text-transform: ${lt};
     }
 `,Ht=i.css`
     .ft-typography--subtitle1 {
         font-family: ${rt};
         font-size: ${at};
         font-weight: ${pt};
-        letter-spacing: ${dt};
-        line-height: ${ft};
+        letter-spacing: ${ft};
+        line-height: ${dt};
         text-transform: ${ht};
     }
 `,Lt=i.css`
@@ -42,30 +42,30 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
         font-family: ${ct};
         font-size: ${ut};
         font-weight: ${bt};
-        letter-spacing: ${yt};
-        line-height: ${gt};
-        text-transform: ${vt};
+        letter-spacing: ${xt};
+        line-height: ${vt};
+        text-transform: ${yt};
     }
 
 `,Wt=i.css`
     .ft-typography--body1 {
-        font-family: ${xt.fontFamily};
-        font-size: ${xt.fontSize};
-        font-weight: ${xt.fontWeight};
-        letter-spacing: ${xt.letterSpacing};
-        line-height: ${xt.lineHeight};
-        text-transform: ${xt.textTransform};
+        font-family: ${gt.fontFamily};
+        font-size: ${gt.fontSize};
+        font-weight: ${gt.fontWeight};
+        letter-spacing: ${gt.letterSpacing};
+        line-height: ${gt.lineHeight};
+        text-transform: ${gt.textTransform};
     }
-`,Gt=i.css`
+`,Kt=i.css`
     .ft-typography--body2 {
-        font-family: ${$t};
-        font-size: ${mt};
+        font-family: ${mt};
+        font-size: ${$t};
         font-weight: ${wt};
         letter-spacing: ${kt};
-        line-height: ${St};
-        text-transform: ${zt};
+        line-height: ${zt};
+        text-transform: ${St};
     }
-`,Pt=i.css`
+`,Gt=i.css`
     .ft-typography--caption {
         font-family: ${Ot.fontFamily};
         font-size: ${Ot.fontSize};
@@ -74,46 +74,46 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
         line-height: ${Ot.lineHeight};
         text-transform: ${Ot.textTransform};
     }
-`,Kt=i.css`
+`,Pt=i.css`
     .ft-typography--breadcrumb {
         font-family: ${Ct};
         font-size: ${Et};
-        font-weight: ${Dt};
-        letter-spacing: ${Bt};
-        line-height: ${It};
-        text-transform: ${Ft};
+        font-weight: ${Ft};
+        letter-spacing: ${Dt};
+        line-height: ${jt};
+        text-transform: ${It};
     }
 `,Vt=i.css`
     .ft-typography--overline {
-        font-family: ${At};
-        font-size: ${jt};
-        font-weight: ${Tt};
-        letter-spacing: ${Zt};
-        line-height: ${_t};
-        text-transform: ${Rt};
+        font-family: ${Bt};
+        font-size: ${At};
+        font-weight: ${Nt};
+        letter-spacing: ${Tt};
+        line-height: ${Zt};
+        text-transform: ${_t};
     }
-`,Xt=i.css`
+`,qt=i.css`
     .ft-typography--button {
-        font-family: ${Nt.fontFamily};
-        font-size: ${Nt.fontSize};
-        font-weight: ${Nt.fontWeight};
-        letter-spacing: ${Nt.letterSpacing};
-        line-height: ${Nt.lineHeight};
-        text-transform: ${Nt.textTransform};
+        font-family: ${Rt.fontFamily};
+        font-size: ${Rt.fontSize};
+        font-weight: ${Rt.fontWeight};
+        letter-spacing: ${Rt.letterSpacing};
+        line-height: ${Rt.lineHeight};
+        text-transform: ${Rt.textTransform};
     }
-`;class Yt extends e.FtLitElement{constructor(){super(...arguments),this.variant=W.body1}render(){return this.element?L`
+`;class Xt extends e.FtLitElement{constructor(){super(...arguments),this.variant=W.body1}render(){return this.element?L`
                 <${U(this.element)}
                         class="ft-typography ft-typography--${this.variant}">
                     <slot></slot>
                 </${U(this.element)}>
             `:L`
             <slot class="ft-typography ft-typography--${this.variant}"></slot>
-        `}}Yt.styles=[Mt,Ut,Ht,Lt,Wt,Gt,Pt,Kt,Vt,Xt,i.css`
+        `}}Xt.styles=[Mt,Ut,Ht,Lt,Wt,Kt,Gt,Pt,Vt,qt,i.css`
             .ft-typography {
                 vertical-align: inherit;
             }
-        `],G([o.property()],Yt.prototype,"element",void 0),G([o.property()],Yt.prototype,"variant",void 0),e.customElement("ft-typography")(Yt);var qt=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};const Jt={fontSize:e.FtCssVariable.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:e.FtCssVariable.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:e.FtCssVariable.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:e.FtCssVariable.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariable.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:e.FtCssVariable.extend("--ft-input-label-border-color",e.designSystemVariables.colorOutline),textColor:e.FtCssVariable.extend("--ft-input-label-text-color",e.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:e.FtCssVariable.extend("--ft-input-label-disabled-text-color",e.designSystemVariables.colorOnSurfaceDisabled),colorSurface:e.FtCssVariable.external(e.designSystemVariables.colorSurface,"Design system"),borderRadiusS:e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system")};class Qt extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled};return i.html`
-            <div class="${s.classMap(t)}">
+        `],K([o.property()],Xt.prototype,"element",void 0),K([o.property()],Xt.prototype,"variant",void 0),e.customElement("ft-typography")(Xt);var Yt=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 Jt={fontSize:e.FtCssVariable.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:e.FtCssVariable.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:e.FtCssVariable.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:e.FtCssVariable.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariable.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:e.FtCssVariable.extend("--ft-input-label-border-color",e.designSystemVariables.colorOutline),textColor:e.FtCssVariable.extend("--ft-input-label-text-color",e.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:e.FtCssVariable.extend("--ft-input-label-disabled-text-color",e.designSystemVariables.colorOnSurfaceDisabled),colorSurface:e.FtCssVariable.external(e.designSystemVariables.colorSurface,"Design system"),borderRadiusS:e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system")};class Qt extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled};return i.html`
+            <div class="${l.classMap(t)}">
                 ${this.text?i.html`
                     <div class="ft-input-label--text ft-typography--caption">
                         <span class="ft-input-label--floating-text">${this.text}</span>
@@ -121,7 +121,7 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
                     </div>
                 `:null}
             </div>
-        `}}Qt.elementDefinitions={},Qt.styles=[Pt,i.css`
+        `}}Qt.elementDefinitions={},Qt.styles=[Gt,i.css`
             .ft-input-label {
                 position: absolute;
                 inset: 0;
@@ -224,7 +224,7 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
             .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
                 border-top: none;
             }
-        `],qt([o.property({type:String})],Qt.prototype,"text",void 0),qt([o.property({type:Boolean})],Qt.prototype,"raised",void 0),qt([o.property({type:Boolean})],Qt.prototype,"outlined",void 0),qt([o.property({type:Boolean})],Qt.prototype,"disabled",void 0),e.customElement("ft-input-label")(Qt);var te=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};const ee={color:e.FtCssVariable.extend("--ft-ripple-color",e.designSystemVariables.colorContent),primaryColor:e.FtCssVariable.extend("--ft-ripple-primary-color",e.FtCssVariable.extend("--ft-ripple-color",e.designSystemVariables.colorPrimary)),secondaryColor:e.FtCssVariable.extend("--ft-ripple-secondary-color",e.FtCssVariable.extend("--ft-ripple-color",e.designSystemVariables.colorSecondary)),opacityContentOnSurfacePressed:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceSelected,"Design system")};class ie extends e.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed)},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.moveRipple=t=>{var e,i;let{x:o,y:n}=this.getCoordinates(t),l=null!==(i=null===(e=this.ripple)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==i?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-l.x:l.width/2),this.originY=Math.round(null!=n?n-l.y:l.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return i.html`
+        `],Yt([o.property({type:String})],Qt.prototype,"text",void 0),Yt([o.property({type:Boolean})],Qt.prototype,"raised",void 0),Yt([o.property({type:Boolean})],Qt.prototype,"outlined",void 0),Yt([o.property({type:Boolean})],Qt.prototype,"disabled",void 0),e.customElement("ft-input-label")(Qt);var te=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 ee={color:e.FtCssVariable.extend("--ft-ripple-color",e.designSystemVariables.colorContent),primaryColor:e.FtCssVariable.extend("--ft-ripple-primary-color",e.FtCssVariable.extend("--ft-ripple-color",e.designSystemVariables.colorPrimary)),secondaryColor:e.FtCssVariable.extend("--ft-ripple-secondary-color",e.FtCssVariable.extend("--ft-ripple-color",e.designSystemVariables.colorSecondary)),opacityContentOnSurfacePressed:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceSelected,"Design system")};class ie extends e.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed)},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.moveRipple=t=>{var e,i;let{x:o,y:n}=this.getCoordinates(t),s=null!==(i=null===(e=this.ripple)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==i?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-s.x:s.width/2),this.originY=Math.round(null!=n?n-s.y:s.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return i.html`
             <style>
                 .ft-ripple .ft-ripple--effect,
                 .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
@@ -237,11 +237,11 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
                     top: ${this.originY}px;
                 }
             </style>
-            <div class="${s.classMap(t)}">
+            <div class="${l.classMap(t)}">
                 <div class="ft-ripple--background"></div>
                 <div class="ft-ripple--effect"></div>
             </div>
-        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){super.updated(t),t.has("disabled")&&this.disabled&&this.endRipple(),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){var t;super.connectedCallback();const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(e),this.setRippleSize()}setupFor(t){this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),n=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",n),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",i),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",n),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),this.onDisconnect=void 0}}getCoordinates(t){const e=t,i=t;let o,n;return null!=e.x?({x:o,y:n}=e):null!=i.touches&&(o=i.touches[0].clientX,n=i.touches[0].clientY),{x:o,y:n}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}ie.elementDefinitions={},ie.styles=i.css`
+        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){super.updated(t),t.has("disabled")&&this.disabled&&this.endRipple(),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){var t;super.connectedCallback();const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(e),this.setRippleSize()}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),n=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",n),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",i),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",n),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0}}getCoordinates(t){const e=t,i=t;let o,n;return null!=e.x?({x:o,y:n}=e):null!=i.touches&&(o=i.touches[0].clientX,n=i.touches[0].clientY),{x:o,y:n}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}var oe,ne;ie.elementDefinitions={},ie.styles=i.css`
         :host {
             display: contents;
         }
@@ -316,40 +316,52 @@ const U=t=>({_$litStatic$:t}),H=new Map,L=(t=>(e,...i)=>{var o;const n=i.length;
             opacity: ${ee.opacityContentOnSurfacePressed};
             transform: translate(-50%, -50%) scale(1);
         }
-    `,te([o.property({type:Boolean})],ie.prototype,"primary",void 0),te([o.property({type:Boolean})],ie.prototype,"secondary",void 0),te([o.property({type:Boolean})],ie.prototype,"unbounded",void 0),te([o.property({type:Boolean})],ie.prototype,"activated",void 0),te([o.property({type:Boolean})],ie.prototype,"selected",void 0),te([o.property({type:Boolean})],ie.prototype,"disabled",void 0),te([o.state()],ie.prototype,"hovered",void 0),te([o.state()],ie.prototype,"focused",void 0),te([o.state()],ie.prototype,"pressed",void 0),te([o.state()],ie.prototype,"rippling",void 0),te([o.state()],ie.prototype,"rippleSize",void 0),te([o.state()],ie.prototype,"originX",void 0),te([o.state()],ie.prototype,"originY",void 0),te([o.query(".ft-ripple")],ie.prototype,"ripple",void 0),te([o.query(".ft-ripple--effect")],ie.prototype,"rippleEffect",void 0),e.customElement("ft-ripple")(ie);
-/**
-     * @license
-     * Copyright 2021 Google LLC
-     * SPDX-LIcense-Identifier: Apache-2.0
-     */
-const oe=i.css`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`
-/**
-     * @license
-     * Copyright 2018 Google LLC
-     * SPDX-License-Identifier: Apache-2.0
-     */;let ne=class extends i.LitElement{render(){return i.html`<span><slot></slot></span>`}};ne.styles=[oe],ne=
-/*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-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}([o.customElement("mwc-icon")],ne);var le=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 se extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return i.html``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}se.elementDefinitions={},le([o.property({type:String})],se.prototype,"label",void 0),le([o.property({type:Object,converter:t=>t})],se.prototype,"value",void 0),le([o.property({type:Boolean,reflect:!0})],se.prototype,"selected",void 0);const re={labelSize:e.FtCssVariable.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:e.FtCssVariable.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:e.FtCssVariable.create("--ft-select-vertical-spacing","SIZE","4px"),selectedOptionColor:e.FtCssVariable.extend("--ft-select-selected-option-color",e.designSystemVariables.colorOnSurface),helperColor:e.FtCssVariable.extend("--ft-select-helper-color",e.designSystemVariables.colorOnSurfaceMedium),optionsColor:e.FtCssVariable.extend("--ft-select-options-color",e.designSystemVariables.colorOnSurface),optionsZIndex:e.FtCssVariable.create("--ft-select-options-z-index","NUMBER","2"),colorSurface:e.FtCssVariable.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariable.external(e.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system"),elevation02:e.FtCssVariable.external(e.designSystemVariables.elevation02,"Design system")};class ae extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,e,o,l,r;let a=!this.disabled&&this.optionsDisplayed&&this.hasOptions,p=this.disabled||!this.hasOptions;const d=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(o=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==o?o:"").length>0,f={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":p,"ft-select--options-displayed":a,"ft-select--has-option-selected":d,"ft-select--no-label":!this.label};return i.html`
-            <div class="${s.classMap(f)}" part="container">
+    `,te([o.property({type:Boolean})],ie.prototype,"primary",void 0),te([o.property({type:Boolean})],ie.prototype,"secondary",void 0),te([o.property({type:Boolean})],ie.prototype,"unbounded",void 0),te([o.property({type:Boolean})],ie.prototype,"activated",void 0),te([o.property({type:Boolean})],ie.prototype,"selected",void 0),te([o.property({type:Boolean})],ie.prototype,"disabled",void 0),te([o.state()],ie.prototype,"hovered",void 0),te([o.state()],ie.prototype,"focused",void 0),te([o.state()],ie.prototype,"pressed",void 0),te([o.state()],ie.prototype,"rippling",void 0),te([o.state()],ie.prototype,"rippleSize",void 0),te([o.state()],ie.prototype,"originX",void 0),te([o.state()],ie.prototype,"originY",void 0),te([o.query(".ft-ripple")],ie.prototype,"ripple",void 0),te([o.query(".ft-ripple--effect")],ie.prototype,"rippleEffect",void 0),e.customElement("ft-ripple")(ie),function(t){t.THIN_ARROW_LEFT="&#xe956;",t.THIN_ARROW_RIGHT="&#xe957;",t.MY_COLLECTIONS="&#xe955;",t.OFFLINE_SETTINGS="&#xe954;",t.MY_LIBRARY="&#xe959;",t.RATE_PLAIN="&#xe952;",t.RATE="&#xe953;",t.FEEDBACK_PLAIN="&#xe951;",t.STAR_PLAIN="&#xe94b;",t.STAR="&#xe94c;",t.THUMBS_DOWN_PLAIN="&#xe94d;",t.THUMBS_DOWN="&#xe94e;",t.THUMBS_UP_PLAIN="&#xe94f;",t.THUMBS_UP="&#xe950;",t.PAUSE="&#xe949;",t.PLAY="&#xe94a;",t.RELATIVES_PLAIN="&#xe947;",t.RELATIVES="&#xe948;",t.SHORTCUT_MENU="&#xe946;",t.PRINT="&#xe944;",t.DEFAULT_ROLES="&#xe945;",t.ACCOUNT_SETTINGS="&#xe943;",t.ONLINE="&#xe941;",t.OFFLINE="&#xe816;",t.UPLOAD="&#xe940;",t.BOOK_PLAIN="&#xe93f;",t.SYNC="&#xe93d;",t.SHARED_PBK="&#xe931;",t.COLLECTIONS="&#xe92a;",t.SEARCH_IN_PUBLICATION="&#xe92f;",t.BOOKS="&#xe806;",t.LOCKER="&#xe93b;",t.ARROW_DOWN="&#xe92b;",t.ARROW_LEFT="&#xe92c;",t.ARROW_RIGHT="&#xe92d;",t.ARROW_UP="&#xe92e;",t.SAVE="&#xe93a;",t.MAILS_AND_NOTIFICATIONS="&#xe939;",t.DOT="&#xe936;",t.MINUS="&#xe937;",t.PLUS="&#xe938;",t.FILTERS="&#xe935;",t.STRIPE_ARROW_RIGHT="&#xe934;",t.STRIPE_ARROW_LEFT="&#xe933;",t.ATTACHMENTS="&#xe932;",t.ADD_BOOKMARK="&#xe804;",t.BOOKMARK="&#xe805;",t.EXPORT="&#xe80f;",t.MENU="&#xe807;",t.TAG="&#xe93e;",t.TAG_PLAIN="&#xe942;",t.COPY_TO_CLIPBOARD="&#xe930;",t.COLUMNS="&#xe928;",t.ARTICLE="&#xe927;",t.CLOSE_PLAIN="&#xe925;",t.CHECK_PLAIN="&#xe926;",t.LOGOUT="&#xe923;",t.SIGN_IN="&#xe922;",t.THIN_ARROW="&#xe921;",t.TRIANGLE_BOTTOM="&#xe91d;",t.TRIANGLE_LEFT="&#xe91e;",t.TRIANGLE_RIGHT="&#xe91f;",t.TRIANGLE_TOP="&#xe920;",t.FACET_HAS_DESCENDANT="&#xe91c;",t.MINUS_PLAIN="&#xe91a;",t.PLUS_PLAIN="&#xe91b;",t.INFO="&#xe919;",t.ICON_EXPAND="&#xe917;",t.ICON_COLLAPSE="&#xe918;",t.ADD_TO_PBK="&#xe800;",t.ALERT="&#xe801;",t.ADD_ALERT="&#xe802;",t.BACK_TO_SEARCH="&#xe803;",t.DOWNLOAD="&#xe808;",t.EDIT="&#xe809;",t.FEEDBACK="&#xe80a;",t.MODIFY_PBK="&#xe80c;",t.SCHEDULED="&#xe80d;",t.SEARCH="&#xe80e;",t.SHARE="&#xe80f1;",t.TOC="&#xe810;",t.WRITE_UGC="&#xe811;",t.TRASH="&#xe812;",t.EXTLINK="&#xe814;",t.CALENDAR="&#xe815;",t.BOOK="&#xe817;",t.DOWNLOAD_PLAIN="&#xe818;",t.CHECK="&#xe819;",t.TOPICS="&#xe900;",t.EYE="\f06e",t.DISC="&#xe901;",t.CIRCLE="&#xe903;",t.SHARED="&#xe904;",t.SORT_UNSORTED="&#xe905;",t.SORT_UP="&#xe906;",t.SORT_DOWN="&#xe907;",t.WORKING="&#xe908;",t.CLOSE="&#xe909;",t.ZOOM_OUT="&#xe90a;",t.ZOOM_IN="&#xe90b;",t.ZOOM_REALSIZE="&#xe90c;",t.ZOOM_FULLSCREEN="&#xe90d;",t.ADMIN_RESTRICTED="&#xe90e;",t.ADMIN_THEME="&#xe911;",t.WARNING="&#xe913;",t.CONTEXT="&#xe914;",t.SEARCH_HOME="&#xe915;",t.STEPS="&#xe916;",t.HOME="&#xe80b;",t.TRANSLATE="&#xe924;",t.USER="&#xe813;",t.ADMIN="&#xe902;",t.ANALYTICS="&#xe929;",t.ADMIN_KHUB="&#xe90f;",t.ADMIN_USERS="&#xe910;",t.ADMIN_INTEGRATION="&#xe93c;",t.ADMIN_PORTAL="&#xe912;"}(oe||(oe={})),function(t){t.UNKNOWN="&#xe90a;",t.ABW="&#xe900;",t.AUDIO="&#xe901;",t.AVI="&#xe902;",t.CHM="&#xe904;",t.CODE="&#xe905;",t.CSV="&#xe903;",t.DITA="&#xe906;",t.EPUB="&#xe907;",t.EXCEL="&#xe908;",t.FLAC="&#xe909;",t.GIF="&#xe90b;",t.GZIP="&#xe90c;",t.HTML="&#xe90d;",t.IMAGE="&#xe90e;",t.JPEG="&#xe90f;",t.JSON="&#xe910;",t.M4A="&#xe911;",t.MOV="&#xe912;",t.MP3="&#xe913;",t.MP4="&#xe914;",t.OGG="&#xe915;",t.PDF="&#xe916;",t.PNG="&#xe917;",t.POWERPOINT="&#xe918;",t.RAR="&#xe91a;",t.STP="&#xe91b;",t.TEXT="&#xe91c;",t.VIDEO="&#xe91e;",t.WAV="&#xe91f;",t.WMA="&#xe920;",t.WORD="&#xe921;",t.XML="&#xe922;",t.YAML="&#xe919;",t.ZIP="&#xe923;"}(ne||(ne={})),new Map([...["abw"].map((t=>[t,ne.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,ne.AUDIO])),...["avi"].map((t=>[t,ne.AVI])),...["chm","xhs"].map((t=>[t,ne.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,ne.CODE])),...["csv"].map((t=>[t,ne.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,ne.DITA])),...["epub"].map((t=>[t,ne.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,ne.EXCEL])),...["flac"].map((t=>[t,ne.FLAC])),...["gif"].map((t=>[t,ne.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,ne.GZIP])),...["html","htm","xhtml"].map((t=>[t,ne.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,ne.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,ne.JPEG])),...["json"].map((t=>[t,ne.JSON])),...["m4a","m4p"].map((t=>[t,ne.M4A])),...["mov","qt"].map((t=>[t,ne.MOV])),...["mp3"].map((t=>[t,ne.MP3])),...["mp4","m4v"].map((t=>[t,ne.MP4])),...["ogg","oga"].map((t=>[t,ne.OGG])),...["pdf","ps"].map((t=>[t,ne.PDF])),...["png"].map((t=>[t,ne.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,ne.POWERPOINT])),...["rar"].map((t=>[t,ne.RAR])),...["stp"].map((t=>[t,ne.STP])),...["txt","rtf","md","mdown"].map((t=>[t,ne.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,ne.VIDEO])),...["wav"].map((t=>[t,ne.WAV])),...["wma"].map((t=>[t,ne.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,ne.WORD])),...["xml","xsl","rdf"].map((t=>[t,ne.XML])),...["yaml","yml","x-yaml"].map((t=>[t,ne.YAML])),...["zip"].map((t=>[t,ne.ZIP]))]);var se,le=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.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(se||(se={}));const re={size:e.FtCssVariable.create("--ft-icon-font-size","SIZE","24px"),fluidTopicsFontFamily:e.FtCssVariable.extend("--ft-icon-fluid-topics-font-family",e.FtCssVariable.create("--ft-icon-font-family","UNKNOWN","ft-icons")),fileFormatFontFamily:e.FtCssVariable.extend("--ft-icon-file-format-font-family",e.FtCssVariable.create("--ft-icon-font-family","UNKNOWN","ft-mime")),materialFontFamily:e.FtCssVariable.extend("--ft-icon-material-font-family",e.FtCssVariable.create("--ft-icon-font-family","UNKNOWN","Material Icons"))};class ae extends e.FtLitElement{constructor(){super(...arguments),this.variant=se.fluid_topics}render(){return i.html`
+            <i class="ft-icon ${"ft-icon--"+this.variant}">
+                ${s.unsafeHTML(this.getIcon())}
+                <slot @slotchange=${()=>this.requestUpdate()} ?hidden=${"material"!==this.variant}></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:""}getIcon(){var t,e;let o=this.textContent;return this.variant===se.file_format?null!==(t=ne[o.toUpperCase()])&&void 0!==t?t:o:this.variant===se.fluid_topics?null!==(e=oe[o.toUpperCase()])&&void 0!==e?e:o:i.nothing}}ae.elementDefinitions={},ae.styles=i.css`
+        :host, i.ft-icon {
+            display: inline-block;
+            width: ${re.size};
+            height: ${re.size};
+            text-align: center;
+        }
+
+        i.ft-icon {
+            font-size: ${re.size};
+            line-height: 1;
+            font-weight: normal;
+            text-transform: none;
+            font-style: normal;
+            font-variant: normal;
+            speak: none;
+            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
+            text-rendering: auto;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+        }
+
+        .ft-icon--fluid-topics {
+            font-family: ${re.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
+        }
+
+        .ft-icon--file-format {
+            font-family: ${re.fileFormatFontFamily}, ft-mime, sans-serif;
+        }
+
+        .ft-icon--material {
+            font-family: ${re.materialFontFamily}, "Material Icons", sans-serif;
+        }
+    `,le([o.property()],ae.prototype,"variant",void 0),le([o.query("slot")],ae.prototype,"slottedContent",void 0),e.customElement("ft-icon")(ae);var pe=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 fe extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return i.html``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}fe.elementDefinitions={},pe([o.property({type:String})],fe.prototype,"label",void 0),pe([o.property({type:Object,converter:t=>t})],fe.prototype,"value",void 0),pe([o.property({type:Boolean,reflect:!0})],fe.prototype,"selected",void 0);const de={labelSize:e.FtCssVariable.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:e.FtCssVariable.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:e.FtCssVariable.create("--ft-select-vertical-spacing","SIZE","4px"),selectedOptionColor:e.FtCssVariable.extend("--ft-select-selected-option-color",e.designSystemVariables.colorOnSurface),helperColor:e.FtCssVariable.extend("--ft-select-helper-color",e.designSystemVariables.colorOnSurfaceMedium),optionsColor:e.FtCssVariable.extend("--ft-select-options-color",e.designSystemVariables.colorOnSurface),optionsZIndex:e.FtCssVariable.create("--ft-select-options-z-index","NUMBER","2"),colorSurface:e.FtCssVariable.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariable.external(e.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system"),elevation02:e.FtCssVariable.external(e.designSystemVariables.elevation02,"Design system")};class he extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,e,o,s,r;let a=!this.disabled&&this.optionsDisplayed&&this.hasOptions,p=this.disabled||!this.hasOptions;const f=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(o=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==o?o:"").length>0,d={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":p,"ft-select--options-displayed":a,"ft-select--has-option-selected":f,"ft-select--no-label":!this.label};return i.html`
+            <div class="${l.classMap(d)}" part="container">
                 <div class="ft-select--main-panel" part="main-panel">
                     <ft-input-label text="${this.label}"
                                     part="label"
                                     ?disabled=${p}
                                     ?outlined=${this.outlined}
-                                    ?raised=${d||a}
+                                    ?raised=${f||a}
                     ></ft-input-label>
                     <div class="ft-select--input-panel"
                          part="selected-value"
@@ -361,9 +373,9 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                          aria-expanded="${a}">
                         <ft-ripple ?disabled=${p} ?activated=${!this.outlined}></ft-ripple>
                         <ft-typography variant="body1" class="ft-select--selected-option">
-                            ${null!==(r=null===(l=this.selectedOption)||void 0===l?void 0:l.label)&&void 0!==r?r:""}
+                            ${null!==(r=null===(s=this.selectedOption)||void 0===s?void 0:s.label)&&void 0!==r?r:""}
                         </ft-typography>
-                        <mwc-icon>${a?"expand_less":"expand_more"}</mwc-icon>
+                        <ft-icon variant="material">${a?"expand_less":"expand_more"}</ft-icon>
                     </div>
                     <div class="ft-select--options"
                          part="options"
@@ -380,7 +392,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                   @option-change=${this.updateOptionsFromSlot}
             ></slot>
         `}renderOption(t){let e=this.selectedOption===t;const o={"ft-select--option":!0,"ft-select--option-selected":e,"ft-typography--body2":!0};return i.html`
-            <div class="${s.classMap(o)}"
+            <div class="${l.classMap(o)}"
                  part="option"
                  tabindex="0"
                  @keydown=${e=>this.onOptionKeyDown(e,t)}
@@ -388,7 +400,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 <ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
                 ${t.label}
             </div>
-        `}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value})))}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,n,l;let s;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),s=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),s=null!==(l=null===(n=this.focusedOption)||void 0===n?void 0:n.nextElementSibling)&&void 0!==l?l:this.firstOption}null==s||s.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}ae.elementDefinitions={"ft-input-label":Qt,"ft-typography":Yt,"ft-ripple":ie,"mwc-icon":ne},ae.styles=[Gt,Pt,i.css`
+        `}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value})))}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,n,s;let l;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),l=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),l=null!==(s=null===(n=this.focusedOption)||void 0===n?void 0:n.nextElementSibling)&&void 0!==s?s:this.firstOption}null==l||l.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}he.elementDefinitions={"ft-input-label":Qt,"ft-typography":Xt,"ft-ripple":ie,"ft-icon":ae},he.styles=[Kt,Gt,i.css`
             *:focus {
                 outline: none;
             }
@@ -402,7 +414,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
             .ft-select--main-panel {
                 position: relative;
                 display: flex;
-                height: calc(4 * ${re.verticalSpacing} + ${re.labelSize} + ${re.selectedOptionSize});
+                height: calc(4 * ${de.verticalSpacing} + ${de.labelSize} + ${de.selectedOptionSize});
             }
 
             .ft-select--input-panel {
@@ -414,8 +426,8 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 padding-left: 16px;
                 padding-right: 8px;
                 gap: 8px;
-                color: ${re.selectedOptionColor};
-                ${e.setVariable(ee.color,re.selectedOptionColor)};
+                color: ${de.selectedOptionColor};
+                ${e.setVariable(ee.color,de.selectedOptionColor)};
             }
 
             .ft-select--input-panel,
@@ -426,7 +438,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
 
             .ft-select--disabled .ft-select--input-panel,
             .ft-select--disabled .ft-select--option {
-                color: ${re.colorOnSurfaceDisabled};
+                color: ${de.colorOnSurfaceDisabled};
             }
 
             .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
@@ -435,18 +447,18 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
             }
 
             ft-input-label {
-                ${e.setVariable(Jt.fontSize,re.selectedOptionSize)};
-                ${e.setVariable(Jt.raisedFontSize,re.labelSize)};
-                ${e.setVariable(Jt.verticalSpacing,re.verticalSpacing)};
+                ${e.setVariable(Jt.fontSize,de.selectedOptionSize)};
+                ${e.setVariable(Jt.raisedFontSize,de.labelSize)};
+                ${e.setVariable(Jt.verticalSpacing,de.verticalSpacing)};
             }
 
-            .ft-select:not(.ft-select--disabled):focus-within mwc-icon {
-                color: ${re.colorPrimary};
+            .ft-select:not(.ft-select--disabled):focus-within ft-icon {
+                color: ${de.colorPrimary};
             }
 
             .ft-select:not(.ft-select--disabled):focus-within ft-input-label {
-                ${e.setVariable(Jt.borderColor,re.colorPrimary)};
-                ${e.setVariable(Jt.textColor,re.colorPrimary)};
+                ${e.setVariable(Jt.borderColor,de.colorPrimary)};
+                ${e.setVariable(Jt.textColor,de.colorPrimary)};
             }
 
             .ft-select--selected-option {
@@ -456,11 +468,11 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
-                ${e.setVariable(xt.fontSize,re.selectedOptionSize)};
-                ${e.setVariable(xt.lineHeight,re.selectedOptionSize)};
+                ${e.setVariable(gt.fontSize,de.selectedOptionSize)};
+                ${e.setVariable(gt.lineHeight,de.selectedOptionSize)};
             }
 
-            mwc-icon {
+            ft-icon {
                 flex-shrink: 0;
             }
 
@@ -469,16 +481,16 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
             }
 
             .ft-select--filled .ft-select--input-panel {
-                border-radius: ${re.borderRadiusS} ${re.borderRadiusS} 0 0;
+                border-radius: ${de.borderRadiusS} ${de.borderRadiusS} 0 0;
             }
 
             .ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
                 align-self: stretch;
-                padding-top: calc(${re.labelSize} + 2 * ${re.verticalSpacing});
+                padding-top: calc(${de.labelSize} + 2 * ${de.verticalSpacing});
             }
 
             .ft-select--outlined .ft-select--input-panel {
-                border-radius: ${re.borderRadiusS};
+                border-radius: ${de.borderRadiusS};
             }
 
             .ft-select--options {
@@ -487,10 +499,10 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 top: 100%;
                 left: 0;
                 right: 0;
-                color: ${re.optionsColor};
-                background: ${re.colorSurface};
-                z-index: ${re.optionsZIndex};
-                box-shadow: ${re.elevation02};
+                color: ${de.optionsColor};
+                background: ${de.colorSurface};
+                z-index: ${de.optionsZIndex};
+                box-shadow: ${de.elevation02};
             }
 
             .ft-select--options-displayed .ft-select--options {
@@ -507,10 +519,10 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
 
             .ft-select--helper-text {
                 padding: 0 12px 0 16px;
-                color: ${re.helperColor};
+                color: ${de.helperColor};
             }
-        `],le([o.property({type:String})],ae.prototype,"label",void 0),le([o.property({type:String})],ae.prototype,"helper",void 0),le([o.property({type:Boolean})],ae.prototype,"outlined",void 0),le([o.property({type:Boolean})],ae.prototype,"disabled",void 0),le([o.property({type:Array})],ae.prototype,"options",void 0),le([o.state()],ae.prototype,"selectedOption",void 0),le([o.state()],ae.prototype,"optionsDisplayed",void 0),le([o.state()],ae.prototype,"focusOptions",void 0),le([o.query(".ft-select")],ae.prototype,"container",void 0),le([o.query(".ft-select--input-panel")],ae.prototype,"mainPanel",void 0),le([o.query(".ft-select--option:first-child")],ae.prototype,"firstOption",void 0),le([o.query(".ft-select--option:focus")],ae.prototype,"focusedOption",void 0),le([o.query(".ft-select--option.ft-select--option-selected")],ae.prototype,"selectedOptionElement",void 0),le([o.query(".ft-select--option:last-child")],ae.prototype,"lastOption",void 0),le([o.query("slot")],ae.prototype,"optionsSlot",void 0),e.customElement("ft-select")(ae),e.customElement("ft-select-option")(se);var pe=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};const de={fontSize:e.FtCssVariable.create("--ft-text-field-font-size","SIZE","14px"),labelSize:e.FtCssVariable.create("--ft-text-field-label-size","SIZE","11px"),verticalSpacing:e.FtCssVariable.create("--ft-text-field-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariable.create("--ft-text-field-horizontal-spacing","SIZE","16px"),helperColor:e.FtCssVariable.extend("--ft-text-field-helper-color",e.designSystemVariables.colorOnSurfaceMedium),colorPrimary:e.FtCssVariable.external(e.designSystemVariables.colorPrimary,"Design system"),colorOnSurface:e.FtCssVariable.external(e.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),borderRadiusS:e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system")};class fe extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value="",this.helper="",this.outlined=!1,this.disabled=!1,this.dataList=[],this.focused=!1}render(){const t={"ft-text-field":!0,"ft-text-field--filled":!this.outlined,"ft-text-field--outlined":this.outlined,"ft-text-field--disabled":this.disabled,"ft-text-field--has-value":!!this.value,"ft-text-field--no-label":!this.label};return i.html`
-            <div class="${s.classMap(t)}">
+        `],pe([o.property({type:String})],he.prototype,"label",void 0),pe([o.property({type:String})],he.prototype,"helper",void 0),pe([o.property({type:Boolean})],he.prototype,"outlined",void 0),pe([o.property({type:Boolean})],he.prototype,"disabled",void 0),pe([o.property({type:Array})],he.prototype,"options",void 0),pe([o.state()],he.prototype,"selectedOption",void 0),pe([o.state()],he.prototype,"optionsDisplayed",void 0),pe([o.state()],he.prototype,"focusOptions",void 0),pe([o.query(".ft-select")],he.prototype,"container",void 0),pe([o.query(".ft-select--input-panel")],he.prototype,"mainPanel",void 0),pe([o.query(".ft-select--option:first-child")],he.prototype,"firstOption",void 0),pe([o.query(".ft-select--option:focus")],he.prototype,"focusedOption",void 0),pe([o.query(".ft-select--option.ft-select--option-selected")],he.prototype,"selectedOptionElement",void 0),pe([o.query(".ft-select--option:last-child")],he.prototype,"lastOption",void 0),pe([o.query("slot")],he.prototype,"optionsSlot",void 0),e.customElement("ft-select")(he),e.customElement("ft-select-option")(fe);var ce=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 ue={fontSize:e.FtCssVariable.create("--ft-text-field-font-size","SIZE","14px"),labelSize:e.FtCssVariable.create("--ft-text-field-label-size","SIZE","11px"),verticalSpacing:e.FtCssVariable.create("--ft-text-field-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariable.create("--ft-text-field-horizontal-spacing","SIZE","16px"),helperColor:e.FtCssVariable.extend("--ft-text-field-helper-color",e.designSystemVariables.colorOnSurfaceMedium),colorPrimary:e.FtCssVariable.external(e.designSystemVariables.colorPrimary,"Design system"),colorOnSurface:e.FtCssVariable.external(e.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),borderRadiusS:e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system")};class be extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value="",this.helper="",this.outlined=!1,this.disabled=!1,this.dataList=[],this.focused=!1}render(){const t={"ft-text-field":!0,"ft-text-field--filled":!this.outlined,"ft-text-field--outlined":this.outlined,"ft-text-field--disabled":this.disabled,"ft-text-field--has-value":!!this.value,"ft-text-field--no-label":!this.label};return i.html`
+            <div class="${l.classMap(t)}">
                 <div class="ft-text-field--main-panel">
                     <ft-input-label text="${this.label}"
                                     ?disabled=${this.disabled}
@@ -544,7 +556,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                     <ft-typography class="ft-text-field--helper-text" variant="caption">${this.helper}
                     </ft-typography>`:void 0}
             </div>
-        `}updated(t){super.updated(t),t.has("value")&&this.dispatchEvent(new CustomEvent("live-change",{detail:this.value}))}updateValueFromInputField(){var t;this.value=(null===(t=this.input)||void 0===t?void 0:t.value)||"",this.dispatchEvent(new CustomEvent("change",{detail:this.value}))}liveUpdateValueFromInputField(){var t;this.value=(null===(t=this.input)||void 0===t?void 0:t.value)||""}}fe.elementDefinitions={"ft-input-label":Qt,"ft-ripple":ie,"ft-typography":Yt},fe.styles=[Wt,i.css`
+        `}updated(t){super.updated(t),t.has("value")&&this.dispatchEvent(new CustomEvent("live-change",{detail:this.value}))}updateValueFromInputField(){var t;this.value=(null===(t=this.input)||void 0===t?void 0:t.value)||"",this.dispatchEvent(new CustomEvent("change",{detail:this.value}))}liveUpdateValueFromInputField(){var t;this.value=(null===(t=this.input)||void 0===t?void 0:t.value)||""}}be.elementDefinitions={"ft-input-label":Qt,"ft-ripple":ie,"ft-typography":Xt},be.styles=[Wt,i.css`
             *:focus {
                 outline: none;
             }
@@ -556,16 +568,16 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
             }
 
             ft-input-label {
-                ${e.setVariable(Jt.fontSize,de.fontSize)};
-                ${e.setVariable(Jt.raisedFontSize,de.labelSize)};
-                ${e.setVariable(Jt.verticalSpacing,de.verticalSpacing)};
-                ${e.setVariable(Jt.horizontalSpacing,i.css`calc(${de.horizontalSpacing} - 4px)`)};
+                ${e.setVariable(Jt.fontSize,ue.fontSize)};
+                ${e.setVariable(Jt.raisedFontSize,ue.labelSize)};
+                ${e.setVariable(Jt.verticalSpacing,ue.verticalSpacing)};
+                ${e.setVariable(Jt.horizontalSpacing,i.css`calc(${ue.horizontalSpacing} - 4px)`)};
             }
 
             .ft-text-field--main-panel {
                 position: relative;
                 display: flex;
-                height: calc(4 * ${de.verticalSpacing} + ${de.labelSize} + ${de.fontSize});
+                height: calc(4 * ${ue.verticalSpacing} + ${ue.labelSize} + ${ue.fontSize});
             }
 
             .ft-text-field--input-panel {
@@ -588,11 +600,11 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 flex-shrink: 1;
                 min-width: 0; /* flex sets this to auto an prevents input from shrinking properly */
 
-                ${e.setVariable(xt.fontSize,de.fontSize)};
-                ${e.setVariable(xt.lineHeight,de.fontSize)};
-                color: ${de.colorOnSurface};
+                ${e.setVariable(gt.fontSize,ue.fontSize)};
+                ${e.setVariable(gt.lineHeight,ue.fontSize)};
+                color: ${ue.colorOnSurface};
 
-                padding: 0 ${de.horizontalSpacing};
+                padding: 0 ${ue.horizontalSpacing};
 
                 border: none;
                 background: none;
@@ -604,7 +616,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
             }
 
             .ft-text-field--disabled .ft-text-field--input {
-                color: ${de.colorOnSurfaceDisabled};
+                color: ${ue.colorOnSurfaceDisabled};
             }
 
             .ft-text-field:not(.ft-text-field--disabled) .ft-text-field--input-panel {
@@ -612,29 +624,29 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
             }
 
             .ft-text-field:not(.ft-text-field--disabled):focus-within ft-input-label {
-                ${e.setVariable(Jt.borderColor,de.colorPrimary)};
-                ${e.setVariable(Jt.textColor,de.colorPrimary)};
+                ${e.setVariable(Jt.borderColor,ue.colorPrimary)};
+                ${e.setVariable(Jt.textColor,ue.colorPrimary)};
             }
 
             .ft-text-field--filled .ft-text-field--input-panel {
-                border-radius: ${de.borderRadiusS} ${de.borderRadiusS} 0 0;
+                border-radius: ${ue.borderRadiusS} ${ue.borderRadiusS} 0 0;
             }
 
             .ft-text-field--filled:not(.ft-text-field--no-label) .ft-text-field--input {
                 align-self: stretch;
-                padding-bottom: ${de.verticalSpacing};
-                padding-top: calc(${de.labelSize} + 2 * ${de.verticalSpacing});
+                padding-bottom: ${ue.verticalSpacing};
+                padding-top: calc(${ue.labelSize} + 2 * ${ue.verticalSpacing});
             }
 
             .ft-text-field--outlined .ft-text-field--input-panel {
-                border-radius: ${de.borderRadiusS};
+                border-radius: ${ue.borderRadiusS};
             }
 
             .ft-text-field--helper-text {
-                padding: 0 12px 0 ${de.horizontalSpacing};
-                color: ${de.helperColor};
+                padding: 0 12px 0 ${ue.horizontalSpacing};
+                color: ${ue.helperColor};
             }
-        `],pe([o.property({type:String})],fe.prototype,"label",void 0),pe([o.property({reflect:!0})],fe.prototype,"value",void 0),pe([o.property({type:String})],fe.prototype,"helper",void 0),pe([o.property({type:Boolean})],fe.prototype,"outlined",void 0),pe([o.property({type:Boolean})],fe.prototype,"disabled",void 0),pe([o.query(".ft-text-field--input")],fe.prototype,"input",void 0),pe([o.property({attribute:!1})],fe.prototype,"dataList",void 0),pe([o.state()],fe.prototype,"focused",void 0),e.customElement("ft-text-field")(fe);var he=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};const ce=e.FtCssVariable.create("--ft-tooltip-distance","SIZE","4px"),ue=e.FtCssVariable.create("--ft-tooltip-color","COLOR","#FFFFFF"),be=e.FtCssVariable.create("--ft-tooltip-background-color","COLOR","#666666"),ye=e.FtCssVariable.create("--ft-tooltip-z-index","NUMBER","1"),ge=e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system");class ve extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new e.Debouncer,this.revealDebouncer=new e.Debouncer}render(){return i.html`
+        `],ce([o.property({type:String})],be.prototype,"label",void 0),ce([o.property({reflect:!0})],be.prototype,"value",void 0),ce([o.property({type:String})],be.prototype,"helper",void 0),ce([o.property({type:Boolean})],be.prototype,"outlined",void 0),ce([o.property({type:Boolean})],be.prototype,"disabled",void 0),ce([o.query(".ft-text-field--input")],be.prototype,"input",void 0),ce([o.property({attribute:!1})],be.prototype,"dataList",void 0),ce([o.state()],be.prototype,"focused",void 0),e.customElement("ft-text-field")(be);var xe=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 ve=e.FtCssVariable.create("--ft-tooltip-distance","SIZE","4px"),ye=e.FtCssVariable.create("--ft-tooltip-color","COLOR","#FFFFFF"),ge=e.FtCssVariable.create("--ft-tooltip-background-color","COLOR","#666666"),me=e.FtCssVariable.create("--ft-tooltip-z-index","NUMBER","1"),$e=e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system");class we extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new e.Debouncer,this.revealDebouncer=new e.Debouncer}render(){return i.html`
             <div part="container"
                  class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
                  @mouseenter=${this.onHover}
@@ -649,7 +661,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 </div>
                 <slot></slot>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&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.position){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=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,o=(e.width-this.tooltip.clientWidth)/2,n=this.tooltip.style;switch(this.position){case"top":n.top=-this.tooltip.clientHeight+"px",n.left=o+"px";break;case"bottom":n.top=e.height+"px",n.left=o+"px";break;case"left":n.top=i+"px",n.left=-this.tooltip.clientWidth+"px";break;case"right":n.top=i+"px",n.left=e.width+"px"}n.maxWidth=Math.max(e.width,150)+"px"}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())}}ve.elementDefinitions={"ft-typography":Yt},ve.styles=i.css`
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&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.position){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=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,o=(e.width-this.tooltip.clientWidth)/2,n=this.tooltip.style;switch(this.position){case"top":n.top=-this.tooltip.clientHeight+"px",n.left=o+"px";break;case"bottom":n.top=e.height+"px",n.left=o+"px";break;case"left":n.top=i+"px",n.left=-this.tooltip.clientWidth+"px";break;case"right":n.top=i+"px",n.left=e.width+"px"}n.maxWidth=Math.max(e.width,150)+"px"}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())}}we.elementDefinitions={"ft-typography":Xt},we.styles=i.css`
         .ft-tooltip--container {
             display: block;
             position: relative;
@@ -667,21 +679,21 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
             width: max-content;
             max-width: 150px;
             text-align: center;
-            padding: ${ce};
-            z-index: ${ye};
+            padding: ${ve};
+            z-index: ${me};
         }
 
         .ft-tooltip--content {
             padding: 4px 8px;
-            border-radius: ${ge};
-            background-color: ${be};
-            color: ${ue};
+            border-radius: ${$e};
+            background-color: ${ge};
+            color: ${ye};
             top: -500px;
             left: -500px;
             position: relative;
             word-break: break-word;
         }
-    `,he([o.property()],ve.prototype,"text",void 0),he([o.property({type:Boolean})],ve.prototype,"manual",void 0),he([o.property({type:Boolean})],ve.prototype,"inline",void 0),he([o.property({type:Number})],ve.prototype,"delay",void 0),he([o.property()],ve.prototype,"position",void 0),he([o.queryAssignedNodes("",!0)],ve.prototype,"slotNodes",void 0),he([o.query(".ft-tooltip--container")],ve.prototype,"container",void 0),he([o.query("slot")],ve.prototype,"target",void 0),he([o.query(".ft-tooltip")],ve.prototype,"tooltip",void 0),he([o.query(".ft-tooltip--content")],ve.prototype,"tooltipContent",void 0),he([o.state()],ve.prototype,"visible",void 0),e.customElement("ft-tooltip")(ve);const xe={color:e.FtCssVariable.extend("--ft-loader-color",e.designSystemVariables.colorPrimary),size:e.FtCssVariable.create("--ft-loader-size","SIZE","80px")};class $e extends e.FtLitElement{static get styles(){return i.css`
+    `,xe([o.property()],we.prototype,"text",void 0),xe([o.property({type:Boolean})],we.prototype,"manual",void 0),xe([o.property({type:Boolean})],we.prototype,"inline",void 0),xe([o.property({type:Number})],we.prototype,"delay",void 0),xe([o.property()],we.prototype,"position",void 0),xe([o.queryAssignedNodes("",!0)],we.prototype,"slotNodes",void 0),xe([o.query(".ft-tooltip--container")],we.prototype,"container",void 0),xe([o.query("slot")],we.prototype,"target",void 0),xe([o.query(".ft-tooltip")],we.prototype,"tooltip",void 0),xe([o.query(".ft-tooltip--content")],we.prototype,"tooltipContent",void 0),xe([o.state()],we.prototype,"visible",void 0),e.customElement("ft-tooltip")(we);const ke={color:e.FtCssVariable.extend("--ft-loader-color",e.designSystemVariables.colorPrimary),size:e.FtCssVariable.create("--ft-loader-size","SIZE","80px")};class ze extends e.FtLitElement{static get styles(){return i.css`
             :host {
                 line-height: 0;
             }
@@ -690,8 +702,8 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 display: inline-block;
                 position: relative;
 
-                width: ${xe.size};
-                height: ${xe.size};
+                width: ${ke.size};
+                height: ${ke.size};
             }
 
             .ft-loader div {
@@ -700,7 +712,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 width: 25%;
                 height: 25%;
                 border-radius: 50%;
-                background: ${xe.color};
+                background: ${ke.color};
                 animation-timing-function: cubic-bezier(0, 1, 1, 0);
             }
 
@@ -747,7 +759,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                     transform: translate(0, 0);
                 }
                 100% {
-                    transform: translate(calc(0.35 * ${xe.size}), 0);
+                    transform: translate(calc(0.35 * ${ke.size}), 0);
                 }
             }
         `}render(){return i.html`
@@ -757,7 +769,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 <div></div>
                 <div></div>
             </div>
-        `}}e.customElement("ft-loader")($e);var me=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};const we=e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorPrimary),ke={backgroundColor:e.FtCssVariable.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariable.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:we,fontSize:e.FtCssVariable.extend("--ft-button-font-size",Nt.fontSize),iconSize:e.FtCssVariable.create("--ft-button-icon-size","SIZE","24px"),rippleColor:e.FtCssVariable.extend("--ft-button-ripple-color",we),opacityDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},Se=e.FtCssVariable.extend("--ft-button-primary-color",e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorOnPrimary)),ze={backgroundColor:e.FtCssVariable.extend("--ft-button-primary-background-color",e.FtCssVariable.extend("--ft-button-background-color",e.designSystemVariables.colorPrimary)),color:Se,rippleColor:e.FtCssVariable.extend("--ft-button-primary-ripple-color",Se)},Oe=e.FtCssVariable.extend("--ft-button-dense-border-radius",e.FtCssVariable.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusM));class Ce 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`
+        `}}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`
                 :host {
                     display: inline-block;
                     max-width: 100%;
@@ -796,18 +808,18 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                     border: none;
                     pointer-events: auto;
 
-                    --ft-button-internal-font-size: ${ke.fontSize};
+                    --ft-button-internal-font-size: ${Ce.fontSize};
                     --ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
-                    --ft-button-internal-color: ${ke.color};
-                    --mdc-icon-size: ${ke.iconSize};
+                    --ft-button-internal-color: ${Ce.color};
+                    ${e.setVariable(re.size,Ce.iconSize)};
                     --ft-button-internal-vertical-padding: 6px;
                     --ft-button-internal-horizontal-padding: 8px;
-                    ${e.setVariable(ee.color,ke.rippleColor)};
-                    --ft-button-internal-content-height: max(var(--ft-button-internal-line-height), var(--mdc-icon-size));
+                    ${e.setVariable(ee.color,Ce.rippleColor)};
+                    --ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${Ce.iconSize});
 
-                    border-radius: ${ke.borderRadius};
+                    border-radius: ${Ce.borderRadius};
                     padding: var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);
-                    background-color: ${ke.backgroundColor};
+                    background-color: ${Ce.backgroundColor};
                     color: var(--ft-button-internal-color);
                     -webkit-mask-image: radial-gradient(white, black);
                 }
@@ -819,7 +831,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 .ft-button--dense {
                     --ft-button-internal-vertical-padding: 2px;
                     --ft-button-internal-horizontal-padding: 4px;
-                    border-radius: ${Oe};
+                    border-radius: ${De};
                 }
 
                 .ft-button--round {
@@ -828,13 +840,13 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
 
                 .ft-button[disabled] {
                     filter: grayscale(1);
-                    opacity: ${ke.opacityDisabled};
+                    opacity: ${Ce.opacityDisabled};
                 }
 
                 .ft-button.ft-button--primary {
-                    background-color: ${ze.backgroundColor};
-                    --ft-button-internal-color: ${ze.color};
-                    ${e.setVariable(ee.color,ze.rippleColor)};
+                    background-color: ${Fe.backgroundColor};
+                    --ft-button-internal-color: ${Fe.color};
+                    ${e.setVariable(ee.color,Fe.rippleColor)};
                 }
 
                 .ft-button.ft-button--outlined {
@@ -852,8 +864,8 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                     text-overflow: ellipsis;
                     display: block;
                     margin: 0 var(--ft-button-internal-horizontal-padding);
-                    ${e.setVariable(Nt.fontSize,"var(--ft-button-internal-font-size)")};
-                    ${e.setVariable(Nt.lineHeight,"var(--ft-button-internal-content-height)")};
+                    ${e.setVariable(Rt.fontSize,"var(--ft-button-internal-font-size)")};
+                    ${e.setVariable(Rt.lineHeight,"var(--ft-button-internal-content-height)")};
                 }
 
                 .ft-button--safari-fix .ft-button--label {
@@ -870,28 +882,27 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                     display: none;
                 }
 
-                mwc-icon {
+                ft-icon {
                     flex-shrink: 0;
-                    width: var(--mdc-icon-size);
                 }
 
-                .ft-button--label[hidden] + mwc-icon {
+                .ft-button--label[hidden] + ft-icon {
                     margin: 0 calc(var(--ft-button-internal-horizontal-padding) * -1);
                     padding: 0 var(--ft-button-internal-vertical-padding);
                 }
 
-                .ft-button:not(.ft-button--trailing-icon) mwc-icon,
+                .ft-button:not(.ft-button--trailing-icon) ft-icon,
                 .ft-button:not(.ft-button--trailing-icon) ft-loader {
                     order: -1;
                 }
 
                 ft-loader {
-                    ${e.setVariable(xe.size,ke.iconSize)};
-                    ${e.setVariable(xe.color,"var(--ft-button-internal-color)")};
+                    ${e.setVariable(ke.size,Ce.iconSize)};
+                    ${e.setVariable(ke.color,"var(--ft-button-internal-color)")};
                 }
             `]}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.addTooltip(i.html`
             <button part="button"
-                    class="${s.classMap(t)}"
+                    class="${l.classMap(t)}"
                     aria-label="${this.getLabel()}"
                     ?disabled=${this.isDisabled()}>
                 <ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
@@ -911,7 +922,7 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
             </ft-tooltip>
         `}resolveIcon(){return this.loading?i.html`
                 <ft-loader></ft-loader> `:this.icon?i.html`
-                        <mwc-icon>${this.icon}</mwc-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}}Ce.elementDefinitions={"ft-ripple":ie,"ft-tooltip":ve,"ft-typography":Yt,"mwc-icon":ne,"ft-loader":$e},me([o.property({type:Boolean})],Ce.prototype,"primary",void 0),me([o.property({type:Boolean})],Ce.prototype,"outlined",void 0),me([o.property({type:Boolean})],Ce.prototype,"disabled",void 0),me([o.property({type:Boolean})],Ce.prototype,"dense",void 0),me([o.property({type:Boolean})],Ce.prototype,"round",void 0),me([o.property({type:String})],Ce.prototype,"label",void 0),me([o.property({type:String})],Ce.prototype,"icon",void 0),me([o.property({type:Boolean})],Ce.prototype,"trailingIcon",void 0),me([o.property({type:Boolean})],Ce.prototype,"loading",void 0),me([o.property({type:String})],Ce.prototype,"tooltipPosition",void 0),me([o.query(".ft-button")],Ce.prototype,"button",void 0),me([o.query(".ft-button--label slot")],Ce.prototype,"slottedContent",void 0),e.customElement("ft-button")(Ce);var Ee=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 De extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Be={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")},Ie=t=>i.html`${t}`,Fe=(t,e)=>t-e;class Ae 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`
+                        <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`
             <style>
                 .table {
                     grid-template-columns: repeat(${this.columns.length}, minmax(min-content, auto));
@@ -923,12 +934,12 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                 </div>
                 ${n.repeat(t,((t,e)=>"row-"+e),((t,e)=>i.html`
                             <div class="row"
-                                 @click=${()=>this.dispatchEvent(new De(t))}>
+                                 @click=${()=>this.dispatchEvent(new Be(t))}>
                                 ${n.repeat(this.columns,((t,i)=>"cell-"+e+" "+i),(i=>this.renderCell(i,t,e)))}
                             </div>
                         `))}
             </div>
-        `}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:Fe,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`
+        `}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`
             <div class="header-cell">
                 <div class="column-title-container">
                     <span class="column-title">${t.title}</span>
@@ -938,30 +949,30 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
                     ${this.renderColumnFilter(t,e)}
                 </div>
             </div>
-        `}renderColumnSort(t,e){var o;const n=this.currentSort&&this.currentSort.column===e,l=n?"asc"===this.currentSort.order?"expand_more":"expand_less":"unfold_more";return i.html`
+        `}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`
             <ft-button
                     round
                     dense
                     class="${null===(o=t.sortable)||void 0===o||o?"":"hidden"}"
-                    icon="${l}"
+                    icon="${s}"
                     label="Sort ${t.title}"
                     @click=${()=>{var t;n?"asc"===(null===(t=this.currentSort)||void 0===t?void 0:t.order)?this.currentSort={column:e,order:"desc"}:this.currentSort=void 0:this.currentSort={column:e,order:"asc"}}}
             ></ft-button>
-        `}renderColumnFilter(t,e){var o,n;const l=t=>{this.filters[e]={value:t.detail},this.requestUpdate()};switch(null!==(o=t.filter)&&void 0!==o?o:"text"){case"text":return i.html`
+        `}renderColumnFilter(t,e){var o,n;const s=t=>{this.filters[e]={value:t.detail},this.requestUpdate()};switch(null!==(o=t.filter)&&void 0!==o?o:"text"){case"text":return i.html`
                     <ft-text-field
                             label="Search ${t.title}"
-                            @live-change="${l}"
+                            @live-change="${s}"
                     ></ft-text-field>
                 `;case"select":const o=null!==(n=this.selectData[e])&&void 0!==n?n:[];return o.length?i.html`
-                    <ft-select label="Filter ${t.title}" @change=${l}>
+                    <ft-select label="Filter ${t.title}" @change=${s}>
                         <ft-select-option></ft-select-option>
                         ${o.map((t=>i.html`
                             <ft-select-option value="${t}" label="${t}"></ft-select-option>
                         `))}
                     </ft-select>
-                `:null}return null}renderCell(t,e,o){var n;const s=null!==(n=t.render)&&void 0!==n?n:Ie;return i.html`
-            <div class="cell">${(t=>{const e=s(t,o);return"string"==typeof e?l.unsafeHTML(e):e})(this.getValue(t,e))}</div>
-        `}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)}}Ae.styles=i.css`
+                `:null}return null}renderCell(t,e,o){var n;const l=null!==(n=t.render)&&void 0!==n?n:Ne;return i.html`
+            <div class="cell">${(t=>{const e=l(t,o);return"string"==typeof e?s.unsafeHTML(e):e})(this.getValue(t,e))}</div>
+        `}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`
         :host {
             display: block;
         }
@@ -977,10 +988,10 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
         .header-cell {
             display: flex;
             flex-direction: column;
-            background: ${Be.headerBackground};
-            color: ${Be.colorOnSurfaceHigh};
+            background: ${Ae.headerBackground};
+            color: ${Ae.colorOnSurfaceHigh};
             padding: .5rem 1rem;
-            font-family: ${Be.titleFont};
+            font-family: ${Ae.titleFont};
         }
 
         .header-cell:first-of-type {
@@ -997,8 +1008,8 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
         }
 
         .column-title-container ft-button {
-            ${e.setVariable(ke.backgroundColor,Be.headerBackground)};
-            ${e.setVariable(ke.color,Be.colorOnSurfaceHigh)};
+            ${e.setVariable(Ce.backgroundColor,Ae.headerBackground)};
+            ${e.setVariable(Ce.color,Ae.colorOnSurfaceHigh)};
         }
 
         .column-title {
@@ -1024,29 +1035,29 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
 
         .cell {
             padding: 1rem;
-            border-left: 1px solid ${Be.headerBackground};
-            border-bottom: 1px solid ${Be.headerBackground};
+            border-left: 1px solid ${Ae.headerBackground};
+            border-bottom: 1px solid ${Ae.headerBackground};
             overflow-x: auto;
             display: flex;
             align-items: center;
-            font-family: ${Be.contentFont};
+            font-family: ${Ae.contentFont};
         }
 
         /* Even is 2n+1 and odd is 2n because of the header */
         .row:nth-child(2n) > .cell {
-            background: ${Be.oddRowBackground};
+            background: ${Ae.oddRowBackground};
         }
 
         .row:nth-child(2n + 1) > .cell {
-            background: ${Be.evenRowBackground};
+            background: ${Ae.evenRowBackground};
         }
 
         .row:hover > .cell {
-            background: ${Be.rowHoverBackground};
+            background: ${Ae.rowHoverBackground};
         }
 
         .cell:last-of-type {
-            border-right: 1px solid ${Be.headerBackground};
+            border-right: 1px solid ${Ae.headerBackground};
         }
 
         .row:last-of-type .cell:first-of-type {
@@ -1060,4 +1071,4 @@ function(t,e,i,o){for(var n,l=arguments.length,s=l<3?e:null===o?o=Object.getOwnP
         .hidden {
             visibility: hidden;
         }
-    `,Ee([o.property({attribute:!1})],Ae.prototype,"data",void 0),Ee([o.property({attribute:!1})],Ae.prototype,"columns",void 0),Ee([o.property({attribute:!1})],Ae.prototype,"sort",void 0),Ee([o.state()],Ae.prototype,"currentSort",void 0),e.customElement("ft-filterable-table")(Ae),t.FtFilterableTable=Ae,t.FtFilterableTableCssVariables=Be,t.RowClickEvent=De,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litUnsafeHTML,ftGlobals.litClassMap);
+    `,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);