@fluid-topics/ft-filterable-table 0.2.11 → 0.2.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -472,7 +472,7 @@ class Ft extends Ot{constructor(t){if(super(t),this.it=Z,t.type!==$t)throw Error
|
|
|
472
472
|
.ft-icon--material {
|
|
473
473
|
font-family: ${ci.materialFontFamily}, "Material Icons", sans-serif;
|
|
474
474
|
}
|
|
475
|
-
`,pi([i()],di.prototype,"variant",void 0),pi([s("slot")],di.prototype,"slottedContent",void 0),a("ft-icon")(di);var fi=function(t,e,i,o){for(var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};class hi extends ut{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return H``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}hi.elementDefinitions={},fi([i({type:String})],hi.prototype,"label",void 0),fi([i({type:Object,converter:t=>t})],hi.prototype,"value",void 0),fi([i({type:Boolean,reflect:!0})],hi.prototype,"selected",void 0);const ui={labelSize:dt.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:dt.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:dt.create("--ft-select-vertical-spacing","SIZE","4px"),selectedOptionColor:dt.extend("--ft-select-selected-option-color",ht.colorOnSurface),helperColor:dt.extend("--ft-select-helper-color",ht.colorOnSurfaceMedium),optionsColor:dt.extend("--ft-select-options-color",ht.colorOnSurface),optionsZIndex:dt.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:dt.external(ht.colorSurface,"Design system"),colorOnSurfaceDisabled:dt.external(ht.colorOnSurfaceDisabled,"Design system"),colorPrimary:dt.external(ht.colorPrimary,"Design system"),borderRadiusS:dt.external(ht.borderRadiusS,"Design system"),elevation02:dt.external(ht.elevation02,"Design system"),colorError:dt.external(ht.colorError,"Design system")};class xi extends ut{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!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,i,o,n;let s=this.hasOptionsMenuOpen,r=this.disabled||!this.hasOptions;const l=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(i=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==i?i:"").length>0,a={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":r,"ft-select--options-displayed":s,"ft-select--has-option-selected":l,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return H`
|
|
475
|
+
`,pi([i()],di.prototype,"variant",void 0),pi([s("slot")],di.prototype,"slottedContent",void 0),a("ft-icon")(di);var fi=function(t,e,i,o){for(var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};class hi extends ut{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return H``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}hi.elementDefinitions={},fi([i({type:String})],hi.prototype,"label",void 0),fi([i({type:Object,converter:t=>t})],hi.prototype,"value",void 0),fi([i({type:Boolean,reflect:!0})],hi.prototype,"selected",void 0);const ui={labelSize:dt.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:dt.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:dt.create("--ft-select-vertical-spacing","SIZE","4px"),optionsHeight:dt.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:dt.extend("--ft-select-selected-option-color",ht.colorOnSurface),helperColor:dt.extend("--ft-select-helper-color",ht.colorOnSurfaceMedium),optionsColor:dt.extend("--ft-select-options-color",ht.colorOnSurface),optionsZIndex:dt.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:dt.external(ht.colorSurface,"Design system"),colorOnSurfaceDisabled:dt.external(ht.colorOnSurfaceDisabled,"Design system"),colorPrimary:dt.external(ht.colorPrimary,"Design system"),borderRadiusS:dt.external(ht.borderRadiusS,"Design system"),elevation02:dt.external(ht.elevation02,"Design system"),colorError:dt.external(ht.colorError,"Design system")};class xi extends ut{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!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,i,o,n;let s=this.hasOptionsMenuOpen,r=this.disabled||!this.hasOptions;const l=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(i=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==i?i:"").length>0,a={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":r,"ft-select--options-displayed":s,"ft-select--has-option-selected":l,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return H`
|
|
476
476
|
<div class="${Dt(a)}" part="container">
|
|
477
477
|
<div class="ft-select--main-panel" part="main-panel">
|
|
478
478
|
<ft-input-label text="${this.label}"
|
|
@@ -642,6 +642,8 @@ class Ft extends Ot{constructor(t){if(super(t),this.it=Z,t.type!==$t)throw Error
|
|
|
642
642
|
|
|
643
643
|
.ft-select--options-displayed .ft-select--options {
|
|
644
644
|
display: block;
|
|
645
|
+
max-height: ${ui.optionsHeight};
|
|
646
|
+
overflow-y: auto;
|
|
645
647
|
}
|
|
646
648
|
|
|
647
649
|
.ft-select--option {
|
|
@@ -958,6 +960,7 @@ function(t,e,i){let o,s=t;return"object"==typeof t?(s=t.slot,o=t):o={flatten:e},
|
|
|
958
960
|
box-shadow: 0px 0px 0px transparent;
|
|
959
961
|
border: 0px solid transparent;
|
|
960
962
|
text-shadow: 0px 0px 0px transparent;
|
|
963
|
+
font-size: inherit;
|
|
961
964
|
}
|
|
962
965
|
|
|
963
966
|
button:hover {
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
6
|
*/
|
|
7
|
-
var r;const a=globalThis.trustedTypes,p=a?a.createPolicy("lit-html",{createHTML:t=>t}):void 0,f=`lit$${(Math.random()+"").slice(9)}$`,d="?"+f,h=`<${d}>`,c=document,u=(t="")=>c.createComment(t),x=t=>null===t||"object"!=typeof t&&"function"!=typeof t,b=Array.isArray,v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,g=/-->/g,y=/>/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),D=(t,e)=>{const i=t.length-1,o=[];let n,l=2===e?"<svg>":"",s=v;for(let e=0;e<i;e++){const i=t[e];let r,a,p=-1,d=0;for(;d<i.length&&(s.lastIndex=d,a=s.exec(i),null!==a);)d=s.lastIndex,s===v?"!--"===a[1]?s=g:void 0!==a[1]?s=y:void 0!==a[2]?(k.test(a[2])&&(n=RegExp("</"+a[2],"g")),s=m):void 0!==a[3]&&(s=m):s===m?">"===a[0]?(s=null!=n?n:v,p=-1):void 0===a[1]?p=-2:(p=s.lastIndex-a[2].length,r=a[1],s=void 0===a[3]?m:'"'===a[3]?w:$):s===w||s===$?s=m:s===g||s===y?s=v:(s=m,n=void 0);const c=s===m&&t[e+1].startsWith("/>")?" ":"";l+=s===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=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(f)){const i=h[l++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(f),e=/([.?@])?(.*)/.exec(i);r.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?A:"?"===e[1]?
|
|
7
|
+
var r;const a=globalThis.trustedTypes,p=a?a.createPolicy("lit-html",{createHTML:t=>t}):void 0,f=`lit$${(Math.random()+"").slice(9)}$`,d="?"+f,h=`<${d}>`,c=document,u=(t="")=>c.createComment(t),x=t=>null===t||"object"!=typeof t&&"function"!=typeof t,b=Array.isArray,v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,g=/-->/g,y=/>/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),D=(t,e)=>{const i=t.length-1,o=[];let n,l=2===e?"<svg>":"",s=v;for(let e=0;e<i;e++){const i=t[e];let r,a,p=-1,d=0;for(;d<i.length&&(s.lastIndex=d,a=s.exec(i),null!==a);)d=s.lastIndex,s===v?"!--"===a[1]?s=g:void 0!==a[1]?s=y:void 0!==a[2]?(k.test(a[2])&&(n=RegExp("</"+a[2],"g")),s=m):void 0!==a[3]&&(s=m):s===m?">"===a[0]?(s=null!=n?n:v,p=-1):void 0===a[1]?p=-2:(p=s.lastIndex-a[2].length,r=a[1],s=void 0===a[3]?m:'"'===a[3]?w:$):s===w||s===$?s=m:s===g||s===y?s=v:(s=m,n=void 0);const c=s===m&&t[e+1].startsWith("/>")?" ":"";l+=s===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=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(f)){const i=h[l++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(f),e=/([.?@])?(.*)/.exec(i);r.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?A:"?"===e[1]?M:"@"===e[1]?T:N})}else r.push({type:6,index:n})}for(const e of t)o.removeAttribute(e)}if(k.test(o.tagName)){const t=o.textContent.split(f),e=t.length-1;if(e>0){o.textContent=a?a.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],u()),E.nextNode(),r.push({type:2,index:++n});o.append(t[e],u())}}}else if(8===o.nodeType)if(o.data===d)r.push({type:2,index:n});else{let t=-1;for(;-1!==(t=o.data.indexOf(f,t+1));)r.push({type:7,index:n}),t+=f.length-1}n++}}static createElement(t,e){const i=c.createElement("template");return i.innerHTML=t,i}}function F(t,e,i=t,o){var n,l,s,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=x(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=F(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 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 j(l,l.nextSibling,this,t):1===a.type?e=new a.ctor(l,a.name,a.strings,this,t):6===a.type&&(e=new R(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 j{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=F(this,t,e),x(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.k(t):(t=>{var e;return b(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.S(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==O&&x(this._$AH)?this._$AA.nextSibling.data=t:this.k(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 I(n,this),e=t.p(this.options);t.m(i),this.k(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}S(t){b(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 j(this.M(u()),this.M(u()),this,this.options)):i=e[o],i._$AI(n),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class N{constructor(t,e,i,o,n){this.type=1,this._$AH=O,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const n=this.strings;let l=!1;if(void 0===n)t=F(this,t,e,0),l=!x(t)||t!==this._$AH&&t!==S,l&&(this._$AH=t);else{const o=t;let s,r;for(t=n[0],s=0;s<n.length-1;s++)r=F(this,o[i+s],e,s),r===S&&(r=this._$AH[s]),l||(l=!x(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.C(t)}C(t){t===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class A extends N{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===O?void 0:t}}const Z=a?a.emptyScript:"";class M extends N{constructor(){super(...arguments),this.type=4}C(t){t&&t!==O?this.element.setAttribute(this.name,Z):this.element.removeAttribute(this.name)}}class T extends N{constructor(t,e,i,o,n){super(t,e,i,o,n),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=F(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,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 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){F(this,t)}}const _=window.litHtmlPolyfillSupport;null==_||_(B,j),(null!==(r=globalThis.litHtmlVersions)&&void 0!==r?r:globalThis.litHtmlVersions=[]).push("2.2.4");
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2020 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
12
|
*/
|
|
13
|
-
const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===U)return null===(i=t)||void 0===i?void 0:i._$litStatic$},W=t=>({_$litStatic$:t,r:U}),L=new Map,K=(t=>(e,...i)=>{const o=i.length;let n,l;const s=[],r=[];let a,p=0,f=!1;for(;p<o;){for(a=e[p];p<o&&void 0!==(l=i[p],n=H(l));)a+=n+e[++p],f=!0;r.push(l),s.push(a),p++}if(p===o&&s.push(e[o]),f){const t=s.join("$$lit$$");void 0===(e=L.get(t))&&(s.raw=s,L.set(t,e=s)),i=r}return t(e,...i)})(z);var P,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"}(P||(P={}));const V=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),q=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),X={fontFamily:q,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")},Y=e.FtCssVariable.extend("--ft-typography-title-font-family",V),J=e.FtCssVariable.extend("--ft-typography-title-font-size",X.fontSize,"20px"),Q=e.FtCssVariable.extend("--ft-typography-title-font-weight",X.fontWeight,"normal"),tt=e.FtCssVariable.extend("--ft-typography-title-letter-spacing",X.letterSpacing,"0.15px"),et=e.FtCssVariable.extend("--ft-typography-title-line-height",X.lineHeight,"24px"),it=e.FtCssVariable.extend("--ft-typography-title-text-transform",X.textTransform,"inherit"),ot=e.FtCssVariable.extend("--ft-typography-title-dense-font-family",V),nt=e.FtCssVariable.extend("--ft-typography-title-dense-font-size",X.fontSize,"14px"),lt=e.FtCssVariable.extend("--ft-typography-title-dense-font-weight",X.fontWeight,"normal"),st=e.FtCssVariable.extend("--ft-typography-title-dense-letter-spacing",X.letterSpacing,"0.105px"),rt=e.FtCssVariable.extend("--ft-typography-title-dense-line-height",X.lineHeight,"24px"),at=e.FtCssVariable.extend("--ft-typography-title-dense-text-transform",X.textTransform,"inherit"),pt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-family",q),ft=e.FtCssVariable.extend("--ft-typography-subtitle1-font-size",X.fontSize,"16px"),dt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",X.fontWeight,"600"),ht=e.FtCssVariable.extend("--ft-typography-subtitle1-letter-spacing",X.letterSpacing,"0.144px"),ct=e.FtCssVariable.extend("--ft-typography-subtitle1-line-height",X.lineHeight,"24px"),ut=e.FtCssVariable.extend("--ft-typography-subtitle1-text-transform",X.textTransform,"inherit"),xt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-family",q),bt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-size",X.fontSize,"14px"),vt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-weight",X.fontWeight,"normal"),gt=e.FtCssVariable.extend("--ft-typography-subtitle2-letter-spacing",X.letterSpacing,"0.098px"),yt=e.FtCssVariable.extend("--ft-typography-subtitle2-line-height",X.lineHeight,"24px"),mt=e.FtCssVariable.extend("--ft-typography-subtitle2-text-transform",X.textTransform,"inherit"),$t={fontFamily:e.FtCssVariable.extend("--ft-typography-body1-font-family",q),fontSize:e.FtCssVariable.extend("--ft-typography-body1-font-size",X.fontSize,"16px"),fontWeight:e.FtCssVariable.extend("--ft-typography-body1-font-weight",X.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-body1-letter-spacing",X.letterSpacing,"0.496px"),lineHeight:e.FtCssVariable.extend("--ft-typography-body1-line-height",X.lineHeight,"24px"),textTransform:e.FtCssVariable.extend("--ft-typography-body1-text-transform",X.textTransform,"inherit")},wt=e.FtCssVariable.extend("--ft-typography-body2-font-family",q),kt=e.FtCssVariable.extend("--ft-typography-body2-font-size",X.fontSize,"14px"),zt=e.FtCssVariable.extend("--ft-typography-body2-font-weight",X.fontWeight,"normal"),St=e.FtCssVariable.extend("--ft-typography-body2-letter-spacing",X.letterSpacing,"0.252px"),Ot=e.FtCssVariable.extend("--ft-typography-body2-line-height",X.lineHeight,"20px"),Ct=e.FtCssVariable.extend("--ft-typography-body2-text-transform",X.textTransform,"inherit"),Et={fontFamily:e.FtCssVariable.extend("--ft-typography-caption-font-family",q),fontSize:e.FtCssVariable.extend("--ft-typography-caption-font-size",X.fontSize,"12px"),fontWeight:e.FtCssVariable.extend("--ft-typography-caption-font-weight",X.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-caption-letter-spacing",X.letterSpacing,"0.396px"),lineHeight:e.FtCssVariable.extend("--ft-typography-caption-line-height",X.lineHeight,"16px"),textTransform:e.FtCssVariable.extend("--ft-typography-caption-text-transform",X.textTransform,"inherit")},Dt=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-family",q),Bt=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-size",X.fontSize,"10px"),Ft=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-weight",X.fontWeight,"normal"),It=e.FtCssVariable.extend("--ft-typography-breadcrumb-letter-spacing",X.letterSpacing,"0.33px"),jt=e.FtCssVariable.extend("--ft-typography-breadcrumb-line-height",X.lineHeight,"16px"),Nt=e.FtCssVariable.extend("--ft-typography-breadcrumb-text-transform",X.textTransform,"inherit"),At=e.FtCssVariable.extend("--ft-typography-overline-font-family",q),
|
|
13
|
+
const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===U)return null===(i=t)||void 0===i?void 0:i._$litStatic$},W=t=>({_$litStatic$:t,r:U}),L=new Map,K=(t=>(e,...i)=>{const o=i.length;let n,l;const s=[],r=[];let a,p=0,f=!1;for(;p<o;){for(a=e[p];p<o&&void 0!==(l=i[p],n=H(l));)a+=n+e[++p],f=!0;r.push(l),s.push(a),p++}if(p===o&&s.push(e[o]),f){const t=s.join("$$lit$$");void 0===(e=L.get(t))&&(s.raw=s,L.set(t,e=s)),i=r}return t(e,...i)})(z);var P,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"}(P||(P={}));const V=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),q=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),X={fontFamily:q,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")},Y=e.FtCssVariable.extend("--ft-typography-title-font-family",V),J=e.FtCssVariable.extend("--ft-typography-title-font-size",X.fontSize,"20px"),Q=e.FtCssVariable.extend("--ft-typography-title-font-weight",X.fontWeight,"normal"),tt=e.FtCssVariable.extend("--ft-typography-title-letter-spacing",X.letterSpacing,"0.15px"),et=e.FtCssVariable.extend("--ft-typography-title-line-height",X.lineHeight,"24px"),it=e.FtCssVariable.extend("--ft-typography-title-text-transform",X.textTransform,"inherit"),ot=e.FtCssVariable.extend("--ft-typography-title-dense-font-family",V),nt=e.FtCssVariable.extend("--ft-typography-title-dense-font-size",X.fontSize,"14px"),lt=e.FtCssVariable.extend("--ft-typography-title-dense-font-weight",X.fontWeight,"normal"),st=e.FtCssVariable.extend("--ft-typography-title-dense-letter-spacing",X.letterSpacing,"0.105px"),rt=e.FtCssVariable.extend("--ft-typography-title-dense-line-height",X.lineHeight,"24px"),at=e.FtCssVariable.extend("--ft-typography-title-dense-text-transform",X.textTransform,"inherit"),pt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-family",q),ft=e.FtCssVariable.extend("--ft-typography-subtitle1-font-size",X.fontSize,"16px"),dt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",X.fontWeight,"600"),ht=e.FtCssVariable.extend("--ft-typography-subtitle1-letter-spacing",X.letterSpacing,"0.144px"),ct=e.FtCssVariable.extend("--ft-typography-subtitle1-line-height",X.lineHeight,"24px"),ut=e.FtCssVariable.extend("--ft-typography-subtitle1-text-transform",X.textTransform,"inherit"),xt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-family",q),bt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-size",X.fontSize,"14px"),vt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-weight",X.fontWeight,"normal"),gt=e.FtCssVariable.extend("--ft-typography-subtitle2-letter-spacing",X.letterSpacing,"0.098px"),yt=e.FtCssVariable.extend("--ft-typography-subtitle2-line-height",X.lineHeight,"24px"),mt=e.FtCssVariable.extend("--ft-typography-subtitle2-text-transform",X.textTransform,"inherit"),$t={fontFamily:e.FtCssVariable.extend("--ft-typography-body1-font-family",q),fontSize:e.FtCssVariable.extend("--ft-typography-body1-font-size",X.fontSize,"16px"),fontWeight:e.FtCssVariable.extend("--ft-typography-body1-font-weight",X.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-body1-letter-spacing",X.letterSpacing,"0.496px"),lineHeight:e.FtCssVariable.extend("--ft-typography-body1-line-height",X.lineHeight,"24px"),textTransform:e.FtCssVariable.extend("--ft-typography-body1-text-transform",X.textTransform,"inherit")},wt=e.FtCssVariable.extend("--ft-typography-body2-font-family",q),kt=e.FtCssVariable.extend("--ft-typography-body2-font-size",X.fontSize,"14px"),zt=e.FtCssVariable.extend("--ft-typography-body2-font-weight",X.fontWeight,"normal"),St=e.FtCssVariable.extend("--ft-typography-body2-letter-spacing",X.letterSpacing,"0.252px"),Ot=e.FtCssVariable.extend("--ft-typography-body2-line-height",X.lineHeight,"20px"),Ct=e.FtCssVariable.extend("--ft-typography-body2-text-transform",X.textTransform,"inherit"),Et={fontFamily:e.FtCssVariable.extend("--ft-typography-caption-font-family",q),fontSize:e.FtCssVariable.extend("--ft-typography-caption-font-size",X.fontSize,"12px"),fontWeight:e.FtCssVariable.extend("--ft-typography-caption-font-weight",X.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-caption-letter-spacing",X.letterSpacing,"0.396px"),lineHeight:e.FtCssVariable.extend("--ft-typography-caption-line-height",X.lineHeight,"16px"),textTransform:e.FtCssVariable.extend("--ft-typography-caption-text-transform",X.textTransform,"inherit")},Dt=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-family",q),Bt=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-size",X.fontSize,"10px"),Ft=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-weight",X.fontWeight,"normal"),It=e.FtCssVariable.extend("--ft-typography-breadcrumb-letter-spacing",X.letterSpacing,"0.33px"),jt=e.FtCssVariable.extend("--ft-typography-breadcrumb-line-height",X.lineHeight,"16px"),Nt=e.FtCssVariable.extend("--ft-typography-breadcrumb-text-transform",X.textTransform,"inherit"),At=e.FtCssVariable.extend("--ft-typography-overline-font-family",q),Zt=e.FtCssVariable.extend("--ft-typography-overline-font-size",X.fontSize,"10px"),Mt=e.FtCssVariable.extend("--ft-typography-overline-font-weight",X.fontWeight,"normal"),Tt=e.FtCssVariable.extend("--ft-typography-overline-letter-spacing",X.letterSpacing,"1.5px"),Rt=e.FtCssVariable.extend("--ft-typography-overline-line-height",X.lineHeight,"16px"),_t=e.FtCssVariable.extend("--ft-typography-overline-text-transform",X.textTransform,"uppercase"),Ut={fontFamily:e.FtCssVariable.extend("--ft-typography-button-font-family",q),fontSize:e.FtCssVariable.extend("--ft-typography-button-font-size",X.fontSize,"14px"),fontWeight:e.FtCssVariable.extend("--ft-typography-button-font-weight",X.fontWeight,"600"),letterSpacing:e.FtCssVariable.extend("--ft-typography-button-letter-spacing",X.letterSpacing,"1.246px"),lineHeight:e.FtCssVariable.extend("--ft-typography-button-line-height",X.lineHeight,"16px"),textTransform:e.FtCssVariable.extend("--ft-typography-button-text-transform",X.textTransform,"uppercase")},Ht=i.css`
|
|
14
14
|
.ft-typography--title {
|
|
15
15
|
font-family: ${Y};
|
|
16
16
|
font-size: ${J};
|
|
@@ -86,9 +86,9 @@ const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
86
86
|
`,Xt=i.css`
|
|
87
87
|
.ft-typography--overline {
|
|
88
88
|
font-family: ${At};
|
|
89
|
-
font-size: ${
|
|
90
|
-
font-weight: ${
|
|
91
|
-
letter-spacing: ${
|
|
89
|
+
font-size: ${Zt};
|
|
90
|
+
font-weight: ${Mt};
|
|
91
|
+
letter-spacing: ${Tt};
|
|
92
92
|
line-height: ${Rt};
|
|
93
93
|
text-transform: ${_t};
|
|
94
94
|
}
|
|
@@ -376,7 +376,7 @@ const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
376
376
|
.ft-icon--material {
|
|
377
377
|
font-family: ${be.materialFontFamily}, "Material Icons", sans-serif;
|
|
378
378
|
}
|
|
379
|
-
`,xe([o.property()],ve.prototype,"variant",void 0),xe([o.query("slot")],ve.prototype,"slottedContent",void 0),e.customElement("ft-icon")(ve);var ge=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 ye 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}))}}ye.elementDefinitions={},ge([o.property({type:String})],ye.prototype,"label",void 0),ge([o.property({type:Object,converter:t=>t})],ye.prototype,"value",void 0),ge([o.property({type:Boolean,reflect:!0})],ye.prototype,"selected",void 0);const me={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","3"),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"),colorError:e.FtCssVariable.external(e.designSystemVariables.colorError,"Design system")};class $e extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!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.hasOptionsMenuOpen,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,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return i.html`
|
|
379
|
+
`,xe([o.property()],ve.prototype,"variant",void 0),xe([o.query("slot")],ve.prototype,"slottedContent",void 0),e.customElement("ft-icon")(ve);var ge=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 ye 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}))}}ye.elementDefinitions={},ge([o.property({type:String})],ye.prototype,"label",void 0),ge([o.property({type:Object,converter:t=>t})],ye.prototype,"value",void 0),ge([o.property({type:Boolean,reflect:!0})],ye.prototype,"selected",void 0);const me={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"),optionsHeight:e.FtCssVariable.create("--ft-select-options-height","SIZE","unset"),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","3"),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"),colorError:e.FtCssVariable.external(e.designSystemVariables.colorError,"Design system")};class $e extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!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.hasOptionsMenuOpen,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,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return i.html`
|
|
380
380
|
<div class="${s.classMap(d)}" part="container">
|
|
381
381
|
<div class="ft-select--main-panel" part="main-panel">
|
|
382
382
|
<ft-input-label text="${this.label}"
|
|
@@ -546,6 +546,8 @@ const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
546
546
|
|
|
547
547
|
.ft-select--options-displayed .ft-select--options {
|
|
548
548
|
display: block;
|
|
549
|
+
max-height: ${me.optionsHeight};
|
|
550
|
+
overflow-y: auto;
|
|
549
551
|
}
|
|
550
552
|
|
|
551
553
|
.ft-select--option {
|
|
@@ -845,7 +847,7 @@ const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
845
847
|
<div></div>
|
|
846
848
|
<div></div>
|
|
847
849
|
</div>
|
|
848
|
-
`}}e.customElement("ft-loader")(je);var Ne=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 Ae=e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorPrimary),
|
|
850
|
+
`}}e.customElement("ft-loader")(je);var Ne=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 Ae=e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorPrimary),Ze={backgroundColor:e.FtCssVariable.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariable.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:Ae,fontSize:e.FtCssVariable.extend("--ft-button-font-size",Ut.fontSize),iconSize:e.FtCssVariable.create("--ft-button-icon-size","SIZE","24px"),rippleColor:e.FtCssVariable.extend("--ft-button-ripple-color",Ae),opacityDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},Me=e.FtCssVariable.extend("--ft-button-primary-color",e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorOnPrimary)),Te={backgroundColor:e.FtCssVariable.extend("--ft-button-primary-background-color",e.FtCssVariable.extend("--ft-button-background-color",e.designSystemVariables.colorPrimary)),color:Me,rippleColor:e.FtCssVariable.extend("--ft-button-primary-ripple-color",Me)},Re=e.FtCssVariable.extend("--ft-button-dense-border-radius",e.FtCssVariable.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusM));class _e 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`
|
|
849
851
|
:host {
|
|
850
852
|
display: inline-block;
|
|
851
853
|
max-width: 100%;
|
|
@@ -856,6 +858,7 @@ const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
856
858
|
box-shadow: 0px 0px 0px transparent;
|
|
857
859
|
border: 0px solid transparent;
|
|
858
860
|
text-shadow: 0px 0px 0px transparent;
|
|
861
|
+
font-size: inherit;
|
|
859
862
|
}
|
|
860
863
|
|
|
861
864
|
button:hover {
|
|
@@ -884,18 +887,18 @@ const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
884
887
|
border: none;
|
|
885
888
|
pointer-events: auto;
|
|
886
889
|
|
|
887
|
-
--ft-button-internal-font-size: ${
|
|
890
|
+
--ft-button-internal-font-size: ${Ze.fontSize};
|
|
888
891
|
--ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
|
|
889
|
-
--ft-button-internal-color: ${
|
|
890
|
-
${e.setVariable(be.size,
|
|
892
|
+
--ft-button-internal-color: ${Ze.color};
|
|
893
|
+
${e.setVariable(be.size,Ze.iconSize)};
|
|
891
894
|
--ft-button-internal-vertical-padding: 6px;
|
|
892
895
|
--ft-button-internal-horizontal-padding: 8px;
|
|
893
|
-
${e.setVariable(ne.color,
|
|
894
|
-
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${
|
|
896
|
+
${e.setVariable(ne.color,Ze.rippleColor)};
|
|
897
|
+
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${Ze.iconSize});
|
|
895
898
|
|
|
896
|
-
border-radius: ${
|
|
899
|
+
border-radius: ${Ze.borderRadius};
|
|
897
900
|
padding: var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);
|
|
898
|
-
background-color: ${
|
|
901
|
+
background-color: ${Ze.backgroundColor};
|
|
899
902
|
color: var(--ft-button-internal-color);
|
|
900
903
|
-webkit-mask-image: radial-gradient(white, black);
|
|
901
904
|
}
|
|
@@ -916,13 +919,13 @@ const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
916
919
|
|
|
917
920
|
.ft-button[disabled] {
|
|
918
921
|
filter: grayscale(1);
|
|
919
|
-
opacity: ${
|
|
922
|
+
opacity: ${Ze.opacityDisabled};
|
|
920
923
|
}
|
|
921
924
|
|
|
922
925
|
.ft-button.ft-button--primary {
|
|
923
|
-
background-color: ${
|
|
924
|
-
--ft-button-internal-color: ${
|
|
925
|
-
${e.setVariable(ne.color,
|
|
926
|
+
background-color: ${Te.backgroundColor};
|
|
927
|
+
--ft-button-internal-color: ${Te.color};
|
|
928
|
+
${e.setVariable(ne.color,Te.rippleColor)};
|
|
926
929
|
}
|
|
927
930
|
|
|
928
931
|
.ft-button.ft-button--outlined {
|
|
@@ -975,7 +978,7 @@ const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
975
978
|
}
|
|
976
979
|
|
|
977
980
|
ft-loader {
|
|
978
|
-
${e.setVariable(Ie.size,
|
|
981
|
+
${e.setVariable(Ie.size,Ze.iconSize)};
|
|
979
982
|
${e.setVariable(Ie.color,"var(--ft-button-internal-color)")};
|
|
980
983
|
}
|
|
981
984
|
`]}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`
|
|
@@ -1093,8 +1096,8 @@ const U=Symbol.for(""),H=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1093
1096
|
}
|
|
1094
1097
|
|
|
1095
1098
|
.column-title-container ft-button {
|
|
1096
|
-
${e.setVariable(
|
|
1097
|
-
${e.setVariable(
|
|
1099
|
+
${e.setVariable(Ze.backgroundColor,We.headerBackground)};
|
|
1100
|
+
${e.setVariable(Ze.color,We.colorOnSurfaceHigh)};
|
|
1098
1101
|
}
|
|
1099
1102
|
|
|
1100
1103
|
.column-title {
|
|
@@ -472,7 +472,7 @@ class Ut extends St{constructor(t){if(super(t),this.it=K,t.type!==wt)throw Error
|
|
|
472
472
|
.ft-icon--material {
|
|
473
473
|
font-family: ${di.materialFontFamily}, "Material Icons", sans-serif;
|
|
474
474
|
}
|
|
475
|
-
`,ci([o()],fi.prototype,"variant",void 0),ci([r("slot")],fi.prototype,"slottedContent",void 0),p("ft-icon")(fi);var hi=function(t,e,i,o){for(var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};class ui extends bt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return W``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}ui.elementDefinitions={},hi([o({type:String})],ui.prototype,"label",void 0),hi([o({type:Object,converter:t=>t})],ui.prototype,"value",void 0),hi([o({type:Boolean,reflect:!0})],ui.prototype,"selected",void 0);const bi={labelSize:ft.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:ft.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:ft.create("--ft-select-vertical-spacing","SIZE","4px"),selectedOptionColor:ft.extend("--ft-select-selected-option-color",ut.colorOnSurface),helperColor:ft.extend("--ft-select-helper-color",ut.colorOnSurfaceMedium),optionsColor:ft.extend("--ft-select-options-color",ut.colorOnSurface),optionsZIndex:ft.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:ft.external(ut.colorSurface,"Design system"),colorOnSurfaceDisabled:ft.external(ut.colorOnSurfaceDisabled,"Design system"),colorPrimary:ft.external(ut.colorPrimary,"Design system"),borderRadiusS:ft.external(ut.borderRadiusS,"Design system"),elevation02:ft.external(ut.elevation02,"Design system"),colorError:ft.external(ut.colorError,"Design system")};class xi extends bt{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!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,i,o,n;let s=this.hasOptionsMenuOpen,r=this.disabled||!this.hasOptions;const l=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(i=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==i?i:"").length>0,a={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":r,"ft-select--options-displayed":s,"ft-select--has-option-selected":l,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return W`
|
|
475
|
+
`,ci([o()],fi.prototype,"variant",void 0),ci([r("slot")],fi.prototype,"slottedContent",void 0),p("ft-icon")(fi);var hi=function(t,e,i,o){for(var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};class ui extends bt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return W``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}ui.elementDefinitions={},hi([o({type:String})],ui.prototype,"label",void 0),hi([o({type:Object,converter:t=>t})],ui.prototype,"value",void 0),hi([o({type:Boolean,reflect:!0})],ui.prototype,"selected",void 0);const bi={labelSize:ft.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:ft.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:ft.create("--ft-select-vertical-spacing","SIZE","4px"),optionsHeight:ft.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:ft.extend("--ft-select-selected-option-color",ut.colorOnSurface),helperColor:ft.extend("--ft-select-helper-color",ut.colorOnSurfaceMedium),optionsColor:ft.extend("--ft-select-options-color",ut.colorOnSurface),optionsZIndex:ft.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:ft.external(ut.colorSurface,"Design system"),colorOnSurfaceDisabled:ft.external(ut.colorOnSurfaceDisabled,"Design system"),colorPrimary:ft.external(ut.colorPrimary,"Design system"),borderRadiusS:ft.external(ut.borderRadiusS,"Design system"),elevation02:ft.external(ut.elevation02,"Design system"),colorError:ft.external(ut.colorError,"Design system")};class xi extends bt{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!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,i,o,n;let s=this.hasOptionsMenuOpen,r=this.disabled||!this.hasOptions;const l=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(i=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==i?i:"").length>0,a={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":r,"ft-select--options-displayed":s,"ft-select--has-option-selected":l,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return W`
|
|
476
476
|
<div class="${Dt(a)}" part="container">
|
|
477
477
|
<div class="ft-select--main-panel" part="main-panel">
|
|
478
478
|
<ft-input-label text="${this.label}"
|
|
@@ -642,6 +642,8 @@ class Ut extends St{constructor(t){if(super(t),this.it=K,t.type!==wt)throw Error
|
|
|
642
642
|
|
|
643
643
|
.ft-select--options-displayed .ft-select--options {
|
|
644
644
|
display: block;
|
|
645
|
+
max-height: ${bi.optionsHeight};
|
|
646
|
+
overflow-y: auto;
|
|
645
647
|
}
|
|
646
648
|
|
|
647
649
|
.ft-select--option {
|
|
@@ -958,6 +960,7 @@ function(t,e,i){let o,n=t;return"object"==typeof t?(n=t.slot,o=t):o={flatten:e},
|
|
|
958
960
|
box-shadow: 0px 0px 0px transparent;
|
|
959
961
|
border: 0px solid transparent;
|
|
960
962
|
text-shadow: 0px 0px 0px transparent;
|
|
963
|
+
font-size: inherit;
|
|
961
964
|
}
|
|
962
965
|
|
|
963
966
|
button:hover {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-filterable-table",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.15",
|
|
4
4
|
"description": "A dynamic table with filters",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
"test": "echo \"Error: run tests from root\" && exit 1"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@fluid-topics/ft-button": "^0.2.
|
|
26
|
-
"@fluid-topics/ft-select": "^0.2.
|
|
27
|
-
"@fluid-topics/ft-text-field": "^0.2.
|
|
28
|
-
"@fluid-topics/ft-wc-utils": "^0.2.
|
|
25
|
+
"@fluid-topics/ft-button": "^0.2.15",
|
|
26
|
+
"@fluid-topics/ft-select": "^0.2.15",
|
|
27
|
+
"@fluid-topics/ft-text-field": "^0.2.15",
|
|
28
|
+
"@fluid-topics/ft-wc-utils": "^0.2.15",
|
|
29
29
|
"lit": "2.1.3"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "d8f4700bb2461618dc2d1786e0091360556e9e24"
|
|
32
32
|
}
|