@fluid-topics/ft-search-selected-facets 1.1.70 → 1.1.72
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.
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
!function(t,
|
|
1
|
+
"use strict";(()=>{var sl=Object.create;var ui=Object.defineProperty;var ll=Object.getOwnPropertyDescriptor;var cl=Object.getOwnPropertyNames;var pl=Object.getPrototypeOf,dl=Object.prototype.hasOwnProperty;var Re=(o,t)=>()=>(t||o((t={exports:{}}).exports,t),t.exports);var fl=(o,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of cl(t))!dl.call(o,n)&&n!==r&&ui(o,n,{get:()=>t[n],enumerable:!(i=ll(t,n))||i.enumerable});return o};var f=(o,t,r)=>(r=o!=null?sl(pl(o)):{},fl(t||!o||!o.__esModule?ui(r,"default",{value:o,enumerable:!0}):r,o));var x=Re((jl,mi)=>{mi.exports=ftGlobals.wcUtils});var C=Re((ql,yi)=>{yi.exports=ftGlobals.lit});var Rr=Re((Yl,gi)=>{gi.exports=ftGlobals.litRepeat});var W=Re((Ql,Si)=>{Si.exports=ftGlobals.litDecorators});var Ai=Re(Ei=>{(function(o){var t=function(r){var i={searchParams:"URLSearchParams"in o,iterable:"Symbol"in o&&"iterator"in Symbol,blob:"FileReader"in o&&"Blob"in o&&function(){try{return new Blob,!0}catch{return!1}}(),formData:"FormData"in o,arrayBuffer:"ArrayBuffer"in o};function n(d){return d&&DataView.prototype.isPrototypeOf(d)}if(i.arrayBuffer)var a=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],s=ArrayBuffer.isView||function(d){return d&&a.indexOf(Object.prototype.toString.call(d))>-1};function c(d){if(typeof d!="string"&&(d=String(d)),/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(d))throw new TypeError("Invalid character in header field name");return d.toLowerCase()}function h(d){return typeof d!="string"&&(d=String(d)),d}function u(d){var m={next:function(){var E=d.shift();return{done:E===void 0,value:E}}};return i.iterable&&(m[Symbol.iterator]=function(){return m}),m}function b(d){this.map={},d instanceof b?d.forEach(function(m,E){this.append(E,m)},this):Array.isArray(d)?d.forEach(function(m){this.append(m[0],m[1])},this):d&&Object.getOwnPropertyNames(d).forEach(function(m){this.append(m,d[m])},this)}b.prototype.append=function(d,m){d=c(d),m=h(m);var E=this.map[d];this.map[d]=E?E+", "+m:m},b.prototype.delete=function(d){delete this.map[c(d)]},b.prototype.get=function(d){return d=c(d),this.has(d)?this.map[d]:null},b.prototype.has=function(d){return this.map.hasOwnProperty(c(d))},b.prototype.set=function(d,m){this.map[c(d)]=h(m)},b.prototype.forEach=function(d,m){for(var E in this.map)this.map.hasOwnProperty(E)&&d.call(m,this.map[E],E,this)},b.prototype.keys=function(){var d=[];return this.forEach(function(m,E){d.push(E)}),u(d)},b.prototype.values=function(){var d=[];return this.forEach(function(m){d.push(m)}),u(d)},b.prototype.entries=function(){var d=[];return this.forEach(function(m,E){d.push([E,m])}),u(d)},i.iterable&&(b.prototype[Symbol.iterator]=b.prototype.entries);function S(d){if(d.bodyUsed)return Promise.reject(new TypeError("Already read"));d.bodyUsed=!0}function L(d){return new Promise(function(m,E){d.onload=function(){m(d.result)},d.onerror=function(){E(d.error)}})}function w(d){var m=new FileReader,E=L(m);return m.readAsArrayBuffer(d),E}function k(d){var m=new FileReader,E=L(m);return m.readAsText(d),E}function G(d){for(var m=new Uint8Array(d),E=new Array(m.length),rt=0;rt<m.length;rt++)E[rt]=String.fromCharCode(m[rt]);return E.join("")}function K(d){if(d.slice)return d.slice(0);var m=new Uint8Array(d.byteLength);return m.set(new Uint8Array(d)),m.buffer}function M(){return this.bodyUsed=!1,this._initBody=function(d){this._bodyInit=d,d?typeof d=="string"?this._bodyText=d:i.blob&&Blob.prototype.isPrototypeOf(d)?this._bodyBlob=d:i.formData&&FormData.prototype.isPrototypeOf(d)?this._bodyFormData=d:i.searchParams&&URLSearchParams.prototype.isPrototypeOf(d)?this._bodyText=d.toString():i.arrayBuffer&&i.blob&&n(d)?(this._bodyArrayBuffer=K(d.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):i.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(d)||s(d))?this._bodyArrayBuffer=K(d):this._bodyText=d=Object.prototype.toString.call(d):this._bodyText="",this.headers.get("content-type")||(typeof d=="string"?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):i.searchParams&&URLSearchParams.prototype.isPrototypeOf(d)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},i.blob&&(this.blob=function(){var d=S(this);if(d)return d;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?S(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(w)}),this.text=function(){var d=S(this);if(d)return d;if(this._bodyBlob)return k(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(G(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},i.formData&&(this.formData=function(){return this.text().then(ot)}),this.json=function(){return this.text().then(JSON.parse)},this}var Z=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function lt(d){var m=d.toUpperCase();return Z.indexOf(m)>-1?m:d}function ht(d,m){m=m||{};var E=m.body;if(d instanceof ht){if(d.bodyUsed)throw new TypeError("Already read");this.url=d.url,this.credentials=d.credentials,m.headers||(this.headers=new b(d.headers)),this.method=d.method,this.mode=d.mode,this.signal=d.signal,!E&&d._bodyInit!=null&&(E=d._bodyInit,d.bodyUsed=!0)}else this.url=String(d);if(this.credentials=m.credentials||this.credentials||"same-origin",(m.headers||!this.headers)&&(this.headers=new b(m.headers)),this.method=lt(m.method||this.method||"GET"),this.mode=m.mode||this.mode||null,this.signal=m.signal||this.signal,this.referrer=null,(this.method==="GET"||this.method==="HEAD")&&E)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(E)}ht.prototype.clone=function(){return new ht(this,{body:this._bodyInit})};function ot(d){var m=new FormData;return d.trim().split("&").forEach(function(E){if(E){var rt=E.split("="),ct=rt.shift().replace(/\+/g," "),D=rt.join("=").replace(/\+/g," ");m.append(decodeURIComponent(ct),decodeURIComponent(D))}}),m}function Fo(d){var m=new b,E=d.replace(/\r?\n[\t ]+/g," ");return E.split(/\r?\n/).forEach(function(rt){var ct=rt.split(":"),D=ct.shift().trim();if(D){var zo=ct.join(":").trim();m.append(D,zo)}}),m}M.call(ht.prototype);function Nt(d,m){m||(m={}),this.type="default",this.status=m.status===void 0?200:m.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in m?m.statusText:"OK",this.headers=new b(m.headers),this.url=m.url||"",this._initBody(d)}M.call(Nt.prototype),Nt.prototype.clone=function(){return new Nt(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new b(this.headers),url:this.url})},Nt.error=function(){var d=new Nt(null,{status:0,statusText:""});return d.type="error",d};var hi=[301,302,303,307,308];Nt.redirect=function(d,m){if(hi.indexOf(m)===-1)throw new RangeError("Invalid status code");return new Nt(null,{status:m,headers:{location:d}})},r.DOMException=o.DOMException;try{new r.DOMException}catch{r.DOMException=function(m,E){this.message=m,this.name=E;var rt=Error(m);this.stack=rt.stack},r.DOMException.prototype=Object.create(Error.prototype),r.DOMException.prototype.constructor=r.DOMException}function He(d,m){return new Promise(function(E,rt){var ct=new ht(d,m);if(ct.signal&&ct.signal.aborted)return rt(new r.DOMException("Aborted","AbortError"));var D=new XMLHttpRequest;function zo(){D.abort()}D.onload=function(){var yo={status:D.status,statusText:D.statusText,headers:Fo(D.getAllResponseHeaders()||"")};yo.url="responseURL"in D?D.responseURL:yo.headers.get("X-Request-URL");var wr="response"in D?D.response:D.responseText;E(new Nt(wr,yo))},D.onerror=function(){rt(new TypeError("Network request failed"))},D.ontimeout=function(){rt(new TypeError("Network request failed"))},D.onabort=function(){rt(new r.DOMException("Aborted","AbortError"))},D.open(ct.method,ct.url,!0),ct.credentials==="include"?D.withCredentials=!0:ct.credentials==="omit"&&(D.withCredentials=!1),"responseType"in D&&i.blob&&(D.responseType="blob"),ct.headers.forEach(function(yo,wr){D.setRequestHeader(wr,yo)}),ct.signal&&(ct.signal.addEventListener("abort",zo),D.onreadystatechange=function(){D.readyState===4&&ct.signal.removeEventListener("abort",zo)}),D.send(typeof ct._bodyInit>"u"?null:ct._bodyInit)})}return He.polyfill=!0,o.fetch||(o.fetch=He,o.Headers=b,o.Request=ht,o.Response=Nt),r.Headers=b,r.Request=ht,r.Response=Nt,r.fetch=He,Object.defineProperty(r,"__esModule",{value:!0}),r}({})})(typeof self<"u"?self:Ei)});var Le=Re((yp,Qi)=>{Qi.exports=ftGlobals.litClassMap});var ma=Re((cu,ua)=>{ua.exports=ftGlobals.litUnsafeHTML});var al=f(x());var he=f(C()),di=f(Rr()),mo=f(x());var bi=f(C()),xi=f(x()),hl={spacing:xi.FtCssVariableFactory.create("--ft-search-selected-facets-spacing","","SIZE","8px")},vi=bi.css`
|
|
2
2
|
.ft-search-selected-facets--container {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-wrap: wrap;
|
|
5
|
-
gap: ${
|
|
5
|
+
gap: ${hl.spacing};
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.ft-search-selected-facets--container > * {
|
|
9
9
|
min-width: 0;
|
|
10
10
|
}
|
|
11
|
-
`,c={setRequest:(t,e)=>{t.request=e.payload},setRequestQuery:(t,e)=>{t.request.query=e.payload},setRequestContentLocale:(t,e)=>{t.request.contentLocale=e.payload},setPageSize:(t,e)=>{t.request.paging.perPage=e.payload},setPageNumber:(t,e)=>{t.request.paging.page=e.payload},setRequestSort:(t,e)=>{t.request.sort=e.payload},setRequestFilters:(t,e)=>{t.request.filters=e.payload},setRequestFacets:(t,e)=>{t.request.facets=e.payload},setRequestVirtualField:(t,e)=>{t.request.virtualField=e.payload},setRequestScope:(t,e)=>{t.request.scope=e.payload},setRequestClusterSortCriterion:(t,e)=>{t.request.clusterSortCriterions=e.payload},setResults:(t,e)=>{t.results=e.payload},setFacets:(t,e)=>{t.facets=e.payload},setSpellcheck:(t,e)=>{t.spellcheck=e.payload},setLocales:(t,e)=>{t.locales=e.payload},setPaging:(t,e)=>{t.paging=e.payload},setLiveQuery:(t,e)=>{t.liveQuery=e.payload},setSuggestResults:(t,e)=>{t.suggestResults=e.payload},setRequestPeriodFilter:(t,e)=>{t.request.periodFilter=e.payload}};var p,f,h,d,u,g,b,y,m,x,v,O,w,S,N,$,C,E,k;!function(t){!function(e){var o={searchParams:"URLSearchParams"in t,iterable:"Symbol"in t&&"iterator"in Symbol,blob:"FileReader"in t&&"Blob"in t&&function(){try{return new Blob,!0}catch(t){return!1}}(),formData:"FormData"in t,arrayBuffer:"ArrayBuffer"in t};if(o.arrayBuffer)var i=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],r=ArrayBuffer.isView||function(t){return t&&i.indexOf(Object.prototype.toString.call(t))>-1};function n(t){if("string"!=typeof t&&(t=String(t)),/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(t))throw new TypeError("Invalid character in header field name");return t.toLowerCase()}function a(t){return"string"!=typeof t&&(t=String(t)),t}function l(t){var e={next:function(){var e=t.shift();return{done:void 0===e,value:e}}};return o.iterable&&(e[Symbol.iterator]=function(){return e}),e}function s(t){this.map={},t instanceof s?t.forEach((function(t,e){this.append(e,t)}),this):Array.isArray(t)?t.forEach((function(t){this.append(t[0],t[1])}),this):t&&Object.getOwnPropertyNames(t).forEach((function(e){this.append(e,t[e])}),this)}function c(t){if(t.bodyUsed)return Promise.reject(new TypeError("Already read"));t.bodyUsed=!0}function p(t){return new Promise((function(e,o){t.onload=function(){e(t.result)},t.onerror=function(){o(t.error)}}))}function f(t){var e=new FileReader,o=p(e);return e.readAsArrayBuffer(t),o}function h(t){if(t.slice)return t.slice(0);var e=new Uint8Array(t.byteLength);return e.set(new Uint8Array(t)),e.buffer}function d(){return this.bodyUsed=!1,this._initBody=function(t){var e;this._bodyInit=t,t?"string"==typeof t?this._bodyText=t:o.blob&&Blob.prototype.isPrototypeOf(t)?this._bodyBlob=t:o.formData&&FormData.prototype.isPrototypeOf(t)?this._bodyFormData=t:o.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)?this._bodyText=t.toString():o.arrayBuffer&&o.blob&&((e=t)&&DataView.prototype.isPrototypeOf(e))?(this._bodyArrayBuffer=h(t.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):o.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(t)||r(t))?this._bodyArrayBuffer=h(t):this._bodyText=t=Object.prototype.toString.call(t):this._bodyText="",this.headers.get("content-type")||("string"==typeof t?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):o.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},o.blob&&(this.blob=function(){var t=c(this);if(t)return t;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?c(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(f)}),this.text=function(){var t,e,o,i=c(this);if(i)return i;if(this._bodyBlob)return t=this._bodyBlob,e=new FileReader,o=p(e),e.readAsText(t),o;if(this._bodyArrayBuffer)return Promise.resolve(function(t){for(var e=new Uint8Array(t),o=new Array(e.length),i=0;i<e.length;i++)o[i]=String.fromCharCode(e[i]);return o.join("")}(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},o.formData&&(this.formData=function(){return this.text().then(b)}),this.json=function(){return this.text().then(JSON.parse)},this}s.prototype.append=function(t,e){t=n(t),e=a(e);var o=this.map[t];this.map[t]=o?o+", "+e:e},s.prototype.delete=function(t){delete this.map[n(t)]},s.prototype.get=function(t){return t=n(t),this.has(t)?this.map[t]:null},s.prototype.has=function(t){return this.map.hasOwnProperty(n(t))},s.prototype.set=function(t,e){this.map[n(t)]=a(e)},s.prototype.forEach=function(t,e){for(var o in this.map)this.map.hasOwnProperty(o)&&t.call(e,this.map[o],o,this)},s.prototype.keys=function(){var t=[];return this.forEach((function(e,o){t.push(o)})),l(t)},s.prototype.values=function(){var t=[];return this.forEach((function(e){t.push(e)})),l(t)},s.prototype.entries=function(){var t=[];return this.forEach((function(e,o){t.push([o,e])})),l(t)},o.iterable&&(s.prototype[Symbol.iterator]=s.prototype.entries);var u=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function g(t,e){var o,i,r=(e=e||{}).body;if(t instanceof g){if(t.bodyUsed)throw new TypeError("Already read");this.url=t.url,this.credentials=t.credentials,e.headers||(this.headers=new s(t.headers)),this.method=t.method,this.mode=t.mode,this.signal=t.signal,r||null==t._bodyInit||(r=t._bodyInit,t.bodyUsed=!0)}else this.url=String(t);if(this.credentials=e.credentials||this.credentials||"same-origin",!e.headers&&this.headers||(this.headers=new s(e.headers)),this.method=(o=e.method||this.method||"GET",i=o.toUpperCase(),u.indexOf(i)>-1?i:o),this.mode=e.mode||this.mode||null,this.signal=e.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&r)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(r)}function b(t){var e=new FormData;return t.trim().split("&").forEach((function(t){if(t){var o=t.split("="),i=o.shift().replace(/\+/g," "),r=o.join("=").replace(/\+/g," ");e.append(decodeURIComponent(i),decodeURIComponent(r))}})),e}function y(t,e){e||(e={}),this.type="default",this.status=void 0===e.status?200:e.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in e?e.statusText:"OK",this.headers=new s(e.headers),this.url=e.url||"",this._initBody(t)}g.prototype.clone=function(){return new g(this,{body:this._bodyInit})},d.call(g.prototype),d.call(y.prototype),y.prototype.clone=function(){return new y(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new s(this.headers),url:this.url})},y.error=function(){var t=new y(null,{status:0,statusText:""});return t.type="error",t};var m=[301,302,303,307,308];y.redirect=function(t,e){if(-1===m.indexOf(e))throw new RangeError("Invalid status code");return new y(null,{status:e,headers:{location:t}})},e.DOMException=t.DOMException;try{new e.DOMException}catch(t){e.DOMException=function(t,e){this.message=t,this.name=e;var o=Error(t);this.stack=o.stack},e.DOMException.prototype=Object.create(Error.prototype),e.DOMException.prototype.constructor=e.DOMException}function x(t,i){return new Promise((function(r,n){var a=new g(t,i);if(a.signal&&a.signal.aborted)return n(new e.DOMException("Aborted","AbortError"));var l=new XMLHttpRequest;function c(){l.abort()}l.onload=function(){var t,e,o={status:l.status,statusText:l.statusText,headers:(t=l.getAllResponseHeaders()||"",e=new s,t.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach((function(t){var o=t.split(":"),i=o.shift().trim();if(i){var r=o.join(":").trim();e.append(i,r)}})),e)};o.url="responseURL"in l?l.responseURL:o.headers.get("X-Request-URL");var i="response"in l?l.response:l.responseText;r(new y(i,o))},l.onerror=function(){n(new TypeError("Network request failed"))},l.ontimeout=function(){n(new TypeError("Network request failed"))},l.onabort=function(){n(new e.DOMException("Aborted","AbortError"))},l.open(a.method,a.url,!0),"include"===a.credentials?l.withCredentials=!0:"omit"===a.credentials&&(l.withCredentials=!1),"responseType"in l&&o.blob&&(l.responseType="blob"),a.headers.forEach((function(t,e){l.setRequestHeader(e,t)})),a.signal&&(a.signal.addEventListener("abort",c),l.onreadystatechange=function(){4===l.readyState&&a.signal.removeEventListener("abort",c)}),l.send(void 0===a._bodyInit?null:a._bodyInit)}))}x.polyfill=!0,t.fetch||(t.fetch=x,t.Headers=s,t.Request=g,t.Response=y),e.Headers=s,e.Request=g,e.Response=y,e.fetch=x,Object.defineProperty(e,"t",{value:!0})}({})}("undefined"!=typeof self?self:void 0),function(t){t.black="black",t.green="green",t.blue="blue",t.purple="purple",t.red="red",t.orange="orange",t.yellow="yellow"}(p||(p={})),function(t){t.OFFICIAL="OFFICIAL",t.PERSONAL="PERSONAL",t.SHARED="SHARED"}(f||(f={})),function(t){t.THIRD_PARTY="THIRD_PARTY",t.OFF_THE_GRID="OFF_THE_GRID",t.CONTENT_PACKAGER="CONTENT_PACKAGER",t.PAGES="PAGES",t.DESIGNED_READER="DESIGNED_READER"}(h||(h={})),function(t){t.HOMEPAGE="HOMEPAGE",t.CUSTOM="CUSTOM",t.READER="READER",t.TOPIC_TEMPLATE="TOPIC_TEMPLATE",t.SEARCH="SEARCH",t.SEARCH_RESULT="SEARCH_RESULT"}(d||(d={})),function(t){t.CLASSIC="CLASSIC",t.CUSTOM="CUSTOM",t.DESIGNER="DESIGNER"}(u||(u={})),function(t){t.AND="AND",t.OR="OR",t.MONOVALUED="MONOVALUED"}(g||(g={})),function(t){t.NONE="NONE",t.ALPHABET="ALPHABET",t.VERSION="VERSION"}(b||(b={})),function(t){t.STARS="STARS",t.LIKE="LIKE",t.DICHOTOMOUS="DICHOTOMOUS",t.NO_RATING="NO_RATING"}(y||(y={})),function(t){t.LAST_WEEK="LAST_WEEK",t.LAST_MONTH="LAST_MONTH",t.LAST_QUARTER="LAST_QUARTER",t.LAST_YEAR="LAST_YEAR",t.CUSTOM="CUSTOM"}(m||(m={})),function(t){t.ASC="ASC",t.DESC="DESC"}(x||(x={})),function(t){t.ALPHA="ALPHA",t.NATURAL="NATURAL"}(v||(v={})),function(t){t.EVERYWHERE="EVERYWHERE",t.TITLE_ONLY="TITLE_ONLY",t.NONE="NONE"}(O||(O={})),function(t){t.ARTICLE="ARTICLE",t.BOOK="BOOK",t.SHARED_BOOK="SHARED_BOOK"}(w||(w={})),function(t){t.FLUIDTOPICS="FLUIDTOPICS",t.EXTERNAL="EXTERNAL"}(S||(S={})),function(t){t.MAP="MAP",t.DOCUMENT="DOCUMENT",t.TOPIC="TOPIC",t.PERSONAL_BOOK="PERSONAL_BOOK",t.SHARED_BOOK="SHARED_BOOK"}(N||(N={})),function(t){t.MAP="MAP",t.DOCUMENT="DOCUMENT",t.TOPIC="TOPIC"}($||($={})),function(t){t.DEFAULT="DEFAULT",t.DOCUMENTS="DOCUMENTS",t.ALL_TOPICS="ALL_TOPICS"}(C||(C={})),function(t){t.PERSONAL_BOOK_USER="PERSONAL_BOOK_USER",t.PERSONAL_BOOK_SHARE_USER="PERSONAL_BOOK_SHARE_USER",t.HTML_EXPORT_USER="HTML_EXPORT_USER",t.PDF_EXPORT_USER="PDF_EXPORT_USER",t.SAVED_SEARCH_USER="SAVED_SEARCH_USER",t.COLLECTION_USER="COLLECTION_USER",t.OFFLINE_USER="OFFLINE_USER",t.ANALYTICS_USER="ANALYTICS_USER",t.BETA_USER="BETA_USER",t.DEBUG_USER="DEBUG_USER",t.PRINT_USER="PRINT_USER",t.RATING_USER="RATING_USER",t.FEEDBACK_USER="FEEDBACK_USER",t.GENERATIVE_AI_USER="GENERATIVE_AI_USER",t.CONTENT_PUBLISHER="CONTENT_PUBLISHER",t.KHUB_ADMIN="KHUB_ADMIN",t.USERS_ADMIN="USERS_ADMIN",t.PORTAL_ADMIN="PORTAL_ADMIN",t.ADMIN="ADMIN",t.DEVELOPER="DEVELOPER"}(E||(E={})),function(t){t.VALID="VALID",t.INVALID="INVALID"}(k||(k={})),E.PERSONAL_BOOK_SHARE_USER,E.PERSONAL_BOOK_USER,E.HTML_EXPORT_USER,E.PERSONAL_BOOK_USER,E.PDF_EXPORT_USER,E.PERSONAL_BOOK_USER,E.KHUB_ADMIN,E.CONTENT_PUBLISHER,E.ADMIN,E.KHUB_ADMIN,E.USERS_ADMIN,E.PORTAL_ADMIN,E.DEVELOPER,E.BETA_USER,E.DEBUG_USER;const I=o.css`
|
|
12
|
-
|
|
11
|
+
`;var Yi=f(x()),Xi=f(W());var oe=f(x());var Oi=f(x()),ul={setRequest:(o,t)=>{o.request=t.payload},setRequestQuery:(o,t)=>{o.request.query=t.payload},setRequestContentLocale:(o,t)=>{o.request.contentLocale=t.payload},setPageSize:(o,t)=>{o.request.paging.perPage=t.payload},setPageNumber:(o,t)=>{o.request.paging.page=t.payload},setRequestSort:(o,t)=>{o.request.sort=t.payload},setRequestFilters:(o,t)=>{o.request.filters=t.payload},setRequestFacets:(o,t)=>{o.request.facets=t.payload},setRequestVirtualField:(o,t)=>{o.request.virtualField=t.payload},setRequestScope:(o,t)=>{o.request.scope=t.payload},setRequestClusterSortCriterion:(o,t)=>{o.request.clusterSortCriterions=t.payload},setResults:(o,t)=>{o.results=t.payload},setFacets:(o,t)=>{o.facets=t.payload},setSpellcheck:(o,t)=>{o.spellcheck=t.payload},setLocales:(o,t)=>{o.locales=t.payload},setPaging:(o,t)=>{o.paging=t.payload},setLiveQuery:(o,t)=>{o.liveQuery=t.payload},setSuggestResults:(o,t)=>{o.suggestResults=t.payload},setRequestPeriodFilter:(o,t)=>{o.request.periodFilter=t.payload}},Ci=o=>Oi.FtReduxStore.get({name:"ft-search-"+o,initialState:{request:{query:"",filters:[],facets:[],sort:[],paging:{page:1,perPage:20}},liveQuery:""},reducers:ul});var cc=f(Ai(),1);var wi;(function(o){o.black="black",o.green="green",o.blue="blue",o.purple="purple",o.red="red",o.orange="orange",o.yellow="yellow"})(wi||(wi={}));var Ri;(function(o){o.OFFICIAL="OFFICIAL",o.PERSONAL="PERSONAL",o.SHARED="SHARED"})(Ri||(Ri={}));var Ni;(function(o){o.THIRD_PARTY="THIRD_PARTY",o.OFF_THE_GRID="OFF_THE_GRID",o.CONTENT_PACKAGER="CONTENT_PACKAGER",o.PAGES="PAGES",o.DESIGNED_READER="DESIGNED_READER"})(Ni||(Ni={}));var Li;(function(o){o.HOMEPAGE="HOMEPAGE",o.CUSTOM="CUSTOM",o.READER="READER",o.TOPIC_TEMPLATE="TOPIC_TEMPLATE",o.SEARCH="SEARCH",o.SEARCH_RESULT="SEARCH_RESULT"})(Li||(Li={}));var Ti;(function(o){o.CLASSIC="CLASSIC",o.CUSTOM="CUSTOM",o.DESIGNER="DESIGNER"})(Ti||(Ti={}));var Ii;(function(o){o.AND="AND",o.OR="OR",o.MONOVALUED="MONOVALUED"})(Ii||(Ii={}));var ki;(function(o){o.NONE="NONE",o.ALPHABET="ALPHABET",o.VERSION="VERSION"})(ki||(ki={}));var Pi;(function(o){o.STARS="STARS",o.LIKE="LIKE",o.DICHOTOMOUS="DICHOTOMOUS",o.NO_RATING="NO_RATING"})(Pi||(Pi={}));var Mo;(function(o){o.LAST_WEEK="LAST_WEEK",o.LAST_MONTH="LAST_MONTH",o.LAST_QUARTER="LAST_QUARTER",o.LAST_YEAR="LAST_YEAR",o.CUSTOM="CUSTOM"})(Mo||(Mo={}));var $i;(function(o){o.ASC="ASC",o.DESC="DESC"})($i||($i={}));var _i;(function(o){o.ALPHA="ALPHA",o.NATURAL="NATURAL"})(_i||(_i={}));var Ve;(function(o){o.EVERYWHERE="EVERYWHERE",o.TITLE_ONLY="TITLE_ONLY",o.NONE="NONE"})(Ve||(Ve={}));var Di;(function(o){o.ARTICLE="ARTICLE",o.BOOK="BOOK",o.SHARED_BOOK="SHARED_BOOK"})(Di||(Di={}));var Bi;(function(o){o.FLUIDTOPICS="FLUIDTOPICS",o.EXTERNAL="EXTERNAL"})(Bi||(Bi={}));var Ui;(function(o){o.MAP="MAP",o.DOCUMENT="DOCUMENT",o.TOPIC="TOPIC",o.PERSONAL_BOOK="PERSONAL_BOOK",o.SHARED_BOOK="SHARED_BOOK"})(Ui||(Ui={}));var Fi;(function(o){o.MAP="MAP",o.DOCUMENT="DOCUMENT",o.TOPIC="TOPIC"})(Fi||(Fi={}));var Ge;(function(o){o.DEFAULT="DEFAULT",o.DOCUMENTS="DOCUMENTS",o.ALL_TOPICS="ALL_TOPICS"})(Ge||(Ge={}));var it;(function(o){o.PERSONAL_BOOK_USER="PERSONAL_BOOK_USER",o.PERSONAL_BOOK_SHARE_USER="PERSONAL_BOOK_SHARE_USER",o.HTML_EXPORT_USER="HTML_EXPORT_USER",o.PDF_EXPORT_USER="PDF_EXPORT_USER",o.SAVED_SEARCH_USER="SAVED_SEARCH_USER",o.COLLECTION_USER="COLLECTION_USER",o.OFFLINE_USER="OFFLINE_USER",o.ANALYTICS_USER="ANALYTICS_USER",o.BETA_USER="BETA_USER",o.DEBUG_USER="DEBUG_USER",o.PRINT_USER="PRINT_USER",o.RATING_USER="RATING_USER",o.FEEDBACK_USER="FEEDBACK_USER",o.GENERATIVE_AI_USER="GENERATIVE_AI_USER",o.CONTENT_PUBLISHER="CONTENT_PUBLISHER",o.KHUB_ADMIN="KHUB_ADMIN",o.USERS_ADMIN="USERS_ADMIN",o.PORTAL_ADMIN="PORTAL_ADMIN",o.ADMIN="ADMIN",o.DEVELOPER="DEVELOPER"})(it||(it={}));var zi;(function(o){o.VALID="VALID",o.INVALID="INVALID"})(zi||(zi={}));var nc={[it.PERSONAL_BOOK_SHARE_USER]:[it.PERSONAL_BOOK_USER],[it.HTML_EXPORT_USER]:[it.PERSONAL_BOOK_USER],[it.PDF_EXPORT_USER]:[it.PERSONAL_BOOK_USER],[it.KHUB_ADMIN]:[it.CONTENT_PUBLISHER],[it.ADMIN]:[it.KHUB_ADMIN,it.USERS_ADMIN,it.PORTAL_ADMIN],[it.DEVELOPER]:[it.BETA_USER,it.DEBUG_USER]};var qi=f(x());var Ki=f(C()),_t=f(W()),Mt=f(x());var Mi=f(C());var Wi=Mi.css`
|
|
12
|
+
`;var Hi=f(x()),ml="ft-app-info",yl={},R=Hi.FtReduxStore.get({name:ml,reducers:yl,initialState:{baseUrl:void 0,apiIntegrationIdentifier:void 0,uiLocale:document.documentElement.lang||"en-US",availableUiLocales:[],metadataConfiguration:void 0,editorMode:!1,noCustom:!1,noCustomComponent:!1,session:void 0,openExternalDocumentInNewTab:!1,navigatorOnline:!0,forcedOffline:!1}});var me=f(x());var Nr=f(x());var Ne=class o{static get(t){let{baseUrl:r,apiIntegrationIdentifier:i}=R.getState(),n=t??i;if(r&&n&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(r,n,!0)}static await(t){return new Promise(r=>{let i=o.get(t);if(i)r(i);else{let n=R.subscribe(()=>{i=o.get(t),i&&(n(),r(i))})}})}};var Yt=class{constructor(t=!0,r){var i;this.overrideApi=r;let n=this.constructor;n.commonCache=(i=n.commonCache)!==null&&i!==void 0?i:new Nr.CacheRegistry,this.cache=t?n.commonCache:new Nr.CacheRegistry}get api(){var t;return(t=this.overrideApi)!==null&&t!==void 0?t:Ne.get()}get awaitApi(){var t;return(t=this.overrideApi)!==null&&t!==void 0?t:Ne.await()}clearCache(){this.cache.clearAll()}};var Vi,gl=Symbol("clearAfterUnitTest"),Wo=class extends Yt{constructor(t){super(),this.messageContextProvider=t,this.defaultMessages={},this.listeners={},this.currentUiLocale="",this[Vi]=()=>{this.defaultMessages={},this.cache=new me.CacheRegistry,this.listeners={}},this.currentUiLocale=R.getState().uiLocale,R.subscribe(()=>this.clearWhenUiLocaleChanges())}clearWhenUiLocaleChanges(){let{uiLocale:t}=R.getState();this.currentUiLocale!==t&&(this.currentUiLocale=t,this.cache.clearAll(),this.notifyAll())}addContext(t){let r=t.name.toLowerCase();this.cache.setFinal(r,t),this.notify(r)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(t,r){var i;if(t=t.toLowerCase(),Object.keys(r).length>0){let n={...(i=this.defaultMessages[t])!==null&&i!==void 0?i:{},...r};(0,me.deepEqual)(this.defaultMessages[t],n)||(this.defaultMessages[t]=n,await this.notify(t))}await this.fetchContext(t)}resolveMessage(t,r,...i){var n,a,s;t=t.toLowerCase(),this.fetchContext(t);let c=(a=(n=this.cache.getNow(t))===null||n===void 0?void 0:n.messages)!==null&&a!==void 0?a:{};return new me.ParametrizedLabelResolver((s=this.defaultMessages[t])!==null&&s!==void 0?s:{},c).resolve(r,...i)}async fetchContext(t){if(!this.cache.has(t))try{await this.cache.get(t,()=>this.messageContextProvider(this.currentUiLocale,t)),await this.notify(t)}catch(r){console.error(r)}}subscribe(t,r){var i;return t=t.toLowerCase(),this.listeners[t]=(i=this.listeners[t])!==null&&i!==void 0?i:new Set,this.listeners[t].add(r),()=>{var n;return(n=this.listeners[t])===null||n===void 0?void 0:n.delete(r)}}async notifyAll(){await Promise.all(Object.keys(this.listeners).map(t=>this.notify(t)))}async notify(t){this.listeners[t]!=null&&await Promise.all([...this.listeners[t].values()].map(r=>(0,me.delay)(0).then(()=>r()).catch(()=>null)))}};Vi=gl;window.FluidTopicsI18nService==null&&(window.FluidTopicsI18nService=new class extends Wo{constructor(){super(async(o,t)=>(await this.awaitApi).getFluidTopicsMessageContext(o,t))}});window.FluidTopicsCustomI18nService==null&&(window.FluidTopicsCustomI18nService=new class extends Wo{constructor(){super(async(o,t)=>(await this.awaitApi).getCustomMessageContext(o,t))}});var Ke=window.FluidTopicsI18nService,Gi=window.FluidTopicsCustomI18nService;var yt=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},j=class extends Mt.FtLitElement{constructor(){super(...arguments),this.apiIntegrationIdentifier="ft-integration",this.uiLocale="en-US",this.editorMode=!1,this.noCustom=!1,this.openExternalDocumentInNewTab=!1,this.noCustomComponent=!1,this.withManualResources=!1,this.navigatorOnline=!1,this.forcedOffline=!1,this.apiProvider=()=>Ne.get(),this.messageContexts=[],this.cache=new Mt.CacheRegistry,this.cleanSessionDebouncer=new Mt.Debouncer}render(){return Ki.html`
|
|
13
13
|
<slot></slot>
|
|
14
|
-
`}update(t){super.update(t),t.has("baseUrl")&&(R.actions.baseUrl(this.baseUrl),window.fluidTopicsBaseUrl=this.baseUrl),t.has("apiIntegrationIdentifier")&&R.actions.apiIntegrationIdentifier(this.apiIntegrationIdentifier),t.has("uiLocale")&&R.actions.uiLocale(this.uiLocale),t.has("metadataConfiguration")&&R.actions.metadataConfiguration(this.metadataConfiguration),t.has("noCustom")&&R.actions.noCustom(this.noCustom),t.has("editorMode")&&R.actions.editorMode(this.editorMode),t.has("noCustomComponent")&&R.actions.noCustomComponent(this.noCustomComponent),t.has("session")&&R.actions.session(this.session),t.has("availableUiLocales")&&R.actions.availableUiLocales(Array.isArray(this.availableUiLocales)?this.availableUiLocales:[]),t.has("messageContexts")&&null!=this.messageContexts&&this.messageContexts.forEach((t=>Z.addContext(t))),t.has("openExternalDocumentInNewTab")&&R.actions.openExternalDocumentInNewTab(this.openExternalDocumentInNewTab),t.has("navigatorOnline")&&R.actions.navigatorOnline(this.navigatorOnline),t.has("forcedOffline")&&R.actions.forcedOffline(this.forcedOffline),setTimeout((()=>this.updateIfNeeded()))}async updateIfNeeded(){!this.withManualResources&&this.apiProvider()&&(null==this.session&&this.updateSession(),null==this.availableUiLocales&&this.updateUiLocales(),null==this.metadataConfiguration&&this.updateMetadataConfiguration())}async updateSession(){this.session=await this.cache.get("session",(async()=>{const t=await this.apiProvider().getCurrentSession();return t.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run((()=>{this.cache.clear("session"),this.session=void 0}),t.idleTimeoutInMillis),t}))}async updateUiLocales(){this.availableUiLocales=await this.cache.get("availableUiLocales",(()=>this.apiProvider().getAvailableUiLocales()))}async updateMetadataConfiguration(){this.metadataConfiguration=await this.cache.get("metadataConfiguration",(()=>this.apiProvider().getMetadataConfiguration()))}}K.elementDefinitions={},K.styles=I,B([r.property()],K.prototype,"baseUrl",void 0),B([r.property()],K.prototype,"apiIntegrationIdentifier",void 0),B([r.property()],K.prototype,"uiLocale",void 0),B([e.jsonProperty(null)],K.prototype,"availableUiLocales",void 0),B([e.jsonProperty(null)],K.prototype,"metadataConfiguration",void 0),B([r.property({type:Boolean})],K.prototype,"editorMode",void 0),B([r.property({type:Boolean})],K.prototype,"noCustom",void 0),B([r.property({type:Boolean})],K.prototype,"openExternalDocumentInNewTab",void 0),B([r.property({converter:{fromAttribute:t=>"false"!==t&&("true"===t||null!=t&&t)}})],K.prototype,"noCustomComponent",void 0),B([r.property({type:Boolean})],K.prototype,"withManualResources",void 0),B([r.property({type:Boolean})],K.prototype,"navigatorOnline",void 0),B([r.property({type:Boolean})],K.prototype,"forcedOffline",void 0),B([r.property({type:Object})],K.prototype,"apiProvider",void 0),B([e.jsonProperty([])],K.prototype,"messageContexts",void 0),B([e.jsonProperty(void 0)],K.prototype,"session",void 0);class F extends L{async listMySearches(){let t=R.getState().session;return(null==t?void 0:t.sessionAuthenticated)?this.cache.get("my-searches",(async()=>(await this.awaitApi).listMySearches(t.profile.userId)),3e5):[]}}class T extends L{async listMyBookmarks(){let t=R.getState().session;return(null==t?void 0:t.sessionAuthenticated)?this.cache.get("my-bookmarks",(async()=>(await this.awaitApi).listMyBookmarks(t.profile.userId)),3e5):[]}}const H=e.FtReduxStore.get({name:"ft-user-assets",initialState:{savedSearches:void 0,bookmarks:void 0}});const P=new class{constructor(){this.currentSession=R.getState().session,this.bookmarksAreUsed=!1,this.bookmarksService=new T,this.savedSearchesService=new F,R.subscribe((()=>this.reloadWhenUserSessionChanges()))}reloadWhenUserSessionChanges(){var t;const{session:o}=R.getState();e.deepEqual(null===(t=this.currentSession)||void 0===t?void 0:t.profile,null==o?void 0:o.profile)||(this.currentSession=o,this.clearMySearches(),this.reloadBookmarks())}clear(){this.clearMySearches(),this.clearMyBookmarks()}clearMySearches(){this.savedSearchesService.clearCache(),H.actions.savedSearches(void 0)}clearMyBookmarks(){this.bookmarksService.clearCache(),H.actions.bookmarks(void 0)}async reloadMySearches(){this.savedSearchesService.clearCache();const t=await this.savedSearchesService.listMySearches();H.actions.savedSearches(t)}async reloadBookmarks(){this.bookmarksService.clearCache(),await this.updateBookmarksIfUsed()}async registerBookmarkComponent(){this.bookmarksAreUsed=!0,await this.updateBookmarksIfUsed()}async updateBookmarksIfUsed(){var t;if(this.bookmarksAreUsed){const e=(null===(t=this.currentSession)||void 0===t?void 0:t.sessionAuthenticated)?await this.bookmarksService.listMyBookmarks():void 0;H.actions.bookmarks(e)}}};window.FluidTopicsAppInfoStoreService=new class{addCommand(t,e=!1){R.commands.add(t,e)}consumeCommand(t){return R.commands.consume(t)}};window.FluidTopicsHighlightHtmlService=new class{highlightHtml(t,o){e.highlightHtml(t,o)}},e.customElement("ft-app-context")(K);class M extends L{constructor(){super(),this.cache.registerFinal("available-locales",(()=>this.api.getAvailableSearchLocales()))}async launchSearch(t){return this.api.search(t)}async launchSuggest(t){return this.api.getSuggestions(t)}async getAvailableSearchLocales(){return this.cache.get("available-locales")}}const j=t=>t.request.virtualField===O.TITLE_ONLY&&t.request.scope===C.DOCUMENTS;class _ extends Event{constructor(){super(_.eventName)}}_.eventName="search-context-clear-all-filters";class G{static build(t,o){return new G((t=>e.FtReduxStore.get({name:"ft-search-"+t,initialState:{request:{query:"",filters:[],facets:[],sort:[],paging:{page:1,perPage:20}},liveQuery:""},reducers:c}))(t.trim()||"context"),o)}constructor(t,o){this.store=t,this.ignoreEmptyQuery=!1,this.openExternalDocumentInNewTab=!1,this.searchDebouncer=new e.Debouncer(100),this.suggestDebouncer=new e.Debouncer(300),this.service=null!=o?o:new M}async initService(){return this.store.actions.setLocales((await this.service.getAvailableSearchLocales()).contentLocales),this.launchSearch()}setQuery(t){this.store.actions.setRequestQuery(t),this.store.actions.setLiveQuery(t),this.store.actions.setPageNumber(1),this.launchSearch()}setContentLocale(t){let e=this.store.getState().locales,o=this.store.getState().request.contentLocale;if(t!=o){if(e){const i=t=>e.some((e=>e.lang==t));i(t)||(t=i(o)?o:e[0].lang)}this.store.actions.setRequestContentLocale(t),this.store.actions.setPageNumber(1),this.store.actions.setRequestFilters([]),this.launchSearch()}return t}setPageSize(t){this.store.actions.setPageSize(t),this.launchSearch()}setPageNumber(t){this.store.actions.setPageNumber(t),this.launchSearch()}setSort(t){this.store.actions.setRequestSort(t),this.store.actions.setPageNumber(1),this.launchSearch()}setFilters(t){const e=t.filter((t=>t.values.length>0));this.store.actions.setRequestFilters(e),this.store.actions.setPageNumber(1),e.forEach((t=>{this.facetIds.includes(t.key)||(this.facetIds=[...this.facetIds,t.key])})),this.launchSearch()}setClusterSortCriterion(t){this.store.actions.setRequestClusterSortCriterion(t),this.launchSearch()}setSearchInDocumentTitlesOnly(t){t?(this.store.actions.setRequestVirtualField(O.TITLE_ONLY),this.store.actions.setRequestScope(C.DOCUMENTS)):(this.store.actions.setRequestVirtualField(O.EVERYWHERE),this.store.actions.setRequestScope(C.DEFAULT)),this.launchSearch()}get searchInDocumentTitlesOnly(){return j(this.store.getState())}get periodFilter(){return this.store.getState().request.periodFilter}clearAllFilters(){this.setFilters([]),this.store.eventBus.dispatchEvent(new _)}addFacet(t){this.facetIds=[...this.facetIds,t],this.launchSearch()}replaceFacet(t,e){let o=this.facetIds.filter((e=>e!=t));e&&o.push(e),this.facetIds=o,this.launchSearch()}get facetIds(){return this.store.getState().request.facets.map((t=>t.id))}set facetIds(t){let e=[...new Set(t)].map((t=>({id:t})));this.store.actions.setRequestFacets(e)}setFilter(t,e){let o=this.store.getState().request.filters,i={key:t,values:e,negative:!1},r=[...o.filter((e=>e.key!==t)),i];this.setFilters(r)}setLiveQuery(t){this.store.actions.setLiveQuery(t),this.launchSuggest()}setRequest(t){this.store.actions.setRequest(t),this.store.actions.setLiveQuery(t.query),this.store.actions.setPageNumber(1),this.launchSearch()}setScope(t){this.store.actions.setRequestScope(t),this.launchSearch()}setIgnoreEmptyQuery(t){this.ignoreEmptyQuery=t,this.launchSearch()}setOpenExternalDocumentInNewTab(t){this.openExternalDocumentInNewTab=t}setPeriodFilter(t){this.store.actions.setRequestPeriodFilter(t),this.store.actions.setPageNumber(1),this.launchSearch()}launchSearch(){return this.searchDebouncer.run((()=>this.fetchSearchData()))}launchSuggest(){return this.suggestDebouncer.run((()=>this.fetchSuggestData()))}async fetchSearchData(){var t,o;try{null===(t=this.cancelableSearch)||void 0===t||t.cancel();let i=this.store.getState().request;if(this.store.actions.setPaging(void 0),this.ignoreEmptyQuery&&0==i.query.length)this.store.actions.setResults(void 0),this.store.actions.setFacets(void 0),this.store.actions.setSpellcheck(void 0);else{this.cancelableSearch=e.cancelable(this.service.launchSearch(i));const t=await this.cancelableSearch;if(t.paging.currentPage<=1)this.store.actions.setResults(t.results),this.store.actions.setFacets(t.facets),this.store.actions.setSpellcheck(t.spellcheck);else{let e=(null!==(o=this.store.getState().results)&&void 0!==o?o:[]).concat(t.results);this.store.actions.setResults(e)}this.store.actions.setPaging(t.paging)}}catch(t){t instanceof e.CanceledPromiseError||!this.errorHandler||this.errorHandler(t)}}async fetchSuggestData(){var t;try{const o=this.store.getState(),i=o.request,r={input:o.liveQuery,filters:i.filters,sort:i.sort,contentLocale:i.contentLocale,scope:i.scope};null===(t=this.cancelableSuggest)||void 0===t||t.cancel(),this.cancelableSuggest=e.cancelable(this.service.launchSuggest(r));let n=await this.cancelableSuggest;this.store.actions.setSuggestResults(n.suggestions)}catch(t){t instanceof e.CanceledPromiseError||!this.errorHandler||this.errorHandler(t)}}clear(){this.store.clear()}}var V=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class q extends Event{constructor(){super("register-ft-search-component",{bubbles:!0,composed:!0})}}const Y=Symbol("registerInterval");class Q extends(function(t){var e;class o extends t{constructor(){super(...arguments),this[e]=0}setSearchStateManager(t){this.clearStateManager(),this.stateManager=t,this.addStore(t.store,"search")}clearStateManager(){this.stateManager&&(this.removeStore(this.stateManager.store),this.stateManager=void 0)}connectedCallback(){super.connectedCallback(),this[Y]=window.setInterval((()=>this.tryToRegisterToContext()),50)}tryToRegisterToContext(){null!=this.stateManager?window.clearInterval(this[Y]):this.dispatchEvent(new q)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return e=Y,V([r.state()],o.prototype,"stateManager",void 0),o}(e.FtLitElementRedux)){}const X=e.FtCssVariableFactory.extend("--ft-ripple-color","",e.designSystemVariables.colorContent),J={color:X,backgroundColor:e.FtCssVariableFactory.extend("--ft-ripple-background-color","",X),opacityContentOnSurfacePressed:e.FtCssVariableFactory.external(e.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:e.FtCssVariableFactory.external(e.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:e.FtCssVariableFactory.external(e.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:e.FtCssVariableFactory.external(e.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:e.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},tt=e.FtCssVariableFactory.extend("--ft-ripple-color","",e.designSystemVariables.colorPrimary),et=tt,ot=e.FtCssVariableFactory.extend("--ft-ripple-background-color","",tt),it=e.FtCssVariableFactory.extend("--ft-ripple-color","",e.designSystemVariables.colorSecondary),rt=it,nt=e.FtCssVariableFactory.extend("--ft-ripple-background-color","",it),at=o.css`
|
|
14
|
+
`}update(t){super.update(t),t.has("baseUrl")&&(R.actions.baseUrl(this.baseUrl),window.fluidTopicsBaseUrl=this.baseUrl),t.has("apiIntegrationIdentifier")&&R.actions.apiIntegrationIdentifier(this.apiIntegrationIdentifier),t.has("uiLocale")&&R.actions.uiLocale(this.uiLocale),t.has("metadataConfiguration")&&R.actions.metadataConfiguration(this.metadataConfiguration),t.has("noCustom")&&R.actions.noCustom(this.noCustom),t.has("editorMode")&&R.actions.editorMode(this.editorMode),t.has("noCustomComponent")&&R.actions.noCustomComponent(this.noCustomComponent),t.has("session")&&R.actions.session(this.session),t.has("availableUiLocales")&&R.actions.availableUiLocales(Array.isArray(this.availableUiLocales)?this.availableUiLocales:[]),t.has("messageContexts")&&this.messageContexts!=null&&this.messageContexts.forEach(r=>Ke.addContext(r)),t.has("openExternalDocumentInNewTab")&&R.actions.openExternalDocumentInNewTab(this.openExternalDocumentInNewTab),t.has("navigatorOnline")&&R.actions.navigatorOnline(this.navigatorOnline),t.has("forcedOffline")&&R.actions.forcedOffline(this.forcedOffline),setTimeout(()=>this.updateIfNeeded())}async updateIfNeeded(){!this.withManualResources&&this.apiProvider()&&(this.session==null&&this.updateSession(),this.availableUiLocales==null&&this.updateUiLocales(),this.metadataConfiguration==null&&this.updateMetadataConfiguration())}async updateSession(){this.session=await this.cache.get("session",async()=>{let t=await this.apiProvider().getCurrentSession();return t.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run(()=>{this.cache.clear("session"),this.session=void 0},t.idleTimeoutInMillis),t})}async updateUiLocales(){this.availableUiLocales=await this.cache.get("availableUiLocales",()=>this.apiProvider().getAvailableUiLocales())}async updateMetadataConfiguration(){this.metadataConfiguration=await this.cache.get("metadataConfiguration",()=>this.apiProvider().getMetadataConfiguration())}};j.elementDefinitions={};j.styles=Wi;yt([(0,_t.property)()],j.prototype,"baseUrl",void 0);yt([(0,_t.property)()],j.prototype,"apiIntegrationIdentifier",void 0);yt([(0,_t.property)()],j.prototype,"uiLocale",void 0);yt([(0,Mt.jsonProperty)(null)],j.prototype,"availableUiLocales",void 0);yt([(0,Mt.jsonProperty)(null)],j.prototype,"metadataConfiguration",void 0);yt([(0,_t.property)({type:Boolean})],j.prototype,"editorMode",void 0);yt([(0,_t.property)({type:Boolean})],j.prototype,"noCustom",void 0);yt([(0,_t.property)({type:Boolean})],j.prototype,"openExternalDocumentInNewTab",void 0);yt([(0,_t.property)({converter:{fromAttribute(o){return o==="false"?!1:o==="true"||(o??!1)}}})],j.prototype,"noCustomComponent",void 0);yt([(0,_t.property)({type:Boolean})],j.prototype,"withManualResources",void 0);yt([(0,_t.property)({type:Boolean})],j.prototype,"navigatorOnline",void 0);yt([(0,_t.property)({type:Boolean})],j.prototype,"forcedOffline",void 0);yt([(0,_t.property)({type:Object})],j.prototype,"apiProvider",void 0);yt([(0,Mt.jsonProperty)([])],j.prototype,"messageContexts",void 0);yt([(0,Mt.jsonProperty)(void 0)],j.prototype,"session",void 0);var Ko=f(x());var Ho=class extends Yt{async listMySearches(){let t=R.getState().session;return t?.sessionAuthenticated?this.cache.get("my-searches",async()=>(await this.awaitApi).listMySearches(t.profile.userId),5*60*1e3):[]}};var Vo=class extends Yt{async listMyBookmarks(){let t=R.getState().session;return t?.sessionAuthenticated?this.cache.get("my-bookmarks",async()=>(await this.awaitApi).listMyBookmarks(t.profile.userId),5*60*1e3):[]}};var bl="ft-user-assets",Go=Ko.FtReduxStore.get({name:bl,initialState:{savedSearches:void 0,bookmarks:void 0}}),Lr=class{constructor(){this.currentSession=R.getState().session,this.bookmarksAreUsed=!1,this.bookmarksService=new Vo,this.savedSearchesService=new Ho,R.subscribe(()=>this.reloadWhenUserSessionChanges())}reloadWhenUserSessionChanges(){var t;let{session:r}=R.getState();(0,Ko.deepEqual)((t=this.currentSession)===null||t===void 0?void 0:t.profile,r?.profile)||(this.currentSession=r,this.clearMySearches(),this.reloadBookmarks())}clear(){this.clearMySearches(),this.clearMyBookmarks()}clearMySearches(){this.savedSearchesService.clearCache(),Go.actions.savedSearches(void 0)}clearMyBookmarks(){this.bookmarksService.clearCache(),Go.actions.bookmarks(void 0)}async reloadMySearches(){this.savedSearchesService.clearCache();let t=await this.savedSearchesService.listMySearches();Go.actions.savedSearches(t)}async reloadBookmarks(){this.bookmarksService.clearCache(),await this.updateBookmarksIfUsed()}async registerBookmarkComponent(){this.bookmarksAreUsed=!0,await this.updateBookmarksIfUsed()}async updateBookmarksIfUsed(){var t;if(this.bookmarksAreUsed){let r=!((t=this.currentSession)===null||t===void 0)&&t.sessionAuthenticated?await this.bookmarksService.listMyBookmarks():void 0;Go.actions.bookmarks(r)}}},Zi=new Lr;var Tr=class{addCommand(t,r=!1){R.commands.add(t,r)}consumeCommand(t){return R.commands.consume(t)}};window.FluidTopicsAppInfoStoreService=new Tr;var ji=f(x()),Ir=class{highlightHtml(t,r){(0,ji.highlightHtml)(t,r)}};window.FluidTopicsHighlightHtmlService=new Ir;(0,qi.customElement)("ft-app-context")(j);var Zo=class extends Yt{constructor(){super(),this.cache.registerFinal("available-locales",()=>this.api.getAvailableSearchLocales())}async launchSearch(t){return this.api.search(t)}async launchSuggest(t){return this.api.getSuggestions(t)}async getAvailableSearchLocales(){return this.cache.get("available-locales")}};var bo=o=>o.request.virtualField===Ve.TITLE_ONLY&&o.request.scope===Ge.DOCUMENTS,jo=class o extends Event{constructor(){super(o.eventName)}};jo.eventName="search-context-clear-all-filters";var go=class o{static build(t,r){return new o(Ci(t.trim()||"context"),r)}constructor(t,r){this.store=t,this.ignoreEmptyQuery=!1,this.openExternalDocumentInNewTab=!1,this.searchDebouncer=new oe.Debouncer(100),this.suggestDebouncer=new oe.Debouncer(300),this.service=r??new Zo}async initService(){return this.store.actions.setLocales((await this.service.getAvailableSearchLocales()).contentLocales),this.launchSearch()}setQuery(t){this.store.actions.setRequestQuery(t),this.store.actions.setLiveQuery(t),this.store.actions.setPageNumber(1),this.launchSearch()}setContentLocale(t){let r=this.store.getState().locales,i=this.store.getState().request.contentLocale;if(t!=i){if(r){let n=a=>r.some(s=>s.lang==a);n(t)||(t=n(i)?i:r[0].lang)}this.store.actions.setRequestContentLocale(t),this.store.actions.setPageNumber(1),this.store.actions.setRequestFilters([]),this.launchSearch()}return t}setPageSize(t){this.store.actions.setPageSize(t),this.launchSearch()}setPageNumber(t){this.store.actions.setPageNumber(t),this.launchSearch()}setSort(t){this.store.actions.setRequestSort(t),this.store.actions.setPageNumber(1),this.launchSearch()}setFilters(t){let r=t.filter(i=>i.values.length>0);this.store.actions.setRequestFilters(r),this.store.actions.setPageNumber(1),r.forEach(i=>{this.facetIds.includes(i.key)||(this.facetIds=[...this.facetIds,i.key])}),this.launchSearch()}setClusterSortCriterion(t){this.store.actions.setRequestClusterSortCriterion(t),this.launchSearch()}setSearchInDocumentTitlesOnly(t){t?(this.store.actions.setRequestVirtualField(Ve.TITLE_ONLY),this.store.actions.setRequestScope(Ge.DOCUMENTS)):(this.store.actions.setRequestVirtualField(Ve.EVERYWHERE),this.store.actions.setRequestScope(Ge.DEFAULT)),this.launchSearch()}get searchInDocumentTitlesOnly(){return bo(this.store.getState())}get periodFilter(){return this.store.getState().request.periodFilter}clearAllFilters(){this.setFilters([]),this.store.eventBus.dispatchEvent(new jo)}addFacet(t){this.facetIds=[...this.facetIds,t],this.launchSearch()}replaceFacet(t,r){let i=this.facetIds.filter(n=>n!=t);r&&i.push(r),this.facetIds=i,this.launchSearch()}get facetIds(){return this.store.getState().request.facets.map(t=>t.id)}set facetIds(t){let i=[...new Set(t)].map(n=>({id:n}));this.store.actions.setRequestFacets(i)}setFilter(t,r){let i=this.store.getState().request.filters,n={key:t,values:r,negative:!1},a=[...i.filter(s=>s.key!==t),n];this.setFilters(a)}setLiveQuery(t){this.store.actions.setLiveQuery(t),this.launchSuggest()}setRequest(t){this.store.actions.setRequest(t),this.store.actions.setLiveQuery(t.query),this.store.actions.setPageNumber(1),this.launchSearch()}setScope(t){this.store.actions.setRequestScope(t),this.launchSearch()}setIgnoreEmptyQuery(t){this.ignoreEmptyQuery=t,this.launchSearch()}setOpenExternalDocumentInNewTab(t){this.openExternalDocumentInNewTab=t}setPeriodFilter(t){this.store.actions.setRequestPeriodFilter(t),this.store.actions.setPageNumber(1),this.launchSearch()}launchSearch(){return this.searchDebouncer.run(()=>this.fetchSearchData())}launchSuggest(){return this.suggestDebouncer.run(()=>this.fetchSuggestData())}async fetchSearchData(){var t,r;try{(t=this.cancelableSearch)===null||t===void 0||t.cancel();let i=this.store.getState().request;if(this.store.actions.setPaging(void 0),this.ignoreEmptyQuery&&i.query.length==0)this.store.actions.setResults(void 0),this.store.actions.setFacets(void 0),this.store.actions.setSpellcheck(void 0);else{this.cancelableSearch=(0,oe.cancelable)(this.service.launchSearch(i));let n=await this.cancelableSearch;if(n.paging.currentPage<=1)this.store.actions.setResults(n.results),this.store.actions.setFacets(n.facets),this.store.actions.setSpellcheck(n.spellcheck);else{let a=((r=this.store.getState().results)!==null&&r!==void 0?r:[]).concat(n.results);this.store.actions.setResults(a)}this.store.actions.setPaging(n.paging)}}catch(i){!(i instanceof oe.CanceledPromiseError)&&this.errorHandler&&this.errorHandler(i)}}async fetchSuggestData(){var t;try{let r=this.store.getState(),i=r.request,n={input:r.liveQuery,filters:i.filters,sort:i.sort,contentLocale:i.contentLocale,scope:i.scope};(t=this.cancelableSuggest)===null||t===void 0||t.cancel(),this.cancelableSuggest=(0,oe.cancelable)(this.service.launchSuggest(n));let a=await this.cancelableSuggest;this.store.actions.setSuggestResults(a.suggestions)}catch(r){!(r instanceof oe.CanceledPromiseError)&&this.errorHandler&&this.errorHandler(r)}}clear(){this.store.clear()}};var xl=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Pr=class extends Event{constructor(){super("register-ft-search-component",{bubbles:!0,composed:!0})}},kr=Symbol("registerInterval");function vl(o){var t;class r extends o{constructor(){super(...arguments),this[t]=0}setSearchStateManager(n){this.clearStateManager(),this.stateManager=n,this.addStore(n.store,"search")}clearStateManager(){this.stateManager&&(this.removeStore(this.stateManager.store),this.stateManager=void 0)}connectedCallback(){super.connectedCallback(),this[kr]=window.setInterval(()=>this.tryToRegisterToContext(),50)}tryToRegisterToContext(){this.stateManager!=null?window.clearInterval(this[kr]):this.dispatchEvent(new Pr)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return t=kr,xl([(0,Xi.state)()],r.prototype,"stateManager",void 0),r}var ye=class extends vl(Yi.FtLitElementRedux){};var hs=f(x());var dr=f(C()),bt=f(W()),fs=f(Le()),hr=f(x());var cn=f(x());var sn=f(C()),pt=f(W()),ln=f(Le()),xo=f(x());var nn=f(C()),Q=f(x()),Ji=Q.FtCssVariableFactory.extend("--ft-ripple-color","",Q.designSystemVariables.colorContent),T={color:Ji,backgroundColor:Q.FtCssVariableFactory.extend("--ft-ripple-background-color","",Ji),opacityContentOnSurfacePressed:Q.FtCssVariableFactory.external(Q.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:Q.FtCssVariableFactory.external(Q.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:Q.FtCssVariableFactory.external(Q.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:Q.FtCssVariableFactory.external(Q.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:Q.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},tn=Q.FtCssVariableFactory.extend("--ft-ripple-color","",Q.designSystemVariables.colorPrimary),en={color:tn,backgroundColor:Q.FtCssVariableFactory.extend("--ft-ripple-background-color","",tn)},on=Q.FtCssVariableFactory.extend("--ft-ripple-color","",Q.designSystemVariables.colorSecondary),rn={color:on,backgroundColor:Q.FtCssVariableFactory.extend("--ft-ripple-background-color","",on)},an=nn.css`
|
|
15
15
|
:host {
|
|
16
16
|
display: contents;
|
|
17
17
|
}
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
.ft-ripple:not(.ft-ripple--unbounded) {
|
|
26
26
|
overflow: hidden;
|
|
27
|
-
border-radius: ${
|
|
27
|
+
border-radius: ${T.borderRadius};
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.ft-ripple .ft-ripple--background,
|
|
@@ -58,27 +58,27 @@
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.ft-ripple .ft-ripple--background {
|
|
61
|
-
background-color: ${
|
|
61
|
+
background-color: ${T.backgroundColor};
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.ft-ripple .ft-ripple--effect {
|
|
65
|
-
background-color: ${
|
|
65
|
+
background-color: ${T.color};
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
69
|
-
background-color: ${
|
|
69
|
+
background-color: ${rn.backgroundColor};
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
73
|
-
background-color: ${
|
|
73
|
+
background-color: ${rn.color};
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
77
|
-
background-color: ${
|
|
77
|
+
background-color: ${en.backgroundColor};
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
81
|
-
background-color: ${
|
|
81
|
+
background-color: ${en.color};
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
.ft-ripple .ft-ripple--background {
|
|
@@ -108,128 +108,110 @@
|
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
111
|
-
opacity: ${
|
|
111
|
+
opacity: ${T.opacityContentOnSurfaceHover};
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
115
|
-
opacity: ${
|
|
115
|
+
opacity: ${T.opacityContentOnSurfaceSelected};
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
119
|
-
opacity: ${
|
|
119
|
+
opacity: ${T.opacityContentOnSurfaceFocused};
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
123
|
-
opacity: ${
|
|
123
|
+
opacity: ${T.opacityContentOnSurfacePressed};
|
|
124
124
|
transform: translate(-50%, -50%) scale(1);
|
|
125
125
|
}
|
|
126
|
-
`;var
|
|
126
|
+
`;var St=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},$=class extends xo.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.originX=0,this.originY=0,this.debouncer=new xo.Debouncer(1e3),this.onTransitionStart=t=>{t.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=t=>{t.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new xo.Debouncer(10),this.moveRipple=t=>{var r,i;let{x:n,y:a}=this.getCoordinates(t),s=(i=(r=this.ripple)===null||r===void 0?void 0:r.getBoundingClientRect())!==null&&i!==void 0?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(n!=null?n-s.x:s.width/2),this.originY=Math.round(a!=null?a-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.isFocusVisible(t?.target)&&!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 sn.html`
|
|
127
127
|
<style>
|
|
128
128
|
.ft-ripple .ft-ripple--effect {
|
|
129
129
|
left: ${this.originX}px;
|
|
130
130
|
top: ${this.originY}px;
|
|
131
131
|
}
|
|
132
132
|
</style>
|
|
133
|
-
<div class="${
|
|
133
|
+
<div class="${(0,ln.classMap)(t)}">
|
|
134
134
|
<div class="ft-ripple--background"></div>
|
|
135
135
|
<div class="ft-ripple--effect"></div>
|
|
136
136
|
</div>
|
|
137
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var
|
|
138
|
-
|
|
139
|
-
* @license
|
|
140
|
-
* Copyright 2017 Google LLC
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$litStatic$:t,r:jt}),Vt=new Map,qt=(t=>(e,...o)=>{const i=o.length;let r,n;const a=[],l=[];let s,c=0,p=!1;for(;c<i;){for(s=e[c];c<i&&void 0!==(n=o[c],r=_t(n));)s+=r+e[++c],p=!0;c!==i&&l.push(n),a.push(s),c++}if(c===i&&a.push(e[i]),p){const t=a.join("$$lit$$");void 0===(e=Vt.get(t))&&(a.raw=a,Vt.set(t,e=a)),o=l}return t(e,...o)})(kt);var Yt;!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",t.display="display",t.title1="title-1",t.title2="title-2",t.title3="title-3",t.body1regular="body-1-regular",t.body1medium="body-1-medium",t.body1semibold="body-1-semibold",t.body2regular="body-2-regular",t.body2medium="body-2-medium",t.body2semibold="body-2-semibold",t.label1medium="label-1-medium",t.label1semibold="label-1-semibold",t.label1bold="label-1-bold",t.label2medium="label-2-medium",t.label2semibold="label-2-semibold",t.label2bold="label-2-bold",t.caption1medium="caption-1-medium",t.caption1semibold="caption-1-semibold",t.caption1bold="caption-1-bold",t.caption2medium="caption-2-medium",t.caption2semibold="caption-2-semibold",t.caption2bold="caption-2-bold"}(Yt||(Yt={}));const Qt=t=>"string"==typeof t?o.unsafeCSS(t):t;class Xt{static create(t,e,i,r){const n=t=>Qt(null!=t?t:r),a=o.css`var(${Qt(t)}, ${n(r)})`;return a.name=t,a.description=e,a.category=i,a.defaultValue=r,a.defaultCssValue=n,a.get=e=>o.css`var(${Qt(t)}, ${n(e)})`,a.breadcrumb=()=>[],a.lastResortDefaultValue=()=>r,a}static extend(t,e,i,r){const n=t=>i.get(null!=t?t:r),a=o.css`var(${Qt(t)}, ${n(r)})`;return a.name=t,a.description=e,a.category=i.category,a.fallbackVariable=i,a.defaultValue=r,a.defaultCssValue=n,a.get=e=>o.css`var(${Qt(t)}, ${n(e)})`,a.breadcrumb=()=>[i.name,...i.breadcrumb()],a.lastResortDefaultValue=()=>null!=r?r:i.lastResortDefaultValue(),a}static external(t,e){const i=e=>t.fallbackVariable?t.fallbackVariable.get(null!=e?e:t.defaultValue):Qt(null!=e?e:t.lastResortDefaultValue()),r=o.css`var(${Qt(t.name)}, ${i(t.defaultValue)})`;return r.name=t.name,r.category=t.category,r.fallbackVariable=t.fallbackVariable,r.defaultValue=t.defaultValue,r.context=e,r.defaultCssValue=i,r.get=e=>o.css`var(${Qt(t.name)}, ${i(e)})`,r.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],r.lastResortDefaultValue=()=>t.lastResortDefaultValue(),r}}const Jt={colorWhite:Xt.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:Xt.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:Xt.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:Xt.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:Xt.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:Xt.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:Xt.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:Xt.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:Xt.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:Xt.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:Xt.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:Xt.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:Xt.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:Xt.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:Xt.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:Xt.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:Xt.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:Xt.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:Xt.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:Xt.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:Xt.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:Xt.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:Xt.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:Xt.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:Xt.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:Xt.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:Xt.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:Xt.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:Xt.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:Xt.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:Xt.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:Xt.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:Xt.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:Xt.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:Xt.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:Xt.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:Xt.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:Xt.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:Xt.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:Xt.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:Xt.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:Xt.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:Xt.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:Xt.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:Xt.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:Xt.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:Xt.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:Xt.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:Xt.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:Xt.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:Xt.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:Xt.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:Xt.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:Xt.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:Xt.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:Xt.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:Xt.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:Xt.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:Xt.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:Xt.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:Xt.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:Xt.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:Xt.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:Xt.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:Xt.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:Xt.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:Xt.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:Xt.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:Xt.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:Xt.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:Xt.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:Xt.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:Xt.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:Xt.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:Xt.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:Xt.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:Xt.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:Xt.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:Xt.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:Xt.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:Xt.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:Xt.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:Xt.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:Xt.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:Xt.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:Xt.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:Xt.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:Xt.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:Xt.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:Xt.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:Xt.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:Xt.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:Xt.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:Xt.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:Xt.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:Xt.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:Xt.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:Xt.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:Xt.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:Xt.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:Xt.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:Xt.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:Xt.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:Xt.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:Xt.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:Xt.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:Xt.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:Xt.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:Xt.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:Xt.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:Xt.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:Xt.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:Xt.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:Xt.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:Xt.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:Xt.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:Xt.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:Xt.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:Xt.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:Xt.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:Xt.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:Xt.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:Xt.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:Xt.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:Xt.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:Xt.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:Xt.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:Xt.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:Xt.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:Xt.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:Xt.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:Xt.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:Xt.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:Xt.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:Xt.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:Xt.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:Xt.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:Xt.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:Xt.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:Xt.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:Xt.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:Xt.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:Xt.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:Xt.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:Xt.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:Xt.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:Xt.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:Xt.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:Xt.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:Xt.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:Xt.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:Xt.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:Xt.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:Xt.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:Xt.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:Xt.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:Xt.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:Xt.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:Xt.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:Xt.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:Xt.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:Xt.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:Xt.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:Xt.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:Xt.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:Xt.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:Xt.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:Xt.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:Xt.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:Xt.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:Xt.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:Xt.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:Xt.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:Xt.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:Xt.create("--ft-icon-size-1","","SIZE","12px"),iconSize2:Xt.create("--ft-icon-size-2","","SIZE","16px"),iconSize3:Xt.create("--ft-icon-size-3","","SIZE","20px"),iconSize4:Xt.create("--ft-icon-size-4","","SIZE","24px"),iconSize5:Xt.create("--ft-icon-size-5","","SIZE","32px"),iconSize6:Xt.create("--ft-icon-size-6","","SIZE","48px"),opacity0:Xt.create("--ft-opacity-0","","NUMBER","0"),opacity8:Xt.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:Xt.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:Xt.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:Xt.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:Xt.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:Xt.create("--ft-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:Xt.create("--ft-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:Xt.create("--ft-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:Xt.create("--ft-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:Xt.create("--ft-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:Xt.create("--ft-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:Xt.create("--ft-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:Xt.create("--ft-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:Xt.create("--ft-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")},te={display:{fontFamily:Xt.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:Xt.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:Xt.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:Xt.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:Xt.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:Xt.create("--ft-typography-display-textCase","","UNKNOWN","none")},"title-1":{fontFamily:Xt.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:Xt.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:Xt.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:Xt.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:Xt.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:Xt.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},"title-2":{fontFamily:Xt.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:Xt.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:Xt.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:Xt.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:Xt.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:Xt.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},"title-3":{fontFamily:Xt.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:Xt.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:Xt.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:Xt.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:Xt.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:Xt.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},"body-1-regular":{fontFamily:Xt.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:Xt.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:Xt.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:Xt.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:Xt.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:Xt.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},"body-1-medium":{fontFamily:Xt.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:Xt.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:Xt.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:Xt.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:Xt.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:Xt.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},"body-1-semibold":{fontFamily:Xt.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Xt.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:Xt.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:Xt.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:Xt.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:Xt.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},"body-2-regular":{fontFamily:Xt.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:Xt.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:Xt.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:Xt.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:Xt.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:Xt.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},"body-2-medium":{fontFamily:Xt.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:Xt.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:Xt.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:Xt.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:Xt.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:Xt.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},"body-2-medium-underline":{fontFamily:Xt.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:Xt.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:Xt.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:Xt.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:Xt.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:Xt.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:Xt.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},"body-2-semibold":{fontFamily:Xt.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Xt.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:Xt.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:Xt.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:Xt.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:Xt.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},"label-1-medium":{fontFamily:Xt.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:Xt.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:Xt.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:Xt.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:Xt.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Xt.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},"label-1-semibold":{fontFamily:Xt.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Xt.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:Xt.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:Xt.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:Xt.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Xt.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},"label-1-bold":{fontFamily:Xt.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:Xt.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:Xt.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:Xt.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:Xt.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Xt.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},"label-2-medium":{fontFamily:Xt.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:Xt.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:Xt.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:Xt.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:Xt.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Xt.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},"label-2-semibold":{fontFamily:Xt.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Xt.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:Xt.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:Xt.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:Xt.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Xt.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},"label-2-bold":{fontFamily:Xt.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:Xt.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:Xt.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:Xt.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:Xt.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Xt.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},"caption-1-medium":{fontFamily:Xt.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:Xt.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:Xt.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:Xt.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:Xt.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:Xt.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},"caption-1-semibold":{fontFamily:Xt.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Xt.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:Xt.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:Xt.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:Xt.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:Xt.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},"caption-1-bold":{fontFamily:Xt.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:Xt.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:Xt.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:Xt.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:Xt.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:Xt.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},"caption-2-medium":{fontFamily:Xt.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:Xt.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:Xt.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:Xt.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:Xt.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:Xt.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},"caption-2-semibold":{fontFamily:Xt.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Xt.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:Xt.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:Xt.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:Xt.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:Xt.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},"caption-2-bold":{fontFamily:Xt.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:Xt.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:Xt.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:Xt.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:Xt.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:Xt.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},"caption-3-medium":{fontFamily:Xt.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:Xt.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:Xt.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:Xt.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:Xt.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:Xt.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},"caption-3-semibold":{fontFamily:Xt.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Xt.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:Xt.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:Xt.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:Xt.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:Xt.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},"caption-3-bold":{fontFamily:Xt.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:Xt.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:Xt.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:Xt.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:Xt.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:Xt.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:Xt.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Xt.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:Xt.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")}},ee={backgroundActionPrimary:Xt.extend("--ft-background-action-primary","Used as backgorund of primary action components.",Jt.colorBrand0),backgroundErrorSubtle:Xt.extend("--ft-background-error-subtle","Used as background of subtle error components.",Jt.colorRed10),backgroundInfoSubtle:Xt.extend("--ft-background-info-subtle","Used as background of subtle information components.",Jt.colorCyan10),backgroundWarningSubtle:Xt.extend("--ft-background-warning-subtle","Used as background of subtle information components.",Jt.colorOrange10),backgroundSuccessSubtle:Xt.extend("--ft-background-success-subtle","Used as background of subtle success components.",Jt.colorGreen10),backgroundGlobalSurface:Xt.extend("--ft-background-global-surface","Used as app background.",Jt.colorWhite),backgroundGlobalOnSurface:Xt.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",Jt.colorGray10),backgroundGlobalOnSurfaceDark:Xt.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",Jt.colorGray30),contentActionPrimary:Xt.extend("--ft-content-action-primary","Used on label of primary action on light surface.",Jt.colorBrand0),contentWarningPrimary:Xt.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",Jt.colorOrange200),contentWarningIconOnly:Xt.extend("--ft-content-warning-icon-only","Used on warning status icons alone",Jt.colorOrange0),contentErrorPrimary:Xt.extend("--ft-content-error-primary","Used on label of error messages on light surface.",Jt.colorRed0),contentErrorIconOnly:Xt.extend("--ft-content-error-icon-only","Used on error status icons alone",Jt.colorRed70),contentInfoPrimary:Xt.extend("--ft-content-info-primary","Used on label of information messages on light surface.",Jt.colorCyan200),contentInfoIconOnly:Xt.extend("--ft-content-info-icon-only","Used on info status icons alone",Jt.colorCyan0),contentSuccessPrimary:Xt.extend("--ft-content-success-primary","Used on label of success messages on light surface.",Jt.colorGreen200),contentSuccessIconOnly:Xt.extend("--ft-content-success-icon-only","Used on success status icons alone",Jt.colorGreen0),contentGlobalPrimary:Xt.extend("--ft-content-global-primary","Used for main content on the page.",Jt.colorGray500),contentGlobalSecondary:Xt.extend("--ft-content-global-secondary","Used for secondary content, often paired with primary content.\nAlso for action icons.",Jt.colorGray200),contentGlobalSubtle:Xt.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",Jt.colorGray0),contentGlobalOnColor:Xt.extend("--ft-content-global-on-color","Used for content on a dominant color.",Jt.colorWhite),borderActionPrimary:Xt.extend("--ft-border-action-primary","Used as border for primary action components.",Jt.colorBrand0),borderActionFocusRing:Xt.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",Jt.colorCyan0),borderWarningPrimary:Xt.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",Jt.colorOrange200),borderWarningSubtle:Xt.extend("--ft-border-warning-subtle","Used as border for warning components.",Jt.colorOrange30),borderSuccessPrimary:Xt.extend("--ft-border-success-primary","Used as border for success buttons.",Jt.colorGreen200),borderSuccessSubtle:Xt.extend("--ft-border-success-subtle","Used as border for success components.",Jt.colorGreen30),borderErrorPrimary:Xt.extend("--ft-border-error-primary","Used as border for text fields in error states.",Jt.colorRed0),borderErrorSubtle:Xt.extend("--ft-border-error-subtle","Used as border for error components.",Jt.colorRed30),borderInfoPrimary:Xt.extend("--ft-border-info-primary","Used as border for buttons in info color.",Jt.colorCyan200),borderInfoSubtle:Xt.extend("--ft-border-info-subtle","Used as border for information components.",Jt.colorCyan30),borderGlobalPrimary:Xt.extend("--ft-border-global-primary","Used as border for element like input.",Jt.colorGray50),borderGlobalSubtle:Xt.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",Jt.colorGray30),borderInputPrimary:Xt.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",Jt.colorGray80)},oe={largeHeight:Xt.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:Xt.extend("--ft-button-large-horizontal-padding","",Jt.spacing4),largeGap:Xt.extend("--ft-button-large-gap","",Jt.spacing2),largeBorderRadius:Xt.extend("--ft-button-large-border-radius","",Jt.borderRadiusS),largeIconSize:Xt.extend("--ft-button-large-icon-size","",Jt.iconSize3),largeBorderWidth:Xt.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:Xt.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:Xt.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:Xt.create("--ft-button-large-icon-only-width","","SIZE","40px"),smallHeight:Xt.create("--ft-button-small-height","","SIZE","30px"),smallHorizontalPadding:Xt.extend("--ft-button-small-horizontal-padding","",Jt.spacing3),smallGap:Xt.extend("--ft-button-small-gap","",Jt.spacing2),smallBorderRadius:Xt.extend("--ft-button-small-border-radius","",Jt.borderRadiusS),smallIconSize:Xt.extend("--ft-button-small-icon-size","",Jt.iconSize2),smallBorderWidth:Xt.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:Xt.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:Xt.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:Xt.create("--ft-button-small-icon-only-width","","SIZE","30px"),primaryBackgroundColor:Xt.extend("--ft-button-primary-background-color","",ee.backgroundActionPrimary),primaryColor:Xt.extend("--ft-button-primary-color","",ee.contentGlobalOnColor),primaryIconColor:Xt.extend("--ft-button-primary-icon-color","",ee.contentGlobalOnColor),primaryStateLayerColor:Xt.extend("--ft-button-primary-state-layer-color","",ee.contentGlobalOnColor),primaryHoverStateLayerOpacity:Xt.extend("--ft-button-primary-hover-state-layer-opacity","",Jt.opacity16),primaryFocusStateLayerOpacity:Xt.extend("--ft-button-primary-focus-state-layer-opacity","",Jt.opacity16),primaryActiveStateLayerOpacity:Xt.extend("--ft-button-primary-active-state-layer-opacity","",Jt.opacity24),primaryDisabledComponentOpacity:Xt.extend("--ft-button-primary-disabled-component-opacity","",Jt.opacity40),focusFocusRingColor:Xt.extend("--ft-button-focus-focus-ring-color","",ee.borderActionFocusRing),tertiaryBackgroundColor:Xt.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryColor:Xt.extend("--ft-button-tertiary-color","",ee.contentActionPrimary),tertiaryIconColor:Xt.extend("--ft-button-tertiary-icon-color","",ee.contentActionPrimary),tertiaryStateLayerColor:Xt.extend("--ft-button-tertiary-state-layer-color","",ee.contentActionPrimary),tertiaryHoverStateLayerOpacity:Xt.extend("--ft-button-tertiary-hover-state-layer-opacity","",Jt.opacity8),tertiaryFocusStateLayerOpacity:Xt.extend("--ft-button-tertiary-focus-state-layer-opacity","",Jt.opacity8),tertiaryActiveStateLayerOpacity:Xt.extend("--ft-button-tertiary-active-state-layer-opacity","",Jt.opacity16),tertiaryDisabledComponentOpacity:Xt.extend("--ft-button-tertiary-disabled-component-opacity","",Jt.opacity40),secondaryBackgroundColor:Xt.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),secondaryColor:Xt.extend("--ft-button-secondary-color","",ee.contentActionPrimary),secondaryIconColor:Xt.extend("--ft-button-secondary-icon-color","",ee.contentActionPrimary),secondaryStateLayerColor:Xt.extend("--ft-button-secondary-state-layer-color","",ee.contentActionPrimary),secondaryHoverStateLayerOpacity:Xt.extend("--ft-button-secondary-hover-state-layer-opacity","",Jt.opacity8),secondaryFocusStateLayerOpacity:Xt.extend("--ft-button-secondary-focus-state-layer-opacity","",Jt.opacity8),secondaryActiveStateLayerOpacity:Xt.extend("--ft-button-secondary-active-state-layer-opacity","",Jt.opacity16),secondaryDisabledComponentOpacity:Xt.extend("--ft-button-secondary-disabled-component-opacity","",Jt.opacity40),secondaryBorderColor:Xt.extend("--ft-button-secondary-border-color","",ee.borderActionPrimary),neutralBackgroundColor:Xt.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),neutralIconColor:Xt.extend("--ft-button-neutral-icon-color","",ee.contentGlobalSecondary),neutralColor:Xt.extend("--ft-button-neutral-color","",ee.contentGlobalSecondary),neutralStateLayerColor:Xt.extend("--ft-button-neutral-state-layer-color","",ee.contentGlobalSecondary),neutralHoverStateLayerOpacity:Xt.extend("--ft-button-neutral-hover-state-layer-opacity","",Jt.opacity8),neutralFocusStateLayerOpacity:Xt.extend("--ft-button-neutral-focus-state-layer-opacity","",Jt.opacity8),neutralActiveStateLayerOpacity:Xt.extend("--ft-button-neutral-active-state-layer-opacity","",Jt.opacity16),neutralDisabledComponentOpacity:Xt.extend("--ft-button-neutral-disabled-component-opacity","",Jt.opacity40)};Xt.extend("--ft-banner-icon-size","",Jt.iconSize5),Xt.create("--ft-banner-border-width","","SIZE","1px"),Xt.extend("--ft-banner-horizontal-padding","",Jt.spacing6),Xt.extend("--ft-banner-vertical-padding","",Jt.spacing6),Xt.extend("--ft-banner-horizontal-side-gap","",Jt.spacing6),Xt.extend("--ft-banner-horizontal-mobile-gap","",Jt.spacing4),Xt.extend("--ft-banner-vertical-mobile-gap","",Jt.spacing6),Xt.extend("--ft-banner-horizontal-middle-gap","",Jt.spacing20),Xt.extend("--ft-banner-info-background-color","",ee.backgroundInfoSubtle),Xt.extend("--ft-banner-info-color","",ee.contentInfoPrimary),Xt.extend("--ft-banner-info-icon-color","",ee.contentInfoIconOnly),Xt.extend("--ft-breadcrumb-horizontal-gap","",Jt.spacing1),Xt.extend("--ft-breadcrumb-vertical-gap","",Jt.spacing2),Xt.extend("--ft-breadcrumb-current-element-color","",ee.contentGlobalPrimary),Xt.extend("--ft-breadcrumb-icon-color","",ee.contentGlobalSubtle),Xt.extend("--ft-page-header-horizontal-padding","",Jt.spacing12),Xt.extend("--ft-page-header-horizontal-gap","",Jt.spacing4),Xt.extend("--ft-page-header-vertical-gap","",Jt.spacing2),Xt.extend("--ft-page-header-classic-vertical-padding","",Jt.spacing6),Xt.extend("--ft-page-header-multiline-vertical-padding","",Jt.spacing4),Xt.extend("--ft-page-header-inline-vertical-padding","",Jt.spacing2),Xt.extend("--ft-page-header-background-color","",Jt.colorWhite),Xt.extend("--ft-page-header-bottom-border-color","",ee.borderGlobalSubtle),Xt.extend("--ft-page-header-title-color","",ee.contentGlobalPrimary),Xt.extend("--ft-page-header-subtitle-color","",ee.contentGlobalSecondary),Xt.create("--ft-modal-small-container-width","","SIZE","600px"),Xt.create("--ft-modal-large-container-width","","SIZE","900px"),Xt.extend("--ft-modal-overlay-background-color","",Jt.colorGray700),Xt.extend("--ft-modal-overlay-opacity","",Jt.opacity40),Xt.extend("--ft-modal-shadow","",Jt.shadowElevation03),Xt.extend("--ft-modal-body-background-color","",Jt.colorWhite),Xt.extend("--ft-modal-body-color","",ee.contentGlobalPrimary),Xt.extend("--ft-modal-body-horizontal-padding","",Jt.spacing6),Xt.extend("--ft-modal-body-vertical-padding","",Jt.spacing6),Xt.extend("--ft-modal-body-vertical-gap","",Jt.spacing6),Xt.extend("--ft-modal-container-margin","",Jt.spacing3),Xt.extend("--ft-modal-header-background-color","",ee.backgroundGlobalOnSurface),Xt.extend("--ft-modal-header-border-color","",ee.borderGlobalSubtle),Xt.extend("--ft-modal-header-color","",ee.contentGlobalPrimary),Xt.extend("--ft-modal-header-trailing-icon-color","",ee.contentGlobalSecondary),Xt.extend("--ft-modal-header-vertical-padding","",Jt.spacing1),Xt.extend("--ft-modal-header-right-padding","",Jt.spacing1),Xt.extend("--ft-modal-header-left-padding","",Jt.spacing6),Xt.extend("--ft-modal-header-gap","",Jt.spacing2),Xt.create("--ft-modal-header-border-bottom","","SIZE","1px"),Xt.extend("--ft-modal-border-radius","",Jt.borderRadiusM),Xt.extend("--ft-drawer-overlay-opacity","",Jt.opacity40),Xt.extend("--ft-drawer-shadow","",Jt.shadowElevation03),Xt.extend("--ft-drawer-body-color","",ee.contentGlobalPrimary),Xt.extend("--ft-drawer-body-horizontal-padding","",Jt.spacing6),Xt.extend("--ft-drawer-body-vertical-padding","",Jt.spacing6),Xt.extend("--ft-drawer-body-gap","",Jt.spacing6),Xt.extend("--ft-drawer-body-background-color","",Jt.colorWhite),Xt.extend("--ft-drawer-header-background-color","",ee.backgroundGlobalOnSurface),Xt.extend("--ft-drawer-header-border-color","",ee.borderGlobalSubtle),Xt.extend("--ft-drawer-header-color","",ee.contentGlobalPrimary),Xt.extend("--ft-drawer-header-trailing-icon-color","",ee.contentGlobalSecondary),Xt.create("--ft-drawer-header-height","","SIZE","50px"),Xt.extend("--ft-drawer-header-horizontal-padding","",Jt.spacing2),Xt.create("--ft-drawer-header-border-width","","SIZE","1px"),Xt.extend("--ft-drawer-header-gap","",Jt.spacing3),Xt.extend("--ft-drawer-buttons-bar-background-color","",ee.backgroundGlobalOnSurface),Xt.extend("--ft-drawer-buttons-bar-border-color","",ee.borderGlobalSubtle),Xt.extend("--ft-drawer-buttons-bar-color","",ee.contentGlobalPrimary),Xt.extend("--ft-drawer-buttons-bar-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-drawer-buttons-bar-vertical-padding","",Jt.spacing4),Xt.extend("--ft-drawer-buttons-bar-gap","",Jt.spacing3),Xt.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),Xt.create("--ft-drawer-container-width","","SIZE","66%"),Xt.create("--ft-drawer-container-min-width","","SIZE","500px"),Xt.create("--ft-drawer-container-max-width","","SIZE","1000px"),Xt.create("--ft-drawer-container-height","","SIZE","100%"),Xt.extend("--ft-drawer-overlay-background-color","",Jt.colorGray700),Xt.extend("--ft-text-input-field-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-text-input-field-horizontal-gap","",Jt.spacing3),Xt.extend("--ft-text-input-field-vertical-gap","",Jt.spacing05),Xt.extend("--ft-text-input-field-icon-size","",Jt.iconSize3),Xt.create("--ft-text-input-field-height","","SIZE","50px"),Xt.extend("--ft-text-input-helper-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-text-input-helper-horizontal-gap","",Jt.spacing1),Xt.extend("--ft-text-input-helper-icon-size","",Jt.iconSize2),Xt.extend("--ft-text-input-border-radius","",Jt.borderRadiusM),Xt.extend("--ft-text-input-background-color","",Jt.colorWhite),Xt.extend("--ft-text-input-content-value-color","",ee.contentGlobalPrimary),Xt.extend("--ft-text-input-trailing-icon-color","",ee.contentGlobalSubtle),Xt.extend("--ft-text-input-label-color","",ee.contentGlobalSubtle),Xt.extend("--ft-text-input-default-border-color","",ee.borderInputPrimary),Xt.extend("--ft-text-input-default-helper-text-color","",ee.contentGlobalSubtle),Xt.create("--ft-text-input-default-border-width","","SIZE","1px"),Xt.create("--ft-text-input-error-border-width","","SIZE","2px"),Xt.extend("--ft-text-input-error-border-color","",ee.borderErrorPrimary),Xt.extend("--ft-text-input-error-helper-text-color","",ee.contentErrorPrimary),Xt.extend("--ft-text-input-error-helper-icon-color","",ee.contentErrorIconOnly),Xt.create("--ft-text-input-warning-border-width","","SIZE","2px"),Xt.create("--ft-text-input-focus-outline-width","","SIZE","2px"),Xt.extend("--ft-text-input-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),Xt.extend("--ft-text-input-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-text-area-background-color","",Jt.colorWhite),Xt.extend("--ft-text-area-content-value-color","",ee.contentGlobalPrimary),Xt.extend("--ft-text-area-label-color","",ee.contentGlobalSubtle),Xt.extend("--ft-text-area-default-border-color","",ee.borderInputPrimary),Xt.extend("--ft-text-area-default-helper-text-color","",ee.contentGlobalSubtle),Xt.create("--ft-text-area-default-border-width","","SIZE","1px"),Xt.create("--ft-text-area-error-border-width","","SIZE","2px"),Xt.extend("--ft-text-area-error-border-color","",ee.borderErrorPrimary),Xt.extend("--ft-text-area-error-helper-text-color","",ee.contentErrorPrimary),Xt.extend("--ft-text-area-error-helper-icon-color","",ee.contentErrorIconOnly),Xt.extend("--ft-text-area-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.create("--ft-text-area-focus-outline-width","","SIZE","2px"),Xt.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),Xt.extend("--ft-text-area-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-text-area-field-horizontal-left-padding","",Jt.spacing4),Xt.extend("--ft-text-area-field-horizontal-gap","",Jt.spacing3),Xt.extend("--ft-text-area-field-vertical-gap","",Jt.spacing05),Xt.create("--ft-text-area-field-min-height","","SIZE","64px"),Xt.extend("--ft-text-area-helper-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-text-area-helper-horizontal-gap","",Jt.spacing1),Xt.extend("--ft-text-area-helper-icon-size","",Jt.iconSize2),Xt.extend("--ft-text-area-border-radius","",Jt.borderRadiusM),Xt.create("--ft-floating-menu-height","","SIZE","50px"),Xt.extend("--ft-floating-menu-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-floating-menu-off-icon-color","",ee.contentGlobalPrimary),Xt.extend("--ft-floating-menu-off-color","",ee.contentGlobalPrimary),Xt.extend("--ft-floating-menu-on-color","",ee.contentActionPrimary),Xt.extend("--ft-floating-menu-on-state-layer-color","",ee.contentActionPrimary),Xt.extend("--ft-floating-menu-gap","",Jt.spacing3),Xt.extend("--ft-floating-menu-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),Xt.extend("--ft-floating-menu-focus-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-floating-menu-hover-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-floating-menu-active-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-floating-menu-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-floating-menu-icon-size","",Jt.iconSize3),Xt.extend("--ft-floating-menu-background-color","",ee.backgroundGlobalOnSurface),Xt.extend("--ft-combobox-single-select-field-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-combobox-single-select-field-horizontal-gap","",Jt.spacing3),Xt.extend("--ft-combobox-single-select-field-vertical-gap","",Jt.spacing05),Xt.extend("--ft-combobox-single-select-field-icon-size","",Jt.iconSize3),Xt.create("--ft-combobox-single-select-field-height","","SIZE","50px"),Xt.extend("--ft-combobox-single-select-helper-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-combobox-single-select-helper-horizontal-gap","",Jt.spacing1),Xt.extend("--ft-combobox-single-select-helper-vertical-gap","",Jt.spacing1),Xt.extend("--ft-combobox-single-select-helper-icon-size","",Jt.iconSize2),Xt.extend("--ft-combobox-single-select-menu-vertical-gap","",Jt.spacing2),Xt.extend("--ft-combobox-single-select-border-radius","",Jt.borderRadiusM),Xt.extend("--ft-combobox-single-select-background-color","",Jt.colorWhite),Xt.extend("--ft-combobox-single-select-label-color","",ee.contentGlobalSubtle),Xt.extend("--ft-combobox-single-select-content-value-color","",ee.contentGlobalPrimary),Xt.extend("--ft-combobox-single-select-trailing-icon-color","",ee.contentGlobalSubtle),Xt.extend("--ft-combobox-single-select-default-border-color","",ee.borderInputPrimary),Xt.extend("--ft-combobox-single-select-default-helper-text-color","",ee.contentGlobalSubtle),Xt.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),Xt.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),Xt.extend("--ft-combobox-single-select-error-border-color","",ee.borderErrorPrimary),Xt.extend("--ft-combobox-single-select-error-helper-text-color","",ee.contentErrorPrimary),Xt.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),Xt.extend("--ft-combobox-single-select-warning-border-color","",ee.borderWarningPrimary),Xt.extend("--ft-combobox-single-select-warning-helper-text-color","",ee.contentWarningPrimary),Xt.extend("--ft-combobox-single-select-warning-helper-icon-color","",ee.contentWarningIconOnly),Xt.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),Xt.extend("--ft-combobox-single-select-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),Xt.extend("--ft-combobox-single-select-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-combobox-multi-select-background-color","",Jt.colorWhite),Xt.extend("--ft-combobox-multi-select-label-color","",ee.contentGlobalSubtle),Xt.extend("--ft-combobox-multi-select-trailing-icon-color","",ee.contentGlobalSubtle),Xt.extend("--ft-combobox-multi-select-default-border-color","",ee.borderInputPrimary),Xt.extend("--ft-combobox-multi-select-default-helper-text-color","",ee.contentGlobalSubtle),Xt.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),Xt.extend("--ft-combobox-multi-select-error-border-color","",ee.borderErrorPrimary),Xt.extend("--ft-combobox-multi-select-error-helper-text-color","",ee.contentErrorPrimary),Xt.extend("--ft-combobox-multi-select-error-helper-icon","",ee.contentErrorIconOnly),Xt.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),Xt.extend("--ft-combobox-multi-select-warning-border-color","",ee.borderWarningPrimary),Xt.extend("--ft-combobox-multi-select-warning-helper-text-color","",ee.contentWarningPrimary),Xt.extend("--ft-combobox-multi-select-warning-helper-icon-color","",ee.contentWarningIconOnly),Xt.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),Xt.extend("--ft-combobox-multi-select-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),Xt.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),Xt.extend("--ft-combobox-multi-select-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-combobox-multi-select-helper-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-combobox-multi-select-helper-horizontal-gap","",Jt.spacing1),Xt.extend("--ft-combobox-multi-select-helper-vertical-gap","",Jt.spacing1),Xt.extend("--ft-combobox-multi-select-helper-icon-size","",Jt.iconSize2),Xt.extend("--ft-combobox-multi-select-field-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-combobox-multi-select-field-horizontal-gap","",Jt.spacing3),Xt.extend("--ft-combobox-multi-select-field-vertical-gap","",Jt.spacing05),Xt.extend("--ft-combobox-multi-select-field-icon-size","",Jt.iconSize3),Xt.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),Xt.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",Jt.spacing1),Xt.extend("--ft-combobox-multi-select-content-values-vertical-gap","",Jt.spacing1),Xt.extend("--ft-combobox-multi-select-border-radius","",Jt.borderRadiusM),Xt.extend("--ft-popover-background-color","",ee.backgroundGlobalOnSurface),Xt.extend("--ft-popover-horizontal-padding","",Jt.spacing6),Xt.extend("--ft-popover-vertical-padding","",Jt.spacing6),Xt.extend("--ft-popover-icon-color","",ee.contentGlobalSecondary),Xt.extend("--ft-popover-icon-size","",Jt.iconSize2),Xt.extend("--ft-popover-title-color","",ee.contentGlobalPrimary),Xt.extend("--ft-popover-body-color","",ee.contentGlobalSecondary),Xt.extend("--ft-popover-link-color","",ee.contentActionPrimary),Xt.extend("--ft-popover-gap","",Jt.spacing3),Xt.extend("--ft-popover-border-radius","",Jt.borderRadiusM),Xt.extend("--ft-popover-shadow","",Jt.shadowElevation02),Xt.extend("--ft-tabs-top-left-border-radius","",Jt.borderRadiusS),Xt.extend("--ft-tabs-top-right-border-radius","",Jt.borderRadiusS),Xt.extend("--ft-tabs-label-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-tabs-label-vertical-padding","",Jt.spacing3),Xt.extend("--ft-tabs-label-gap","",Jt.spacing1),Xt.extend("--ft-tabs-off-hover-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-tabs-off-focus-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-tabs-off-active-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-tabs-off-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-tabs-off-color","",ee.contentGlobalSubtle),Xt.extend("--ft-tabs-off-state-layer-color","",ee.contentGlobalSubtle),Xt.extend("--ft-tabs-on-hover-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-tabs-on-focus-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-tabs-on-active-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-tabs-on-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-tabs-on-color","",ee.contentActionPrimary),Xt.extend("--ft-tabs-on-state-layer-color","",ee.contentActionPrimary),Xt.extend("--ft-tabs-icon-horizontal-padding","",Jt.spacing1),Xt.extend("--ft-tabs-icon-vertical-padding","",Jt.spacing4),Xt.create("--ft-tabs-focus-outline-width","","SIZE","2px"),Xt.extend("--ft-tabs-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.extend("--ft-collapsible-hover-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-collapsible-focus-state-layer-opacity","",Jt.opacity8),Xt.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),Xt.extend("--ft-collapsible-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.extend("--ft-collapsible-active-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-collapsible-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-collapsible-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-collapsible-vertical-padding","",Jt.spacing3),Xt.extend("--ft-collapsible-color","",ee.contentGlobalPrimary),Xt.extend("--ft-collapsible-state-layer-color","",ee.contentGlobalPrimary),Xt.extend("--ft-collapsible-background-color","",ee.backgroundGlobalOnSurface),Xt.extend("--ft-collapsible-border-color","",ee.borderGlobalSubtle),Xt.extend("--ft-collapsible-icon-size","",Jt.iconSize3),Xt.extend("--ft-switch-group-horizontal-padding","",Jt.spacing1),Xt.extend("--ft-switch-group-vertical-padding","",Jt.spacing1),Xt.extend("--ft-switch-group-gap","",Jt.spacing1),Xt.extend("--ft-switch-group-background-color","",ee.backgroundGlobalSurface),Xt.extend("--ft-switch-group-border-color","",ee.borderGlobalSubtle),Xt.create("--ft-switch-group-border-radius","","SIZE","6px"),Xt.extend("--ft-switch-label-horizontal-padding","",Jt.spacing2),Xt.extend("--ft-switch-label-vertical-padding","",Jt.spacing1),Xt.extend("--ft-switch-off-hover-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-switch-off-focus-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-switch-off-active-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-switch-off-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-switch-off-color","",ee.contentGlobalSubtle),Xt.extend("--ft-switch-off-state-layer-color","",ee.contentGlobalSubtle),Xt.extend("--ft-switch-on-hover-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-switch-on-focus-state-layer-opacity","",Jt.opacity8),Xt.extend("--ft-switch-on-active-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-switch-on-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-switch-on-color","",ee.contentActionPrimary),Xt.extend("--ft-switch-on-state-layer-color","",ee.contentActionPrimary),Xt.extend("--ft-switch-icon-horizontal-padding","",Jt.spacing1),Xt.extend("--ft-switch-icon-vertical-padding","",Jt.spacing1),Xt.create("--ft-switch-focus-outline-width","","SIZE","2px"),Xt.extend("--ft-switch-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.extend("--ft-switch-option-border-radius","",Jt.borderRadiusS),Xt.extend("--ft-chart-1-light","for area color charts",Jt.colorBrand40),Xt.extend("--ft-chart-1-base","for line charts",Jt.colorBrand0),Xt.extend("--ft-chart-2-light","for area color charts",Jt.colorYellow60),Xt.extend("--ft-chart-2-base","for line charts",Jt.colorYellow100),Xt.extend("--ft-chart-3-light","",Jt.colorUltramarine40),Xt.extend("--ft-chart-3-base","",Jt.colorUltramarine70),Xt.extend("--ft-chart-4-light","",Jt.colorCyan50),Xt.extend("--ft-chart-4-base","",Jt.colorCyan100),Xt.extend("--ft-chart-5-light","",Jt.colorRed40),Xt.extend("--ft-chart-5-base","",Jt.colorRed60),Xt.extend("--ft-chart-6-light","",Jt.colorGreen40),Xt.extend("--ft-chart-6-base","",Jt.colorGreen70),Xt.extend("--ft-chart-7-light","",Jt.colorOrange70),Xt.extend("--ft-chart-7-base","",Jt.colorOrange100),Xt.extend("--ft-chart-8-light","",Jt.colorAvocado70),Xt.extend("--ft-chart-8-base","",Jt.colorAvocado200),Xt.extend("--ft-chart-9-light","",Jt.colorBrown50),Xt.extend("--ft-chart-9-base","",Jt.colorBrown200),Xt.extend("--ft-chart-10-light","",Jt.colorGray50),Xt.extend("--ft-chart-10-base","",Jt.colorGray80),Xt.extend("--ft-chart-monochrome-10","",Jt.colorBrand10),Xt.extend("--ft-chart-monochrome-20","",Jt.colorBrand20),Xt.extend("--ft-chart-monochrome-30","",Jt.colorBrand40),Xt.extend("--ft-chart-monochrome-40","",Jt.colorBrand60),Xt.extend("--ft-chart-monochrome-50","",Jt.colorBrand0),Xt.extend("--ft-chart-monochrome-60","",Jt.colorBrand200),Xt.extend("--ft-chip-large-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-chip-large-vertical-padding","",Jt.spacing2),Xt.extend("--ft-chip-large-gap","",Jt.spacing1),Xt.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),Xt.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),Xt.extend("--ft-chip-large-border-radius","",Jt.borderRadiusPill),Xt.create("--ft-chip-large-border-width","","SIZE","1px"),Xt.extend("--ft-chip-large-icon-size","",Jt.iconSize3),Xt.extend("--ft-chip-medium-horizontal-padding","",Jt.spacing3),Xt.extend("--ft-chip-medium-vertical-padding","",Jt.spacing1),Xt.extend("--ft-chip-medium-gap","",Jt.spacing1),Xt.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),Xt.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),Xt.extend("--ft-chip-medium-border-radius","",Jt.borderRadiusPill),Xt.create("--ft-chip-medium-border-width","","SIZE","1px"),Xt.extend("--ft-chip-medium-icon-size","",Jt.iconSize2),Xt.extend("--ft-chip-small-horizontal-padding","",Jt.spacing2),Xt.extend("--ft-chip-small-vertical-padding","",Jt.spacing05),Xt.extend("--ft-chip-small-gap","",Jt.spacing1),Xt.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),Xt.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),Xt.extend("--ft-chip-small-border-radius","",Jt.borderRadiusPill),Xt.create("--ft-chip-small-border-width","","SIZE","1px"),Xt.extend("--ft-chip-small-icon-size","",Jt.iconSize1),Xt.extend("--ft-chip-neutral-background-color","",ee.backgroundGlobalOnSurface),Xt.extend("--ft-chip-neutral-color","",ee.contentGlobalPrimary),Xt.extend("--ft-chip-neutral-icon-color","",ee.contentGlobalPrimary),Xt.extend("--ft-chip-neutral-border-color","",ee.borderGlobalSubtle),Xt.extend("--ft-chip-info-background-color","",ee.backgroundInfoSubtle),Xt.extend("--ft-chip-info-color","",ee.contentInfoPrimary),Xt.extend("--ft-chip-info-icon-color","",ee.contentInfoIconOnly),Xt.extend("--ft-chip-info-border-color","",ee.borderInfoSubtle),Xt.extend("--ft-chip-success-background-color","",ee.backgroundSuccessSubtle),Xt.extend("--ft-chip-success-color","",ee.contentSuccessPrimary),Xt.extend("--ft-chip-success-icon-color","",ee.contentSuccessIconOnly),Xt.extend("--ft-chip-success-border-color","",ee.borderSuccessSubtle),Xt.extend("--ft-chip-warning-background-color","",ee.backgroundWarningSubtle),Xt.extend("--ft-chip-warning-color","",ee.contentWarningPrimary),Xt.extend("--ft-chip-warning-icon-color","",ee.contentWarningIconOnly),Xt.extend("--ft-chip-warning-border-color","",ee.borderWarningSubtle),Xt.extend("--ft-chip-error-background-color","",ee.backgroundErrorSubtle),Xt.extend("--ft-chip-error-color","",ee.contentErrorPrimary),Xt.extend("--ft-chip-error-icon-color","",ee.contentErrorIconOnly),Xt.extend("--ft-chip-error-border-color","",ee.borderErrorSubtle),Xt.extend("--ft-border-info-border-color","",ee.borderInfoSubtle),Xt.create("--ft-notice-border-width","","SIZE","1px"),Xt.extend("--ft-notice-horizontal-padding","",Jt.spacing2),Xt.extend("--ft-notice-vertical-padding","",Jt.spacing1),Xt.extend("--ft-notice-border-radius","",Jt.borderRadiusS),Xt.extend("--ft-notice-gap","",Jt.spacing2),Xt.extend("--ft-notice-icon-size","",Jt.iconSize3),Xt.extend("--ft-notice-info-background-color","",ee.backgroundInfoSubtle),Xt.extend("--ft-notice-info-border-color","",ee.borderInfoSubtle),Xt.extend("--ft-notice-info-color","",ee.contentInfoPrimary),Xt.extend("--ft-notice-info-icon-color","",ee.contentInfoIconOnly),Xt.extend("--ft-notice-warning-background-color","",ee.backgroundWarningSubtle),Xt.extend("--ft-notice-warning-border-color","",ee.borderWarningSubtle),Xt.extend("--ft-notice-warning-color","",ee.contentWarningPrimary),Xt.extend("--ft-notice-warning-icon-color","",ee.contentWarningIconOnly),Xt.extend("--ft-notice-error-background-color","",ee.backgroundErrorSubtle),Xt.extend("--ft-notice-error-border-color","",ee.borderErrorSubtle),Xt.extend("--ft-notice-error-color","",ee.contentErrorPrimary),Xt.extend("--ft-notice-error-icon-color","",ee.contentErrorIconOnly),Xt.extend("--ft-notice-success-background-color","",ee.backgroundSuccessSubtle),Xt.extend("--ft-notice-success-border-color","",ee.borderSuccessSubtle),Xt.extend("--ft-notice-success-color","",ee.contentSuccessPrimary),Xt.extend("--ft-notice-success-icon-color","",ee.contentSuccessIconOnly),Xt.extend("--ft-checkbox-color","",ee.contentGlobalPrimary),Xt.extend("--ft-checkbox-checked-background-color","",ee.contentActionPrimary),Xt.extend("--ft-checkbox-checked-state-layer-color","",ee.contentActionPrimary),Xt.extend("--ft-checkbox-checked-icon-color","",ee.contentGlobalOnColor),Xt.extend("--ft-checkbox-checked-hover-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-checkbox-checked-focus-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-checkbox-checked-active-state-layer-opacity","",Jt.opacity24),Xt.extend("--ft-checkbox-checked-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-checkbox-unchecked-border-color","",Jt.colorGray80),Xt.extend("--ft-checkbox-unchecked-state-layer-color","",Jt.colorGray80),Xt.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",Jt.opacity24),Xt.extend("--ft-checkbox-unchecked-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-checkbox-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),Xt.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),Xt.extend("--ft-checkbox-gap","",Jt.spacing3),Xt.extend("--ft-toggle-off-hover-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-toggle-off-focus-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-toggle-off-active-state-layer-opacity","",Jt.opacity24),Xt.extend("--ft-toggle-off-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-toggle-off-background-color","",ee.contentGlobalSubtle),Xt.extend("--ft-toggle-off-icon-color","",ee.contentGlobalSubtle),Xt.extend("--ft-toggle-off-state-layer-color","",ee.contentGlobalSubtle),Xt.extend("--ft-toggle-on-hover-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-toggle-on-focus-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-toggle-on-active-state-layer-opacity","",Jt.opacity24),Xt.extend("--ft-toggle-on-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-toggle-on-background-color","",ee.contentActionPrimary),Xt.extend("--ft-toggle-on-state-layer-color","",ee.contentActionPrimary),Xt.extend("--ft-toggle-on-icon-color","",ee.contentActionPrimary),Xt.extend("--ft-toggle-color","",ee.contentGlobalPrimary),Xt.extend("--ft-toggle-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.extend("--ft-toggle-gap","",Jt.spacing3),Xt.extend("--ft-radio-color","",ee.contentGlobalPrimary),Xt.extend("--ft-radio-selected-radio-color","",ee.contentActionPrimary),Xt.extend("--ft-radio-selected-state-layer-color","",ee.contentActionPrimary),Xt.extend("--ft-radio-selected-hover-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-radio-selected-focus-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-radio-selected-active-state-layer-opacity","",Jt.opacity24),Xt.extend("--ft-radio-selected-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-radio-unselected-state-layer-color","",ee.borderInputPrimary),Xt.extend("--ft-radio-unselected-border-color","",ee.borderInputPrimary),Xt.extend("--ft-radio-unselected-hover-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-radio-unselected-focus-state-layer-opacity","",Jt.opacity16),Xt.extend("--ft-radio-unselected-active-state-layer-opacity","",Jt.opacity24),Xt.extend("--ft-radio-unselected-disabled-component-opacity","",Jt.opacity40),Xt.extend("--ft-radio-focus-focus-ring-color","",ee.borderActionFocusRing),Xt.create("--ft-radio-focus-outline-offset","","SIZE","3px"),Xt.create("--ft-radio-focus-outline-width","","SIZE","2px"),Xt.extend("--ft-radio-gap","",Jt.spacing3),Xt.extend("--ft-notification-icon-size","",Jt.iconSize4),Xt.extend("--ft-notification-horizontal-padding","",Jt.spacing4),Xt.extend("--ft-notification-vertical-padding","",Jt.spacing4),Xt.extend("--ft-notification-info-background-color","",ee.backgroundInfoSubtle),Xt.extend("--ft-notification-info-color","",ee.contentInfoPrimary),Xt.extend("--ft-notification-info-icon-color","",ee.contentInfoIconOnly),Xt.extend("--ft-notification-info-border-color","",ee.borderInfoSubtle),Xt.extend("--ft-notification-success-background-color","",ee.backgroundSuccessSubtle),Xt.extend("--ft-notification-success-color","",ee.contentSuccessPrimary),Xt.extend("--ft-notification-success-icon-color","",ee.contentSuccessIconOnly),Xt.extend("--ft-notification-success-border-color","",ee.borderSuccessSubtle),Xt.extend("--ft-notification-warning-background-color","",ee.backgroundWarningSubtle),Xt.extend("--ft-notification-warning-color","",ee.contentWarningPrimary),Xt.extend("--ft-notification-warning-icon-color","",ee.contentWarningIconOnly),Xt.extend("--ft-notification-warning-border-color","",ee.borderWarningSubtle),Xt.extend("--ft-notification-error-background-color","",ee.backgroundErrorSubtle),Xt.extend("--ft-notification-error-color","",ee.contentErrorPrimary),Xt.extend("--ft-notification-error-icon-color","",ee.contentErrorIconOnly),Xt.extend("--ft-notification-error-border-color","",ee.borderErrorSubtle),Xt.extend("--ft-notification-border-radius","",Jt.borderRadiusPill),Xt.create("--ft-notification-border-width","","SIZE","1px"),Xt.extend("--ft-notification-leading-gap","",Jt.spacing2),Xt.extend("--ft-notification-trailing-gap","",Jt.spacing8),Xt.extend("--ft-tooltip-horizontal-padding","",Jt.spacing2),Xt.extend("--ft-tooltip-vertical-padding","",Jt.spacing2),Xt.extend("--ft-tooltip-border-radius","",Jt.borderRadiusS),Xt.extend("--ft-tooltip-color","",ee.contentGlobalOnColor),Xt.extend("--ft-tooltip-background-color","",ee.contentGlobalPrimary),Xt.extend("--ft-tooltip-background-opacity","",Jt.opacity80),Xt.extend("--ft-tooltip-shadow","",Jt.shadowElevation03),Xt.create("--ft-tooltip-max-width","","SIZE","256px"),Xt.extend("--ft-tooltip-gap","",Jt.spacing05);const ie=e.FtCssVariableFactory.extend("--ft-typography-font-family","",e.designSystemVariables.titleFont),re=e.FtCssVariableFactory.extend("--ft-typography-font-family","",e.designSystemVariables.contentFont),ne={fontFamily:re,fontSize:e.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:e.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:e.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:e.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:e.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},ae=e.FtCssVariableFactory.extend("--ft-typography-title-font-family","",ie),le=e.FtCssVariableFactory.extend("--ft-typography-title-font-size","",ne.fontSize,"20px"),se=e.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",ne.fontWeight,"normal"),ce=e.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",ne.letterSpacing,"0.15px"),pe=e.FtCssVariableFactory.extend("--ft-typography-title-line-height","",ne.lineHeight,"1.2"),fe=e.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",ne.textTransform,"inherit"),he=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",ie),de=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",ne.fontSize,"14px"),ue=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",ne.fontWeight,"normal"),ge=e.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",ne.letterSpacing,"0.105px"),be=e.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",ne.lineHeight,"1.7"),ye=e.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",ne.textTransform,"inherit"),me=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",re),xe=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",ne.fontSize,"16px"),ve=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",ne.fontWeight,"600"),Oe=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",ne.letterSpacing,"0.144px"),we=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",ne.lineHeight,"1.5"),Se=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",ne.textTransform,"inherit"),Ne=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",re),$e=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",ne.fontSize,"14px"),Ce=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",ne.fontWeight,"normal"),Ee=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",ne.letterSpacing,"0.098px"),ke=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",ne.lineHeight,"1.7"),Ie=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",ne.textTransform,"inherit"),Re=e.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",re),Ue=e.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",ne.fontSize,"16px"),Le=e.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",ne.fontWeight,"normal"),We=e.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",ne.letterSpacing,"0.496px"),ze=e.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",ne.lineHeight,"1.5"),Ae=e.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",ne.textTransform,"inherit"),Ze={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",re),fontSize:e.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",ne.fontSize,"14px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",ne.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",ne.letterSpacing,"0.252px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",ne.lineHeight,"1.4"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",ne.textTransform,"inherit")},De=e.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",re),Be=e.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",ne.fontSize,"12px"),Ke=e.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",ne.fontWeight,"normal"),Fe=e.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",ne.letterSpacing,"0.396px"),Te=e.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",ne.lineHeight,"1.33"),He=e.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",ne.textTransform,"inherit"),Pe=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",re),Me=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",ne.fontSize,"10px"),je=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",ne.fontWeight,"normal"),_e=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",ne.letterSpacing,"0.33px"),Ge=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",ne.lineHeight,"1.6"),Ve=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",ne.textTransform,"inherit"),qe=e.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",re),Ye=e.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",ne.fontSize,"10px"),Qe=e.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",ne.fontWeight,"normal"),Xe=e.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",ne.letterSpacing,"1.5px"),Je=e.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",ne.lineHeight,"1.6"),to=e.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",ne.textTransform,"uppercase"),eo={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-button-font-family","",re),fontSize:e.FtCssVariableFactory.extend("--ft-typography-button-font-size","",ne.fontSize,"14px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",ne.fontWeight,"600"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",ne.letterSpacing,"1.246px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-button-line-height","",ne.lineHeight,"1.15"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",ne.textTransform,"uppercase")},oo=o.css`
|
|
137
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var r,i;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),(r=this.target)===null||r===void 0||r.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var t,r;let i=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;i&&this.setupFor((r=this.target)!==null&&r!==void 0?r:i)}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");let r=(...c)=>h=>{c.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(h)},i=r("mouseup","contextmenu"),n=r("touchend","touchcancel"),a=c=>{["Enter"," "].includes(c.key)&&r("keyup")(c)},s={passive:!0};t.addEventListener("mouseover",this.startHover,s),t.addEventListener("mousemove",this.moveRipple,s),t.addEventListener("mouseleave",this.endHover,s),t.addEventListener("mousedown",i,s),t.addEventListener("touchstart",n,s),t.addEventListener("touchmove",this.moveRipple,s),t.addEventListener("keydown",a,s),t.addEventListener("focus",this.startFocus,s),t.addEventListener("blur",this.endFocus,s),t.addEventListener("focusin",this.startFocus,s),t.addEventListener("focusout",this.endFocus,s),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,s),t.removeEventListener("mousemove",this.moveRipple,s),t.removeEventListener("mouseleave",this.endHover,s),t.removeEventListener("mousedown",i,s),t.removeEventListener("touchstart",n,s),t.removeEventListener("touchmove",this.moveRipple,s),t.removeEventListener("keydown",a,s),t.removeEventListener("focus",this.startFocus,s),t.removeEventListener("blur",this.endFocus,s),t.removeEventListener("focusin",this.startFocus,s),t.removeEventListener("focusout",this.endFocus,s),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){let r=t,i=t,n,a;return r.x!=null?{x:n,y:a}=r:i.touches!=null&&(n=i.touches[0].clientX,a=i.touches[0].clientY),{x:n,y:a}}isFocusVisible(t){return t instanceof HTMLElement?t.matches(":focus-visible"):!0}isIgnored(t){if(this.disabled)return!0;if(t!=null)for(let r of t.composedPath()){if(r===this.target)break;if("hasAttribute"in r&&r.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};$.elementDefinitions={};$.styles=an;St([(0,pt.property)({type:Boolean})],$.prototype,"primary",void 0);St([(0,pt.property)({type:Boolean})],$.prototype,"secondary",void 0);St([(0,pt.property)({type:Boolean})],$.prototype,"unbounded",void 0);St([(0,pt.property)({type:Boolean})],$.prototype,"activated",void 0);St([(0,pt.property)({type:Boolean})],$.prototype,"selected",void 0);St([(0,pt.property)({type:Boolean})],$.prototype,"disabled",void 0);St([(0,pt.state)()],$.prototype,"hovered",void 0);St([(0,pt.state)()],$.prototype,"focused",void 0);St([(0,pt.state)()],$.prototype,"pressed",void 0);St([(0,pt.state)()],$.prototype,"rippling",void 0);St([(0,pt.state)()],$.prototype,"originX",void 0);St([(0,pt.state)()],$.prototype,"originY",void 0);St([(0,pt.query)(".ft-ripple")],$.prototype,"ripple",void 0);St([(0,pt.query)(".ft-ripple--effect")],$.prototype,"rippleEffect",void 0);(0,cn.customElement)("ft-ripple")($);var ha=f(x());var zr=globalThis,qo=zr.trustedTypes,pn=qo?qo.createPolicy("lit-html",{createHTML:o=>o}):void 0,yn="$lit$",ge=`lit$${(Math.random()+"").slice(9)}$`,gn="?"+ge,Sl=`<${gn}>`,ke=document,Yo=()=>ke.createComment(""),So=o=>o===null||typeof o!="object"&&typeof o!="function",bn=Array.isArray,Ol=o=>bn(o)||typeof o?.[Symbol.iterator]=="function",$r=`[
|
|
138
|
+
\f\r]`,vo=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,dn=/-->/g,fn=/>/g,Te=RegExp(`>|${$r}(?:([^\\s"'>=/]+)(${$r}*=${$r}*(?:[^
|
|
139
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),hn=/'/g,un=/"/g,xn=/^(?:script|style|textarea|title)$/i,vn=o=>(t,...r)=>({_$litType$:o,strings:t,values:r}),Sn=vn(1),On=vn(2),Oo=Symbol.for("lit-noChange"),nt=Symbol.for("lit-nothing"),mn=new WeakMap,Ie=ke.createTreeWalker(ke,129);function Cn(o,t){if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return pn!==void 0?pn.createHTML(t):t}var Cl=(o,t)=>{let r=o.length-1,i=[],n,a=t===2?"<svg>":"",s=vo;for(let c=0;c<r;c++){let h=o[c],u,b,S=-1,L=0;for(;L<h.length&&(s.lastIndex=L,b=s.exec(h),b!==null);)L=s.lastIndex,s===vo?b[1]==="!--"?s=dn:b[1]!==void 0?s=fn:b[2]!==void 0?(xn.test(b[2])&&(n=RegExp("</"+b[2],"g")),s=Te):b[3]!==void 0&&(s=Te):s===Te?b[0]===">"?(s=n??vo,S=-1):b[1]===void 0?S=-2:(S=s.lastIndex-b[2].length,u=b[1],s=b[3]===void 0?Te:b[3]==='"'?un:hn):s===un||s===hn?s=Te:s===dn||s===fn?s=vo:(s=Te,n=void 0);let w=s===Te&&o[c+1].startsWith("/>")?" ":"";a+=s===vo?h+Sl:S>=0?(i.push(u),h.slice(0,S)+yn+h.slice(S)+ge+w):h+ge+(S===-2?c:w)}return[Cn(o,a+(o[r]||"<?>")+(t===2?"</svg>":"")),i]},Co=class o{constructor({strings:t,_$litType$:r},i){let n;this.parts=[];let a=0,s=0,c=t.length-1,h=this.parts,[u,b]=Cl(t,r);if(this.el=o.createElement(u,i),Ie.currentNode=this.el.content,r===2){let S=this.el.content.firstChild;S.replaceWith(...S.childNodes)}for(;(n=Ie.nextNode())!==null&&h.length<c;){if(n.nodeType===1){if(n.hasAttributes())for(let S of n.getAttributeNames())if(S.endsWith(yn)){let L=b[s++],w=n.getAttribute(S).split(ge),k=/([.?@])?(.*)/.exec(L);h.push({type:1,index:a,name:k[2],strings:w,ctor:k[1]==="."?Dr:k[1]==="?"?Br:k[1]==="@"?Ur:je}),n.removeAttribute(S)}else S.startsWith(ge)&&(h.push({type:6,index:a}),n.removeAttribute(S));if(xn.test(n.tagName)){let S=n.textContent.split(ge),L=S.length-1;if(L>0){n.textContent=qo?qo.emptyScript:"";for(let w=0;w<L;w++)n.append(S[w],Yo()),Ie.nextNode(),h.push({type:2,index:++a});n.append(S[L],Yo())}}}else if(n.nodeType===8)if(n.data===gn)h.push({type:2,index:a});else{let S=-1;for(;(S=n.data.indexOf(ge,S+1))!==-1;)h.push({type:7,index:a}),S+=ge.length-1}a++}}static createElement(t,r){let i=ke.createElement("template");return i.innerHTML=t,i}};function Ze(o,t,r=o,i){if(t===Oo)return t;let n=i!==void 0?r._$Co?.[i]:r._$Cl,a=So(t)?void 0:t._$litDirective$;return n?.constructor!==a&&(n?._$AO?.(!1),a===void 0?n=void 0:(n=new a(o),n._$AT(o,r,i)),i!==void 0?(r._$Co??=[])[i]=n:r._$Cl=n),n!==void 0&&(t=Ze(o,n._$AS(o,t.values),n,i)),t}var _r=class{constructor(t,r){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:r},parts:i}=this._$AD,n=(t?.creationScope??ke).importNode(r,!0);Ie.currentNode=n;let a=Ie.nextNode(),s=0,c=0,h=i[0];for(;h!==void 0;){if(s===h.index){let u;h.type===2?u=new Xo(a,a.nextSibling,this,t):h.type===1?u=new h.ctor(a,h.name,h.strings,this,t):h.type===6&&(u=new Fr(a,this,t)),this._$AV.push(u),h=i[++c]}s!==h?.index&&(a=Ie.nextNode(),s++)}return Ie.currentNode=ke,n}p(t){let r=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,r),r+=i.strings.length-2):i._$AI(t[r])),r++}},Xo=class o{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,r,i,n){this.type=2,this._$AH=nt,this._$AN=void 0,this._$AA=t,this._$AB=r,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,r=this._$AM;return r!==void 0&&t?.nodeType===11&&(t=r.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,r=this){t=Ze(this,t,r),So(t)?t===nt||t==null||t===""?(this._$AH!==nt&&this._$AR(),this._$AH=nt):t!==this._$AH&&t!==Oo&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):Ol(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==nt&&So(this._$AH)?this._$AA.nextSibling.data=t:this.$(ke.createTextNode(t)),this._$AH=t}g(t){let{values:r,_$litType$:i}=t,n=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=Co.createElement(Cn(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(r);else{let a=new _r(n,this),s=a.u(this.options);a.p(r),this.$(s),this._$AH=a}}_$AC(t){let r=mn.get(t.strings);return r===void 0&&mn.set(t.strings,r=new Co(t)),r}T(t){bn(this._$AH)||(this._$AH=[],this._$AR());let r=this._$AH,i,n=0;for(let a of t)n===r.length?r.push(i=new o(this.k(Yo()),this.k(Yo()),this,this.options)):i=r[n],i._$AI(a),n++;n<r.length&&(this._$AR(i&&i._$AB.nextSibling,n),r.length=n)}_$AR(t=this._$AA.nextSibling,r){for(this._$AP?.(!1,!0,r);t&&t!==this._$AB;){let i=t.nextSibling;t.remove(),t=i}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},je=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,r,i,n,a){this.type=1,this._$AH=nt,this._$AN=void 0,this.element=t,this.name=r,this._$AM=n,this.options=a,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=nt}_$AI(t,r=this,i,n){let a=this.strings,s=!1;if(a===void 0)t=Ze(this,t,r,0),s=!So(t)||t!==this._$AH&&t!==Oo,s&&(this._$AH=t);else{let c=t,h,u;for(t=a[0],h=0;h<a.length-1;h++)u=Ze(this,c[i+h],r,h),u===Oo&&(u=this._$AH[h]),s||=!So(u)||u!==this._$AH[h],u===nt?t=nt:t!==nt&&(t+=(u??"")+a[h+1]),this._$AH[h]=u}s&&!n&&this.O(t)}O(t){t===nt?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Dr=class extends je{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===nt?void 0:t}},Br=class extends je{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==nt)}},Ur=class extends je{constructor(t,r,i,n,a){super(t,r,i,n,a),this.type=5}_$AI(t,r=this){if((t=Ze(this,t,r,0)??nt)===Oo)return;let i=this._$AH,n=t===nt&&i!==nt||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,a=t!==nt&&(i===nt||n);n&&this.element.removeEventListener(this.name,this,i),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},Fr=class{constructor(t,r,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=r,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){Ze(this,t)}};var El=zr.litHtmlPolyfillSupport;El?.(Co,Xo),(zr.litHtmlVersions??=[]).push("3.1.0");var An=Symbol.for(""),Al=o=>{if(o?.r===An)return o?._$litStatic$},Mr=o=>({_$litStatic$:o,r:An});var En=new Map,wn=o=>(t,...r)=>{let i=r.length,n,a,s=[],c=[],h,u=0,b=!1;for(;u<i;){for(h=t[u];u<i&&(a=r[u],(n=Al(a))!==void 0);)h+=n+t[++u],b=!0;u!==i&&c.push(a),s.push(h),u++}if(u===i&&s.push(t[i]),b){let S=s.join("$$lit$$");(t=En.get(S))===void 0&&(s.raw=s,En.set(S,t=s)),r=c}return o(t,...r)},Wr=wn(Sn),Rp=wn(On);var Hr=f(W()),fa=f(x());var Pe;(function(o){o.title="title",o.title_dense="title-dense",o.subtitle1="subtitle1",o.subtitle2="subtitle2",o.body1="body1",o.body2="body2",o.caption="caption",o.breadcrumb="breadcrumb",o.overline="overline",o.button="button",o.display="display",o.title1="title-1",o.title2="title-2",o.title3="title-3",o.body1regular="body-1-regular",o.body1medium="body-1-medium",o.body1semibold="body-1-semibold",o.body2regular="body-2-regular",o.body2medium="body-2-medium",o.body2semibold="body-2-semibold",o.label1medium="label-1-medium",o.label1semibold="label-1-semibold",o.label1bold="label-1-bold",o.label2medium="label-2-medium",o.label2semibold="label-2-semibold",o.label2bold="label-2-bold",o.caption1medium="caption-1-medium",o.caption1semibold="caption-1-semibold",o.caption1bold="caption-1-bold",o.caption2medium="caption-2-medium",o.caption2semibold="caption-2-semibold",o.caption2bold="caption-2-bold"})(Pe||(Pe={}));var Dt=f(C()),g=f(x());var re=f(C(),1),be=o=>typeof o=="string"?(0,re.unsafeCSS)(o):o,e=class{static create(t,r,i,n){let a=c=>be(c??n),s=re.css`var(${be(t)}, ${a(n)})`;return s.name=t,s.description=r,s.category=i,s.defaultValue=n,s.defaultCssValue=a,s.get=c=>re.css`var(${be(t)}, ${a(c)})`,s.breadcrumb=()=>[],s.lastResortDefaultValue=()=>n,s}static extend(t,r,i,n){let a=c=>i.get(c??n),s=re.css`var(${be(t)}, ${a(n)})`;return s.name=t,s.description=r,s.category=i.category,s.fallbackVariable=i,s.defaultValue=n,s.defaultCssValue=a,s.get=c=>re.css`var(${be(t)}, ${a(c)})`,s.breadcrumb=()=>[i.name,...i.breadcrumb()],s.lastResortDefaultValue=()=>n??i.lastResortDefaultValue(),s}static external(t,r){let i=a=>t.fallbackVariable?t.fallbackVariable.get(a??t.defaultValue):be(a??t.lastResortDefaultValue()),n=re.css`var(${be(t.name)}, ${i(t.defaultValue)})`;return n.name=t.name,n.category=t.category,n.fallbackVariable=t.fallbackVariable,n.defaultValue=t.defaultValue,n.context=r,n.defaultCssValue=i,n.get=a=>re.css`var(${be(t.name)}, ${i(a)})`,n.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],n.lastResortDefaultValue=()=>t.lastResortDefaultValue(),n}};var l={colorWhite:e.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:e.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:e.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:e.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:e.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:e.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:e.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:e.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:e.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:e.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:e.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:e.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:e.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:e.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:e.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:e.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:e.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:e.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:e.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:e.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:e.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:e.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:e.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:e.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:e.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:e.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:e.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:e.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:e.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:e.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:e.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:e.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:e.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:e.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:e.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:e.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:e.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:e.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:e.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:e.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:e.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:e.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:e.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:e.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:e.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:e.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:e.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:e.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:e.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:e.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:e.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:e.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:e.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:e.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:e.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:e.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:e.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:e.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:e.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:e.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:e.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:e.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:e.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:e.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:e.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:e.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:e.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:e.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:e.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:e.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:e.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:e.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:e.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:e.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:e.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:e.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:e.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:e.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:e.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:e.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:e.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:e.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:e.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:e.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:e.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:e.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:e.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:e.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:e.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:e.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:e.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:e.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:e.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:e.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:e.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:e.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:e.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:e.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:e.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:e.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:e.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:e.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:e.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:e.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:e.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:e.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:e.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:e.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:e.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:e.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:e.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:e.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:e.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:e.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:e.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:e.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:e.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:e.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:e.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:e.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:e.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:e.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:e.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:e.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:e.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:e.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:e.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:e.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:e.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:e.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:e.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:e.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:e.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:e.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:e.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:e.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:e.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:e.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:e.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:e.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:e.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:e.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:e.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:e.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:e.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:e.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:e.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:e.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:e.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:e.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:e.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:e.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:e.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:e.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:e.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:e.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:e.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:e.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:e.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:e.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:e.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:e.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:e.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:e.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:e.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:e.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:e.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:e.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:e.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:e.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:e.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:e.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:e.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:e.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:e.create("--ft-icon-size-1","","SIZE","12px"),iconSize2:e.create("--ft-icon-size-2","","SIZE","16px"),iconSize3:e.create("--ft-icon-size-3","","SIZE","20px"),iconSize4:e.create("--ft-icon-size-4","","SIZE","24px"),iconSize5:e.create("--ft-icon-size-5","","SIZE","32px"),iconSize6:e.create("--ft-icon-size-6","","SIZE","48px"),opacity0:e.create("--ft-opacity-0","","NUMBER","0"),opacity8:e.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:e.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:e.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:e.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:e.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:e.create("--ft-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:e.create("--ft-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:e.create("--ft-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:e.create("--ft-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:e.create("--ft-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:e.create("--ft-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:e.create("--ft-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:e.create("--ft-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:e.create("--ft-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")},Rn={fontFamily:e.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:e.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-display-textCase","","UNKNOWN","none")},Nn={fontFamily:e.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:e.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},Ln={fontFamily:e.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:e.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},Tn={fontFamily:e.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:e.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:e.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},In={fontFamily:e.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:e.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:e.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},kn={fontFamily:e.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:e.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},Pn={fontFamily:e.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:e.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},$n={fontFamily:e.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:e.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},_n={fontFamily:e.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},wl={fontFamily:e.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:e.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:e.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},Dn={fontFamily:e.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},Bn={fontFamily:e.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},Un={fontFamily:e.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},Fn={fontFamily:e.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},zn={fontFamily:e.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},Mn={fontFamily:e.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},Wn={fontFamily:e.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},Hn={fontFamily:e.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},Vn={fontFamily:e.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},Gn={fontFamily:e.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},Kn={fontFamily:e.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:e.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},Zn={fontFamily:e.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:e.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},jn={fontFamily:e.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:e.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},qn={fontFamily:e.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:e.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},Yn={fontFamily:e.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:e.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},Xn={fontFamily:e.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:e.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},Qo={display:Rn,"title-1":Nn,"title-2":Ln,"title-3":Tn,"body-1-regular":In,"body-1-medium":kn,"body-1-semibold":Pn,"body-2-regular":$n,"body-2-medium":_n,"body-2-medium-underline":wl,"body-2-semibold":Dn,"label-1-medium":Bn,"label-1-semibold":Un,"label-1-bold":Fn,"label-2-medium":zn,"label-2-semibold":Mn,"label-2-bold":Wn,"caption-1-medium":Hn,"caption-1-semibold":Vn,"caption-1-bold":Gn,"caption-2-medium":Kn,"caption-2-semibold":Zn,"caption-2-bold":jn,"caption-3-medium":qn,"caption-3-semibold":Yn,"caption-3-bold":Xn};var p={backgroundActionPrimary:e.extend("--ft-background-action-primary","Used as backgorund of primary action components.",l.colorBrand0),backgroundErrorSubtle:e.extend("--ft-background-error-subtle","Used as background of subtle error components.",l.colorRed10),backgroundInfoSubtle:e.extend("--ft-background-info-subtle","Used as background of subtle information components.",l.colorCyan10),backgroundWarningSubtle:e.extend("--ft-background-warning-subtle","Used as background of subtle information components.",l.colorOrange10),backgroundSuccessSubtle:e.extend("--ft-background-success-subtle","Used as background of subtle success components.",l.colorGreen10),backgroundGlobalSurface:e.extend("--ft-background-global-surface","Used as app background.",l.colorWhite),backgroundGlobalOnSurface:e.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",l.colorGray10),backgroundGlobalOnSurfaceDark:e.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",l.colorGray30),contentActionPrimary:e.extend("--ft-content-action-primary","Used on label of primary action on light surface.",l.colorBrand0),contentWarningPrimary:e.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",l.colorOrange200),contentWarningIconOnly:e.extend("--ft-content-warning-icon-only","Used on warning status icons alone",l.colorOrange0),contentErrorPrimary:e.extend("--ft-content-error-primary","Used on label of error messages on light surface.",l.colorRed0),contentErrorIconOnly:e.extend("--ft-content-error-icon-only","Used on error status icons alone",l.colorRed70),contentInfoPrimary:e.extend("--ft-content-info-primary","Used on label of information messages on light surface.",l.colorCyan200),contentInfoIconOnly:e.extend("--ft-content-info-icon-only","Used on info status icons alone",l.colorCyan0),contentSuccessPrimary:e.extend("--ft-content-success-primary","Used on label of success messages on light surface.",l.colorGreen200),contentSuccessIconOnly:e.extend("--ft-content-success-icon-only","Used on success status icons alone",l.colorGreen0),contentGlobalPrimary:e.extend("--ft-content-global-primary","Used for main content on the page.",l.colorGray500),contentGlobalSecondary:e.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
140
|
+
Also for action icons.`,l.colorGray200),contentGlobalSubtle:e.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",l.colorGray0),contentGlobalOnColor:e.extend("--ft-content-global-on-color","Used for content on a dominant color.",l.colorWhite),borderActionPrimary:e.extend("--ft-border-action-primary","Used as border for primary action components.",l.colorBrand0),borderActionFocusRing:e.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",l.colorCyan0),borderWarningPrimary:e.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",l.colorOrange200),borderWarningSubtle:e.extend("--ft-border-warning-subtle","Used as border for warning components.",l.colorOrange30),borderSuccessPrimary:e.extend("--ft-border-success-primary","Used as border for success buttons.",l.colorGreen200),borderSuccessSubtle:e.extend("--ft-border-success-subtle","Used as border for success components.",l.colorGreen30),borderErrorPrimary:e.extend("--ft-border-error-primary","Used as border for text fields in error states.",l.colorRed0),borderErrorSubtle:e.extend("--ft-border-error-subtle","Used as border for error components.",l.colorRed30),borderInfoPrimary:e.extend("--ft-border-info-primary","Used as border for buttons in info color.",l.colorCyan200),borderInfoSubtle:e.extend("--ft-border-info-subtle","Used as border for information components.",l.colorCyan30),borderGlobalPrimary:e.extend("--ft-border-global-primary","Used as border for element like input.",l.colorGray50),borderGlobalSubtle:e.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",l.colorGray30),borderInputPrimary:e.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",l.colorGray80)};var v={largeHeight:e.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:e.extend("--ft-button-large-horizontal-padding","",l.spacing4),largeGap:e.extend("--ft-button-large-gap","",l.spacing2),largeBorderRadius:e.extend("--ft-button-large-border-radius","",l.borderRadiusS),largeIconSize:e.extend("--ft-button-large-icon-size","",l.iconSize3),largeBorderWidth:e.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:e.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:e.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:e.create("--ft-button-large-icon-only-width","","SIZE","40px"),smallHeight:e.create("--ft-button-small-height","","SIZE","30px"),smallHorizontalPadding:e.extend("--ft-button-small-horizontal-padding","",l.spacing3),smallGap:e.extend("--ft-button-small-gap","",l.spacing2),smallBorderRadius:e.extend("--ft-button-small-border-radius","",l.borderRadiusS),smallIconSize:e.extend("--ft-button-small-icon-size","",l.iconSize2),smallBorderWidth:e.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:e.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:e.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:e.create("--ft-button-small-icon-only-width","","SIZE","30px"),primaryBackgroundColor:e.extend("--ft-button-primary-background-color","",p.backgroundActionPrimary),primaryColor:e.extend("--ft-button-primary-color","",p.contentGlobalOnColor),primaryIconColor:e.extend("--ft-button-primary-icon-color","",p.contentGlobalOnColor),primaryStateLayerColor:e.extend("--ft-button-primary-state-layer-color","",p.contentGlobalOnColor),primaryHoverStateLayerOpacity:e.extend("--ft-button-primary-hover-state-layer-opacity","",l.opacity16),primaryFocusStateLayerOpacity:e.extend("--ft-button-primary-focus-state-layer-opacity","",l.opacity16),primaryActiveStateLayerOpacity:e.extend("--ft-button-primary-active-state-layer-opacity","",l.opacity24),primaryDisabledComponentOpacity:e.extend("--ft-button-primary-disabled-component-opacity","",l.opacity40),focusFocusRingColor:e.extend("--ft-button-focus-focus-ring-color","",p.borderActionFocusRing),tertiaryBackgroundColor:e.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryColor:e.extend("--ft-button-tertiary-color","",p.contentActionPrimary),tertiaryIconColor:e.extend("--ft-button-tertiary-icon-color","",p.contentActionPrimary),tertiaryStateLayerColor:e.extend("--ft-button-tertiary-state-layer-color","",p.contentActionPrimary),tertiaryHoverStateLayerOpacity:e.extend("--ft-button-tertiary-hover-state-layer-opacity","",l.opacity8),tertiaryFocusStateLayerOpacity:e.extend("--ft-button-tertiary-focus-state-layer-opacity","",l.opacity8),tertiaryActiveStateLayerOpacity:e.extend("--ft-button-tertiary-active-state-layer-opacity","",l.opacity16),tertiaryDisabledComponentOpacity:e.extend("--ft-button-tertiary-disabled-component-opacity","",l.opacity40),secondaryBackgroundColor:e.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),secondaryColor:e.extend("--ft-button-secondary-color","",p.contentActionPrimary),secondaryIconColor:e.extend("--ft-button-secondary-icon-color","",p.contentActionPrimary),secondaryStateLayerColor:e.extend("--ft-button-secondary-state-layer-color","",p.contentActionPrimary),secondaryHoverStateLayerOpacity:e.extend("--ft-button-secondary-hover-state-layer-opacity","",l.opacity8),secondaryFocusStateLayerOpacity:e.extend("--ft-button-secondary-focus-state-layer-opacity","",l.opacity8),secondaryActiveStateLayerOpacity:e.extend("--ft-button-secondary-active-state-layer-opacity","",l.opacity16),secondaryDisabledComponentOpacity:e.extend("--ft-button-secondary-disabled-component-opacity","",l.opacity40),secondaryBorderColor:e.extend("--ft-button-secondary-border-color","",p.borderActionPrimary),neutralBackgroundColor:e.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),neutralIconColor:e.extend("--ft-button-neutral-icon-color","",p.contentGlobalSecondary),neutralColor:e.extend("--ft-button-neutral-color","",p.contentGlobalSecondary),neutralStateLayerColor:e.extend("--ft-button-neutral-state-layer-color","",p.contentGlobalSecondary),neutralHoverStateLayerOpacity:e.extend("--ft-button-neutral-hover-state-layer-opacity","",l.opacity8),neutralFocusStateLayerOpacity:e.extend("--ft-button-neutral-focus-state-layer-opacity","",l.opacity8),neutralActiveStateLayerOpacity:e.extend("--ft-button-neutral-active-state-layer-opacity","",l.opacity16),neutralDisabledComponentOpacity:e.extend("--ft-button-neutral-disabled-component-opacity","",l.opacity40)};var Gp={iconSize:e.extend("--ft-banner-icon-size","",l.iconSize5),borderWidth:e.create("--ft-banner-border-width","","SIZE","1px"),horizontalPadding:e.extend("--ft-banner-horizontal-padding","",l.spacing6),verticalPadding:e.extend("--ft-banner-vertical-padding","",l.spacing6),horizontalSideGap:e.extend("--ft-banner-horizontal-side-gap","",l.spacing6),horizontalMobileGap:e.extend("--ft-banner-horizontal-mobile-gap","",l.spacing4),verticalMobileGap:e.extend("--ft-banner-vertical-mobile-gap","",l.spacing6),horizontalMiddleGap:e.extend("--ft-banner-horizontal-middle-gap","",l.spacing20),infoBackgroundColor:e.extend("--ft-banner-info-background-color","",p.backgroundInfoSubtle),infoColor:e.extend("--ft-banner-info-color","",p.contentInfoPrimary),infoIconColor:e.extend("--ft-banner-info-icon-color","",p.contentInfoIconOnly)};var Yp={horizontalGap:e.extend("--ft-breadcrumb-horizontal-gap","",l.spacing1),verticalGap:e.extend("--ft-breadcrumb-vertical-gap","",l.spacing2),currentElementColor:e.extend("--ft-breadcrumb-current-element-color","",p.contentGlobalPrimary),iconColor:e.extend("--ft-breadcrumb-icon-color","",p.contentGlobalSubtle)};var ed={horizontalPadding:e.extend("--ft-page-header-horizontal-padding","",l.spacing12),horizontalGap:e.extend("--ft-page-header-horizontal-gap","",l.spacing4),verticalGap:e.extend("--ft-page-header-vertical-gap","",l.spacing2),classicVerticalPadding:e.extend("--ft-page-header-classic-vertical-padding","",l.spacing6),multilineVerticalPadding:e.extend("--ft-page-header-multiline-vertical-padding","",l.spacing4),inlineVerticalPadding:e.extend("--ft-page-header-inline-vertical-padding","",l.spacing2),backgroundColor:e.extend("--ft-page-header-background-color","",l.colorWhite),bottomBorderColor:e.extend("--ft-page-header-bottom-border-color","",p.borderGlobalSubtle),titleColor:e.extend("--ft-page-header-title-color","",p.contentGlobalPrimary),subtitleColor:e.extend("--ft-page-header-subtitle-color","",p.contentGlobalSecondary)};var ad={smallContainerWidth:e.create("--ft-modal-small-container-width","","SIZE","600px"),largeContainerWidth:e.create("--ft-modal-large-container-width","","SIZE","900px"),overlayBackgroundColor:e.extend("--ft-modal-overlay-background-color","",l.colorGray700),overlayOpacity:e.extend("--ft-modal-overlay-opacity","",l.opacity40),shadow:e.extend("--ft-modal-shadow","",l.shadowElevation03),bodyBackgroundColor:e.extend("--ft-modal-body-background-color","",l.colorWhite),bodyColor:e.extend("--ft-modal-body-color","",p.contentGlobalPrimary),bodyHorizontalPadding:e.extend("--ft-modal-body-horizontal-padding","",l.spacing6),bodyVerticalPadding:e.extend("--ft-modal-body-vertical-padding","",l.spacing6),bodyVerticalGap:e.extend("--ft-modal-body-vertical-gap","",l.spacing6),containerMargin:e.extend("--ft-modal-container-margin","",l.spacing3),headerBackgroundColor:e.extend("--ft-modal-header-background-color","",p.backgroundGlobalOnSurface),headerBorderColor:e.extend("--ft-modal-header-border-color","",p.borderGlobalSubtle),headerColor:e.extend("--ft-modal-header-color","",p.contentGlobalPrimary),headerTrailingIconColor:e.extend("--ft-modal-header-trailing-icon-color","",p.contentGlobalSecondary),headerVerticalPadding:e.extend("--ft-modal-header-vertical-padding","",l.spacing1),headerRightPadding:e.extend("--ft-modal-header-right-padding","",l.spacing1),headerLeftPadding:e.extend("--ft-modal-header-left-padding","",l.spacing6),headerGap:e.extend("--ft-modal-header-gap","",l.spacing2),headerBorderBottom:e.create("--ft-modal-header-border-bottom","","SIZE","1px"),borderRadius:e.extend("--ft-modal-border-radius","",l.borderRadiusM)};var dd={overlayOpacity:e.extend("--ft-drawer-overlay-opacity","",l.opacity40),shadow:e.extend("--ft-drawer-shadow","",l.shadowElevation03),bodyColor:e.extend("--ft-drawer-body-color","",p.contentGlobalPrimary),bodyHorizontalPadding:e.extend("--ft-drawer-body-horizontal-padding","",l.spacing6),bodyVerticalPadding:e.extend("--ft-drawer-body-vertical-padding","",l.spacing6),bodyGap:e.extend("--ft-drawer-body-gap","",l.spacing6),bodyBackgroundColor:e.extend("--ft-drawer-body-background-color","",l.colorWhite),headerBackgroundColor:e.extend("--ft-drawer-header-background-color","",p.backgroundGlobalOnSurface),headerBorderColor:e.extend("--ft-drawer-header-border-color","",p.borderGlobalSubtle),headerColor:e.extend("--ft-drawer-header-color","",p.contentGlobalPrimary),headerTrailingIconColor:e.extend("--ft-drawer-header-trailing-icon-color","",p.contentGlobalSecondary),headerHeight:e.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:e.extend("--ft-drawer-header-horizontal-padding","",l.spacing2),headerBorderWidth:e.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:e.extend("--ft-drawer-header-gap","",l.spacing3),buttonsBarBackgroundColor:e.extend("--ft-drawer-buttons-bar-background-color","",p.backgroundGlobalOnSurface),buttonsBarBorderColor:e.extend("--ft-drawer-buttons-bar-border-color","",p.borderGlobalSubtle),buttonsBarColor:e.extend("--ft-drawer-buttons-bar-color","",p.contentGlobalPrimary),buttonsBarHorizontalPadding:e.extend("--ft-drawer-buttons-bar-horizontal-padding","",l.spacing4),buttonsBarVerticalPadding:e.extend("--ft-drawer-buttons-bar-vertical-padding","",l.spacing4),buttonsBarGap:e.extend("--ft-drawer-buttons-bar-gap","",l.spacing3),buttonsBarBorderWidth:e.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:e.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:e.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:e.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:e.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:e.extend("--ft-drawer-overlay-background-color","",l.colorGray700)};var yd={fieldHorizontalPadding:e.extend("--ft-text-input-field-horizontal-padding","",l.spacing4),fieldHorizontalGap:e.extend("--ft-text-input-field-horizontal-gap","",l.spacing3),fieldVerticalGap:e.extend("--ft-text-input-field-vertical-gap","",l.spacing05),fieldIconSize:e.extend("--ft-text-input-field-icon-size","",l.iconSize3),fieldHeight:e.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:e.extend("--ft-text-input-helper-horizontal-padding","",l.spacing4),helperHorizontalGap:e.extend("--ft-text-input-helper-horizontal-gap","",l.spacing1),helperIconSize:e.extend("--ft-text-input-helper-icon-size","",l.iconSize2),borderRadius:e.extend("--ft-text-input-border-radius","",l.borderRadiusM),backgroundColor:e.extend("--ft-text-input-background-color","",l.colorWhite),contentValueColor:e.extend("--ft-text-input-content-value-color","",p.contentGlobalPrimary),trailingIconColor:e.extend("--ft-text-input-trailing-icon-color","",p.contentGlobalSubtle),labelColor:e.extend("--ft-text-input-label-color","",p.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-text-input-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-text-input-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:e.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:e.extend("--ft-text-input-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-text-input-error-helper-text-color","",p.contentErrorPrimary),errorHelperIconColor:e.extend("--ft-text-input-error-helper-icon-color","",p.contentErrorIconOnly),warningBorderWidth:e.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:e.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-text-input-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:e.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-text-input-disabled-component-opacity","",l.opacity40)};var Sd={backgroundColor:e.extend("--ft-text-area-background-color","",l.colorWhite),contentValueColor:e.extend("--ft-text-area-content-value-color","",p.contentGlobalPrimary),labelColor:e.extend("--ft-text-area-label-color","",p.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-text-area-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-text-area-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:e.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:e.extend("--ft-text-area-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-text-area-error-helper-text-color","",p.contentErrorPrimary),errorHelperIconColor:e.extend("--ft-text-area-error-helper-icon-color","",p.contentErrorIconOnly),focusFocusRingColor:e.extend("--ft-text-area-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineWidth:e.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:e.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-text-area-disabled-component-opacity","",l.opacity40),fieldHorizontalLeftPadding:e.extend("--ft-text-area-field-horizontal-left-padding","",l.spacing4),fieldHorizontalGap:e.extend("--ft-text-area-field-horizontal-gap","",l.spacing3),fieldVerticalGap:e.extend("--ft-text-area-field-vertical-gap","",l.spacing05),fieldMinHeight:e.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:e.extend("--ft-text-area-helper-horizontal-padding","",l.spacing4),helperHorizontalGap:e.extend("--ft-text-area-helper-horizontal-gap","",l.spacing1),helperIconSize:e.extend("--ft-text-area-helper-icon-size","",l.iconSize2),borderRadius:e.extend("--ft-text-area-border-radius","",l.borderRadiusM)};var wd={height:e.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:e.extend("--ft-floating-menu-horizontal-padding","",l.spacing4),offIconColor:e.extend("--ft-floating-menu-off-icon-color","",p.contentGlobalPrimary),offColor:e.extend("--ft-floating-menu-off-color","",p.contentGlobalPrimary),onColor:e.extend("--ft-floating-menu-on-color","",p.contentActionPrimary),onStateLayerColor:e.extend("--ft-floating-menu-on-state-layer-color","",p.contentActionPrimary),gap:e.extend("--ft-floating-menu-gap","",l.spacing3),focusFocusRingColor:e.extend("--ft-floating-menu-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineWidth:e.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:e.extend("--ft-floating-menu-focus-state-layer-opacity","",l.opacity8),hoverStateLayerOpacity:e.extend("--ft-floating-menu-hover-state-layer-opacity","",l.opacity8),activeStateLayerOpacity:e.extend("--ft-floating-menu-active-state-layer-opacity","",l.opacity16),disabledComponentOpacity:e.extend("--ft-floating-menu-disabled-component-opacity","",l.opacity40),iconSize:e.extend("--ft-floating-menu-icon-size","",l.iconSize3),backgroundColor:e.extend("--ft-floating-menu-background-color","",p.backgroundGlobalOnSurface)};var Id={fieldHorizontalPadding:e.extend("--ft-combobox-single-select-field-horizontal-padding","",l.spacing4),fieldHorizontalGap:e.extend("--ft-combobox-single-select-field-horizontal-gap","",l.spacing3),fieldVerticalGap:e.extend("--ft-combobox-single-select-field-vertical-gap","",l.spacing05),fieldIconSize:e.extend("--ft-combobox-single-select-field-icon-size","",l.iconSize3),fieldHeight:e.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:e.extend("--ft-combobox-single-select-helper-horizontal-padding","",l.spacing4),helperHorizontalGap:e.extend("--ft-combobox-single-select-helper-horizontal-gap","",l.spacing1),helperVerticalGap:e.extend("--ft-combobox-single-select-helper-vertical-gap","",l.spacing1),helperIconSize:e.extend("--ft-combobox-single-select-helper-icon-size","",l.iconSize2),menuVerticalGap:e.extend("--ft-combobox-single-select-menu-vertical-gap","",l.spacing2),borderRadius:e.extend("--ft-combobox-single-select-border-radius","",l.borderRadiusM),backgroundColor:e.extend("--ft-combobox-single-select-background-color","",l.colorWhite),labelColor:e.extend("--ft-combobox-single-select-label-color","",p.contentGlobalSubtle),contentValueColor:e.extend("--ft-combobox-single-select-content-value-color","",p.contentGlobalPrimary),trailingIconColor:e.extend("--ft-combobox-single-select-trailing-icon-color","",p.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-combobox-single-select-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-combobox-single-select-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:e.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:e.extend("--ft-combobox-single-select-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-combobox-single-select-error-helper-text-color","",p.contentErrorPrimary),warningBorderWidth:e.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:e.extend("--ft-combobox-single-select-warning-border-color","",p.borderWarningPrimary),warningHelperTextColor:e.extend("--ft-combobox-single-select-warning-helper-text-color","",p.contentWarningPrimary),warningHelperIconColor:e.extend("--ft-combobox-single-select-warning-helper-icon-color","",p.contentWarningIconOnly),focusOutlineWidth:e.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-combobox-single-select-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:e.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-combobox-single-select-disabled-component-opacity","",l.opacity40)};var Dd={backgroundColor:e.extend("--ft-combobox-multi-select-background-color","",l.colorWhite),labelColor:e.extend("--ft-combobox-multi-select-label-color","",p.contentGlobalSubtle),trailingIconColor:e.extend("--ft-combobox-multi-select-trailing-icon-color","",p.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-combobox-multi-select-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-combobox-multi-select-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:e.extend("--ft-combobox-multi-select-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-combobox-multi-select-error-helper-text-color","",p.contentErrorPrimary),errorHelperIcon:e.extend("--ft-combobox-multi-select-error-helper-icon","",p.contentErrorIconOnly),errorBorderWidth:e.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:e.extend("--ft-combobox-multi-select-warning-border-color","",p.borderWarningPrimary),warningHelperTextColor:e.extend("--ft-combobox-multi-select-warning-helper-text-color","",p.contentWarningPrimary),warningHelperIconColor:e.extend("--ft-combobox-multi-select-warning-helper-icon-color","",p.contentWarningIconOnly),warningBorderWidth:e.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-combobox-multi-select-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineWidth:e.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:e.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-combobox-multi-select-disabled-component-opacity","",l.opacity40),helperHorizontalPadding:e.extend("--ft-combobox-multi-select-helper-horizontal-padding","",l.spacing4),helperHorizontalGap:e.extend("--ft-combobox-multi-select-helper-horizontal-gap","",l.spacing1),helperVerticalGap:e.extend("--ft-combobox-multi-select-helper-vertical-gap","",l.spacing1),helperIconSize:e.extend("--ft-combobox-multi-select-helper-icon-size","",l.iconSize2),fieldHorizontalPadding:e.extend("--ft-combobox-multi-select-field-horizontal-padding","",l.spacing4),fieldHorizontalGap:e.extend("--ft-combobox-multi-select-field-horizontal-gap","",l.spacing3),fieldVerticalGap:e.extend("--ft-combobox-multi-select-field-vertical-gap","",l.spacing05),fieldIconSize:e.extend("--ft-combobox-multi-select-field-icon-size","",l.iconSize3),fieldMaxHeight:e.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:e.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",l.spacing1),contentValuesVerticalGap:e.extend("--ft-combobox-multi-select-content-values-vertical-gap","",l.spacing1),borderRadius:e.extend("--ft-combobox-multi-select-border-radius","",l.borderRadiusM)};var Md={backgroundColor:e.extend("--ft-popover-background-color","",p.backgroundGlobalOnSurface),horizontalPadding:e.extend("--ft-popover-horizontal-padding","",l.spacing6),verticalPadding:e.extend("--ft-popover-vertical-padding","",l.spacing6),iconColor:e.extend("--ft-popover-icon-color","",p.contentGlobalSecondary),iconSize:e.extend("--ft-popover-icon-size","",l.iconSize2),titleColor:e.extend("--ft-popover-title-color","",p.contentGlobalPrimary),bodyColor:e.extend("--ft-popover-body-color","",p.contentGlobalSecondary),linkColor:e.extend("--ft-popover-link-color","",p.contentActionPrimary),gap:e.extend("--ft-popover-gap","",l.spacing3),borderRadius:e.extend("--ft-popover-border-radius","",l.borderRadiusM),shadow:e.extend("--ft-popover-shadow","",l.shadowElevation02)};var Kd={topLeftBorderRadius:e.extend("--ft-tabs-top-left-border-radius","",l.borderRadiusS),topRightBorderRadius:e.extend("--ft-tabs-top-right-border-radius","",l.borderRadiusS),labelHorizontalPadding:e.extend("--ft-tabs-label-horizontal-padding","",l.spacing4),labelVerticalPadding:e.extend("--ft-tabs-label-vertical-padding","",l.spacing3),labelGap:e.extend("--ft-tabs-label-gap","",l.spacing1),offHoverStateLayerOpacity:e.extend("--ft-tabs-off-hover-state-layer-opacity","",l.opacity8),offFocusStateLayerOpacity:e.extend("--ft-tabs-off-focus-state-layer-opacity","",l.opacity8),offActiveStateLayerOpacity:e.extend("--ft-tabs-off-active-state-layer-opacity","",l.opacity16),offDisabledComponentOpacity:e.extend("--ft-tabs-off-disabled-component-opacity","",l.opacity40),offColor:e.extend("--ft-tabs-off-color","",p.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-tabs-off-state-layer-color","",p.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-tabs-on-hover-state-layer-opacity","",l.opacity8),onFocusStateLayerOpacity:e.extend("--ft-tabs-on-focus-state-layer-opacity","",l.opacity8),onActiveStateLayerOpacity:e.extend("--ft-tabs-on-active-state-layer-opacity","",l.opacity16),onDisabledComponentOpacity:e.extend("--ft-tabs-on-disabled-component-opacity","",l.opacity40),onColor:e.extend("--ft-tabs-on-color","",p.contentActionPrimary),onStateLayerColor:e.extend("--ft-tabs-on-state-layer-color","",p.contentActionPrimary),iconHorizontalPadding:e.extend("--ft-tabs-icon-horizontal-padding","",l.spacing1),iconVerticalPadding:e.extend("--ft-tabs-icon-vertical-padding","",l.spacing4),focusOutlineWidth:e.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-tabs-focus-focus-ring-color","",p.borderActionFocusRing)};var Xd={hoverStateLayerOpacity:e.extend("--ft-collapsible-hover-state-layer-opacity","",l.opacity8),focusStateLayerOpacity:e.extend("--ft-collapsible-focus-state-layer-opacity","",l.opacity8),focusOutlineWidth:e.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:e.extend("--ft-collapsible-focus-focus-ring-color","",p.borderActionFocusRing),activeStateLayerOpacity:e.extend("--ft-collapsible-active-state-layer-opacity","",l.opacity16),disabledComponentOpacity:e.extend("--ft-collapsible-disabled-component-opacity","",l.opacity40),horizontalPadding:e.extend("--ft-collapsible-horizontal-padding","",l.spacing4),verticalPadding:e.extend("--ft-collapsible-vertical-padding","",l.spacing3),color:e.extend("--ft-collapsible-color","",p.contentGlobalPrimary),stateLayerColor:e.extend("--ft-collapsible-state-layer-color","",p.contentGlobalPrimary),backgroundColor:e.extend("--ft-collapsible-background-color","",p.backgroundGlobalOnSurface),borderColor:e.extend("--ft-collapsible-border-color","",p.borderGlobalSubtle),iconSize:e.extend("--ft-collapsible-icon-size","",l.iconSize3)};var of={groupHorizontalPadding:e.extend("--ft-switch-group-horizontal-padding","",l.spacing1),groupVerticalPadding:e.extend("--ft-switch-group-vertical-padding","",l.spacing1),groupGap:e.extend("--ft-switch-group-gap","",l.spacing1),groupBackgroundColor:e.extend("--ft-switch-group-background-color","",p.backgroundGlobalSurface),groupBorderColor:e.extend("--ft-switch-group-border-color","",p.borderGlobalSubtle),groupBorderRadius:e.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:e.extend("--ft-switch-label-horizontal-padding","",l.spacing2),labelVerticalPadding:e.extend("--ft-switch-label-vertical-padding","",l.spacing1),offHoverStateLayerOpacity:e.extend("--ft-switch-off-hover-state-layer-opacity","",l.opacity8),offFocusStateLayerOpacity:e.extend("--ft-switch-off-focus-state-layer-opacity","",l.opacity8),offActiveStateLayerOpacity:e.extend("--ft-switch-off-active-state-layer-opacity","",l.opacity16),offDisabledComponentOpacity:e.extend("--ft-switch-off-disabled-component-opacity","",l.opacity40),offColor:e.extend("--ft-switch-off-color","",p.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-switch-off-state-layer-color","",p.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-switch-on-hover-state-layer-opacity","",l.opacity8),onFocusStateLayerOpacity:e.extend("--ft-switch-on-focus-state-layer-opacity","",l.opacity8),onActiveStateLayerOpacity:e.extend("--ft-switch-on-active-state-layer-opacity","",l.opacity16),onDisabledComponentOpacity:e.extend("--ft-switch-on-disabled-component-opacity","",l.opacity40),onColor:e.extend("--ft-switch-on-color","",p.contentActionPrimary),onStateLayerColor:e.extend("--ft-switch-on-state-layer-color","",p.contentActionPrimary),iconHorizontalPadding:e.extend("--ft-switch-icon-horizontal-padding","",l.spacing1),iconVerticalPadding:e.extend("--ft-switch-icon-vertical-padding","",l.spacing1),focusOutlineWidth:e.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-switch-focus-focus-ring-color","",p.borderActionFocusRing),optionBorderRadius:e.extend("--ft-switch-option-border-radius","",l.borderRadiusS)};var sf={color1Light:e.extend("--ft-chart-1-light","for area color charts",l.colorBrand40),color1Base:e.extend("--ft-chart-1-base","for line charts",l.colorBrand0),color2Light:e.extend("--ft-chart-2-light","for area color charts",l.colorYellow60),color2Base:e.extend("--ft-chart-2-base","for line charts",l.colorYellow100),color3Light:e.extend("--ft-chart-3-light","",l.colorUltramarine40),color3Base:e.extend("--ft-chart-3-base","",l.colorUltramarine70),color4Light:e.extend("--ft-chart-4-light","",l.colorCyan50),color4Base:e.extend("--ft-chart-4-base","",l.colorCyan100),color5Light:e.extend("--ft-chart-5-light","",l.colorRed40),color5Base:e.extend("--ft-chart-5-base","",l.colorRed60),color6Light:e.extend("--ft-chart-6-light","",l.colorGreen40),color6Base:e.extend("--ft-chart-6-base","",l.colorGreen70),color7Light:e.extend("--ft-chart-7-light","",l.colorOrange70),color7Base:e.extend("--ft-chart-7-base","",l.colorOrange100),color8Light:e.extend("--ft-chart-8-light","",l.colorAvocado70),color8Base:e.extend("--ft-chart-8-base","",l.colorAvocado200),color9Light:e.extend("--ft-chart-9-light","",l.colorBrown50),color9Base:e.extend("--ft-chart-9-base","",l.colorBrown200),color10Light:e.extend("--ft-chart-10-light","",l.colorGray50),color10Base:e.extend("--ft-chart-10-base","",l.colorGray80),monochrome10:e.extend("--ft-chart-monochrome-10","",l.colorBrand10),monochrome20:e.extend("--ft-chart-monochrome-20","",l.colorBrand20),monochrome30:e.extend("--ft-chart-monochrome-30","",l.colorBrand40),monochrome40:e.extend("--ft-chart-monochrome-40","",l.colorBrand60),monochrome50:e.extend("--ft-chart-monochrome-50","",l.colorBrand0),monochrome60:e.extend("--ft-chart-monochrome-60","",l.colorBrand200)};var ff={largeHorizontalPadding:e.extend("--ft-chip-large-horizontal-padding","",l.spacing4),largeVerticalPadding:e.extend("--ft-chip-large-vertical-padding","",l.spacing2),largeGap:e.extend("--ft-chip-large-gap","",l.spacing1),largeFocusOutlineOffset:e.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:e.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:e.extend("--ft-chip-large-border-radius","",l.borderRadiusPill),largeBorderWidth:e.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:e.extend("--ft-chip-large-icon-size","",l.iconSize3),mediumHorizontalPadding:e.extend("--ft-chip-medium-horizontal-padding","",l.spacing3),mediumVerticalPadding:e.extend("--ft-chip-medium-vertical-padding","",l.spacing1),mediumGap:e.extend("--ft-chip-medium-gap","",l.spacing1),mediumFocusOutlineOffset:e.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:e.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:e.extend("--ft-chip-medium-border-radius","",l.borderRadiusPill),mediumBorderWidth:e.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:e.extend("--ft-chip-medium-icon-size","",l.iconSize2),smallHorizontalPadding:e.extend("--ft-chip-small-horizontal-padding","",l.spacing2),smallVerticalPadding:e.extend("--ft-chip-small-vertical-padding","",l.spacing05),smallGap:e.extend("--ft-chip-small-gap","",l.spacing1),smallFocusOutlineOffset:e.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:e.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:e.extend("--ft-chip-small-border-radius","",l.borderRadiusPill),smallBorderWidth:e.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:e.extend("--ft-chip-small-icon-size","",l.iconSize1),neutralBackgroundColor:e.extend("--ft-chip-neutral-background-color","",p.backgroundGlobalOnSurface),neutralColor:e.extend("--ft-chip-neutral-color","",p.contentGlobalPrimary),neutralIconColor:e.extend("--ft-chip-neutral-icon-color","",p.contentGlobalPrimary),neutralBorderColor:e.extend("--ft-chip-neutral-border-color","",p.borderGlobalSubtle),infoBackgroundColor:e.extend("--ft-chip-info-background-color","",p.backgroundInfoSubtle),infoColor:e.extend("--ft-chip-info-color","",p.contentInfoPrimary),infoIconColor:e.extend("--ft-chip-info-icon-color","",p.contentInfoIconOnly),infoBorderColor:e.extend("--ft-chip-info-border-color","",p.borderInfoSubtle),successBackgroundColor:e.extend("--ft-chip-success-background-color","",p.backgroundSuccessSubtle),successColor:e.extend("--ft-chip-success-color","",p.contentSuccessPrimary),successIconColor:e.extend("--ft-chip-success-icon-color","",p.contentSuccessIconOnly),successBorderColor:e.extend("--ft-chip-success-border-color","",p.borderSuccessSubtle),warningBackgroundColor:e.extend("--ft-chip-warning-background-color","",p.backgroundWarningSubtle),warningColor:e.extend("--ft-chip-warning-color","",p.contentWarningPrimary),warningIconColor:e.extend("--ft-chip-warning-icon-color","",p.contentWarningIconOnly),warningBorderColor:e.extend("--ft-chip-warning-border-color","",p.borderWarningSubtle),errorBackgroundColor:e.extend("--ft-chip-error-background-color","",p.backgroundErrorSubtle),errorColor:e.extend("--ft-chip-error-color","",p.contentErrorPrimary),errorIconColor:e.extend("--ft-chip-error-icon-color","",p.contentErrorIconOnly),errorBorderColor:e.extend("--ft-chip-error-border-color","",p.borderErrorSubtle)};var yf={infoBorderColor:e.extend("--ft-border-info-border-color","",p.borderInfoSubtle)};var Sf={borderWidth:e.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:e.extend("--ft-notice-horizontal-padding","",l.spacing2),verticalPadding:e.extend("--ft-notice-vertical-padding","",l.spacing1),borderRadius:e.extend("--ft-notice-border-radius","",l.borderRadiusS),gap:e.extend("--ft-notice-gap","",l.spacing2),iconSize:e.extend("--ft-notice-icon-size","",l.iconSize3),infoBackgroundColor:e.extend("--ft-notice-info-background-color","",p.backgroundInfoSubtle),infoBorderColor:e.extend("--ft-notice-info-border-color","",p.borderInfoSubtle),infoColor:e.extend("--ft-notice-info-color","",p.contentInfoPrimary),infoIconColor:e.extend("--ft-notice-info-icon-color","",p.contentInfoIconOnly),warningBackgroundColor:e.extend("--ft-notice-warning-background-color","",p.backgroundWarningSubtle),warningBorderColor:e.extend("--ft-notice-warning-border-color","",p.borderWarningSubtle),warningColor:e.extend("--ft-notice-warning-color","",p.contentWarningPrimary),warningIconColor:e.extend("--ft-notice-warning-icon-color","",p.contentWarningIconOnly),errorBackgroundColor:e.extend("--ft-notice-error-background-color","",p.backgroundErrorSubtle),errorBorderColor:e.extend("--ft-notice-error-border-color","",p.borderErrorSubtle),errorColor:e.extend("--ft-notice-error-color","",p.contentErrorPrimary),errorIconColor:e.extend("--ft-notice-error-icon-color","",p.contentErrorIconOnly),successBackgroundColor:e.extend("--ft-notice-success-background-color","",p.backgroundSuccessSubtle),successBorderColor:e.extend("--ft-notice-success-border-color","",p.borderSuccessSubtle),successColor:e.extend("--ft-notice-success-color","",p.contentSuccessPrimary),successIconColor:e.extend("--ft-notice-success-icon-color","",p.contentSuccessIconOnly)};var wf={color:e.extend("--ft-checkbox-color","",p.contentGlobalPrimary),checkedBackgroundColor:e.extend("--ft-checkbox-checked-background-color","",p.contentActionPrimary),checkedStateLayerColor:e.extend("--ft-checkbox-checked-state-layer-color","",p.contentActionPrimary),checkedIconColor:e.extend("--ft-checkbox-checked-icon-color","",p.contentGlobalOnColor),checkedHoverStateLayerOpacity:e.extend("--ft-checkbox-checked-hover-state-layer-opacity","",l.opacity16),checkedFocusStateLayerOpacity:e.extend("--ft-checkbox-checked-focus-state-layer-opacity","",l.opacity16),checkedActiveStateLayerOpacity:e.extend("--ft-checkbox-checked-active-state-layer-opacity","",l.opacity24),checkedDisabledComponentOpacity:e.extend("--ft-checkbox-checked-disabled-component-opacity","",l.opacity40),uncheckedBorderColor:e.extend("--ft-checkbox-unchecked-border-color","",l.colorGray80),uncheckedStateLayerColor:e.extend("--ft-checkbox-unchecked-state-layer-color","",l.colorGray80),uncheckedHoverStateLayerOpacity:e.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",l.opacity16),uncheckedFocusStateLayerOpacity:e.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",l.opacity16),uncheckedActiveStateLayerOpacity:e.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",l.opacity24),uncheckedDisabledComponentOpacity:e.extend("--ft-checkbox-unchecked-disabled-component-opacity","",l.opacity40),focusFocusRingColor:e.extend("--ft-checkbox-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:e.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:e.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),gap:e.extend("--ft-checkbox-gap","",l.spacing3)};var If={offHoverStateLayerOpacity:e.extend("--ft-toggle-off-hover-state-layer-opacity","",l.opacity16),offFocusStateLayerOpacity:e.extend("--ft-toggle-off-focus-state-layer-opacity","",l.opacity16),offActiveStateLayerOpacity:e.extend("--ft-toggle-off-active-state-layer-opacity","",l.opacity24),offDisabledComponentOpacity:e.extend("--ft-toggle-off-disabled-component-opacity","",l.opacity40),offBackgroundColor:e.extend("--ft-toggle-off-background-color","",p.contentGlobalSubtle),offIconColor:e.extend("--ft-toggle-off-icon-color","",p.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-toggle-off-state-layer-color","",p.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-toggle-on-hover-state-layer-opacity","",l.opacity16),onFocusStateLayerOpacity:e.extend("--ft-toggle-on-focus-state-layer-opacity","",l.opacity16),onActiveStateLayerOpacity:e.extend("--ft-toggle-on-active-state-layer-opacity","",l.opacity24),onDisabledComponentOpacity:e.extend("--ft-toggle-on-disabled-component-opacity","",l.opacity40),onBackgroundColor:e.extend("--ft-toggle-on-background-color","",p.contentActionPrimary),onStateLayerColor:e.extend("--ft-toggle-on-state-layer-color","",p.contentActionPrimary),onIconColor:e.extend("--ft-toggle-on-icon-color","",p.contentActionPrimary),color:e.extend("--ft-toggle-color","",p.contentGlobalPrimary),focusFocusRingColor:e.extend("--ft-toggle-focus-focus-ring-color","",p.borderActionFocusRing),gap:e.extend("--ft-toggle-gap","",l.spacing3)};var Df={color:e.extend("--ft-radio-color","",p.contentGlobalPrimary),selectedRadioColor:e.extend("--ft-radio-selected-radio-color","",p.contentActionPrimary),selectedStateLayerColor:e.extend("--ft-radio-selected-state-layer-color","",p.contentActionPrimary),selectedHoverStateLayerOpacity:e.extend("--ft-radio-selected-hover-state-layer-opacity","",l.opacity16),selectedFocusStateLayerOpacity:e.extend("--ft-radio-selected-focus-state-layer-opacity","",l.opacity16),selectedActiveStateLayerOpacity:e.extend("--ft-radio-selected-active-state-layer-opacity","",l.opacity24),selectedDisabledComponentOpacity:e.extend("--ft-radio-selected-disabled-component-opacity","",l.opacity40),unselectedStateLayerColor:e.extend("--ft-radio-unselected-state-layer-color","",p.borderInputPrimary),unselectedBorderColor:e.extend("--ft-radio-unselected-border-color","",p.borderInputPrimary),unselectedHoverStateLayerOpacity:e.extend("--ft-radio-unselected-hover-state-layer-opacity","",l.opacity16),unselectedFocusStateLayerOpacity:e.extend("--ft-radio-unselected-focus-state-layer-opacity","",l.opacity16),unselectedActiveStateLayerOpacity:e.extend("--ft-radio-unselected-active-state-layer-opacity","",l.opacity24),unselectedDisabledComponentOpacity:e.extend("--ft-radio-unselected-disabled-component-opacity","",l.opacity40),focusFocusRingColor:e.extend("--ft-radio-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:e.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:e.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:e.extend("--ft-radio-gap","",l.spacing3)};var Mf={iconSize:e.extend("--ft-notification-icon-size","",l.iconSize4),horizontalPadding:e.extend("--ft-notification-horizontal-padding","",l.spacing4),verticalPadding:e.extend("--ft-notification-vertical-padding","",l.spacing4),infoBackgroundColor:e.extend("--ft-notification-info-background-color","",p.backgroundInfoSubtle),infoColor:e.extend("--ft-notification-info-color","",p.contentInfoPrimary),infoIconColor:e.extend("--ft-notification-info-icon-color","",p.contentInfoIconOnly),infoBorderColor:e.extend("--ft-notification-info-border-color","",p.borderInfoSubtle),successBackgroundColor:e.extend("--ft-notification-success-background-color","",p.backgroundSuccessSubtle),successColor:e.extend("--ft-notification-success-color","",p.contentSuccessPrimary),successIconColor:e.extend("--ft-notification-success-icon-color","",p.contentSuccessIconOnly),successBorderColor:e.extend("--ft-notification-success-border-color","",p.borderSuccessSubtle),warningBackgroundColor:e.extend("--ft-notification-warning-background-color","",p.backgroundWarningSubtle),warningColor:e.extend("--ft-notification-warning-color","",p.contentWarningPrimary),warningIconColor:e.extend("--ft-notification-warning-icon-color","",p.contentWarningIconOnly),warningBorderColor:e.extend("--ft-notification-warning-border-color","",p.borderWarningSubtle),errorBackgroundColor:e.extend("--ft-notification-error-background-color","",p.backgroundErrorSubtle),errorColor:e.extend("--ft-notification-error-color","",p.contentErrorPrimary),errorIconColor:e.extend("--ft-notification-error-icon-color","",p.contentErrorIconOnly),errorBorderColor:e.extend("--ft-notification-error-border-color","",p.borderErrorSubtle),borderRadius:e.extend("--ft-notification-border-radius","",l.borderRadiusPill),borderWidth:e.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:e.extend("--ft-notification-leading-gap","",l.spacing2),trailingGap:e.extend("--ft-notification-trailing-gap","",l.spacing8)};var Kf={horizontalPadding:e.extend("--ft-tooltip-horizontal-padding","",l.spacing2),verticalPadding:e.extend("--ft-tooltip-vertical-padding","",l.spacing2),borderRadius:e.extend("--ft-tooltip-border-radius","",l.borderRadiusS),color:e.extend("--ft-tooltip-color","",p.contentGlobalOnColor),backgroundColor:e.extend("--ft-tooltip-background-color","",p.contentGlobalPrimary),backgroundOpacity:e.extend("--ft-tooltip-background-opacity","",l.opacity80),shadow:e.extend("--ft-tooltip-shadow","",l.shadowElevation03),maxWidth:e.create("--ft-tooltip-max-width","","SIZE","256px"),gap:e.extend("--ft-tooltip-gap","",l.spacing05)};var Jo=f(C());function Qn(o){let t=Qo[o];return Jo.css`
|
|
141
|
+
.ft-typography--${(0,Jo.unsafeCSS)(o)} {
|
|
142
|
+
font-family: ${t.fontFamily};
|
|
143
|
+
font-size: ${t.fontSize};
|
|
144
|
+
font-weight: ${t.fontWeight};
|
|
145
|
+
letter-spacing: ${t.letterSpacing};
|
|
146
|
+
line-height: ${t.lineHeight};
|
|
147
|
+
text-transform: ${t.textCase};
|
|
148
|
+
}
|
|
149
|
+
`}var Jn=g.FtCssVariableFactory.extend("--ft-typography-font-family","",g.designSystemVariables.titleFont),ie=g.FtCssVariableFactory.extend("--ft-typography-font-family","",g.designSystemVariables.contentFont),O={fontFamily:ie,fontSize:g.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:g.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:g.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:g.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:g.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},qe={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-title-font-family","",Jn),fontSize:g.FtCssVariableFactory.extend("--ft-typography-title-font-size","",O.fontSize,"20px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",O.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",O.letterSpacing,"0.15px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-title-line-height","",O.lineHeight,"1.2"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",O.textTransform,"inherit")},Ye={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",Jn),fontSize:g.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",O.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",O.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",O.letterSpacing,"0.105px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",O.lineHeight,"1.7"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",O.textTransform,"inherit")},Xe={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",ie),fontSize:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",O.fontSize,"16px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",O.fontWeight,"600"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",O.letterSpacing,"0.144px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",O.lineHeight,"1.5"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",O.textTransform,"inherit")},Qe={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",ie),fontSize:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",O.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",O.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",O.letterSpacing,"0.098px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",O.lineHeight,"1.7"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",O.textTransform,"inherit")},Je={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",ie),fontSize:g.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",O.fontSize,"16px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",O.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",O.letterSpacing,"0.496px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",O.lineHeight,"1.5"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",O.textTransform,"inherit")},dt={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",ie),fontSize:g.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",O.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",O.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",O.letterSpacing,"0.252px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",O.lineHeight,"1.4"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",O.textTransform,"inherit")},to={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",ie),fontSize:g.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",O.fontSize,"12px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",O.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",O.letterSpacing,"0.396px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",O.lineHeight,"1.33"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",O.textTransform,"inherit")},eo={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",ie),fontSize:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",O.fontSize,"10px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",O.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",O.letterSpacing,"0.33px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",O.lineHeight,"1.6"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",O.textTransform,"inherit")},oo={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",ie),fontSize:g.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",O.fontSize,"10px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",O.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",O.letterSpacing,"1.5px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",O.lineHeight,"1.6"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",O.textTransform,"uppercase")},Xt={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-button-font-family","",ie),fontSize:g.FtCssVariableFactory.extend("--ft-typography-button-font-size","",O.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",O.fontWeight,"600"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",O.letterSpacing,"1.246px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-button-line-height","",O.lineHeight,"1.15"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",O.textTransform,"uppercase")},ta=Dt.css`
|
|
150
150
|
.ft-typography--title {
|
|
151
|
-
font-family: ${
|
|
152
|
-
font-size: ${
|
|
153
|
-
font-weight: ${
|
|
154
|
-
letter-spacing: ${
|
|
155
|
-
line-height: ${
|
|
156
|
-
text-transform: ${
|
|
157
|
-
}
|
|
158
|
-
`,
|
|
151
|
+
font-family: ${qe.fontFamily};
|
|
152
|
+
font-size: ${qe.fontSize};
|
|
153
|
+
font-weight: ${qe.fontWeight};
|
|
154
|
+
letter-spacing: ${qe.letterSpacing};
|
|
155
|
+
line-height: ${qe.lineHeight};
|
|
156
|
+
text-transform: ${qe.textTransform};
|
|
157
|
+
}
|
|
158
|
+
`,ea=Dt.css`
|
|
159
159
|
.ft-typography--title-dense {
|
|
160
|
-
font-family: ${
|
|
161
|
-
font-size: ${
|
|
162
|
-
font-weight: ${
|
|
163
|
-
letter-spacing: ${
|
|
164
|
-
line-height: ${
|
|
165
|
-
text-transform: ${
|
|
166
|
-
}
|
|
167
|
-
`,
|
|
160
|
+
font-family: ${Ye.fontFamily};
|
|
161
|
+
font-size: ${Ye.fontSize};
|
|
162
|
+
font-weight: ${Ye.fontWeight};
|
|
163
|
+
letter-spacing: ${Ye.letterSpacing};
|
|
164
|
+
line-height: ${Ye.lineHeight};
|
|
165
|
+
text-transform: ${Ye.textTransform};
|
|
166
|
+
}
|
|
167
|
+
`,oa=Dt.css`
|
|
168
168
|
.ft-typography--subtitle1 {
|
|
169
|
-
font-family: ${
|
|
170
|
-
font-size: ${
|
|
171
|
-
font-weight: ${
|
|
172
|
-
letter-spacing: ${
|
|
173
|
-
line-height: ${
|
|
174
|
-
text-transform: ${
|
|
175
|
-
}
|
|
176
|
-
`,
|
|
169
|
+
font-family: ${Xe.fontFamily};
|
|
170
|
+
font-size: ${Xe.fontSize};
|
|
171
|
+
font-weight: ${Xe.fontWeight};
|
|
172
|
+
letter-spacing: ${Xe.letterSpacing};
|
|
173
|
+
line-height: ${Xe.lineHeight};
|
|
174
|
+
text-transform: ${Xe.textTransform};
|
|
175
|
+
}
|
|
176
|
+
`,ra=Dt.css`
|
|
177
177
|
.ft-typography--subtitle2 {
|
|
178
|
-
font-family: ${
|
|
179
|
-
font-size: ${
|
|
180
|
-
font-weight: ${
|
|
181
|
-
letter-spacing: ${
|
|
182
|
-
line-height: ${
|
|
183
|
-
text-transform: ${
|
|
178
|
+
font-family: ${Qe.fontFamily};
|
|
179
|
+
font-size: ${Qe.fontSize};
|
|
180
|
+
font-weight: ${Qe.fontWeight};
|
|
181
|
+
letter-spacing: ${Qe.letterSpacing};
|
|
182
|
+
line-height: ${Qe.lineHeight};
|
|
183
|
+
text-transform: ${Qe.textTransform};
|
|
184
184
|
}
|
|
185
185
|
|
|
186
|
-
`,
|
|
186
|
+
`,ia=Dt.css`
|
|
187
187
|
.ft-typography--body1 {
|
|
188
|
-
font-family: ${
|
|
189
|
-
font-size: ${
|
|
190
|
-
font-weight: ${
|
|
191
|
-
letter-spacing: ${
|
|
192
|
-
line-height: ${
|
|
193
|
-
text-transform: ${
|
|
194
|
-
}
|
|
195
|
-
`,
|
|
188
|
+
font-family: ${Je.fontFamily};
|
|
189
|
+
font-size: ${Je.fontSize};
|
|
190
|
+
font-weight: ${Je.fontWeight};
|
|
191
|
+
letter-spacing: ${Je.letterSpacing};
|
|
192
|
+
line-height: ${Je.lineHeight};
|
|
193
|
+
text-transform: ${Je.textTransform};
|
|
194
|
+
}
|
|
195
|
+
`,na=Dt.css`
|
|
196
196
|
.ft-typography--body2 {
|
|
197
|
-
font-family: ${
|
|
198
|
-
font-size: ${
|
|
199
|
-
font-weight: ${
|
|
200
|
-
letter-spacing: ${
|
|
201
|
-
line-height: ${
|
|
202
|
-
text-transform: ${
|
|
203
|
-
}
|
|
204
|
-
`,
|
|
197
|
+
font-family: ${dt.fontFamily};
|
|
198
|
+
font-size: ${dt.fontSize};
|
|
199
|
+
font-weight: ${dt.fontWeight};
|
|
200
|
+
letter-spacing: ${dt.letterSpacing};
|
|
201
|
+
line-height: ${dt.lineHeight};
|
|
202
|
+
text-transform: ${dt.textTransform};
|
|
203
|
+
}
|
|
204
|
+
`,tr=Dt.css`
|
|
205
205
|
.ft-typography--caption {
|
|
206
|
-
font-family: ${
|
|
207
|
-
font-size: ${
|
|
208
|
-
font-weight: ${
|
|
209
|
-
letter-spacing: ${
|
|
210
|
-
line-height: ${
|
|
211
|
-
text-transform: ${
|
|
212
|
-
}
|
|
213
|
-
`,
|
|
206
|
+
font-family: ${to.fontFamily};
|
|
207
|
+
font-size: ${to.fontSize};
|
|
208
|
+
font-weight: ${to.fontWeight};
|
|
209
|
+
letter-spacing: ${to.letterSpacing};
|
|
210
|
+
line-height: ${to.lineHeight};
|
|
211
|
+
text-transform: ${to.textTransform};
|
|
212
|
+
}
|
|
213
|
+
`,aa=Dt.css`
|
|
214
214
|
.ft-typography--breadcrumb {
|
|
215
|
-
font-family: ${Pe};
|
|
216
|
-
font-size: ${Me};
|
|
217
|
-
font-weight: ${je};
|
|
218
|
-
letter-spacing: ${_e};
|
|
219
|
-
line-height: ${Ge};
|
|
220
|
-
text-transform: ${Ve};
|
|
221
|
-
}
|
|
222
|
-
`,po=o.css`
|
|
223
|
-
.ft-typography--overline {
|
|
224
|
-
font-family: ${qe};
|
|
225
|
-
font-size: ${Ye};
|
|
226
|
-
font-weight: ${Qe};
|
|
227
|
-
letter-spacing: ${Xe};
|
|
228
|
-
line-height: ${Je};
|
|
229
|
-
text-transform: ${to};
|
|
230
|
-
}
|
|
231
|
-
`,fo=o.css`
|
|
232
|
-
.ft-typography--button {
|
|
233
215
|
font-family: ${eo.fontFamily};
|
|
234
216
|
font-size: ${eo.fontSize};
|
|
235
217
|
font-weight: ${eo.fontWeight};
|
|
@@ -237,27 +219,37 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
237
219
|
line-height: ${eo.lineHeight};
|
|
238
220
|
text-transform: ${eo.textTransform};
|
|
239
221
|
}
|
|
240
|
-
`,
|
|
222
|
+
`,sa=Dt.css`
|
|
223
|
+
.ft-typography--overline {
|
|
224
|
+
font-family: ${oo.fontFamily};
|
|
225
|
+
font-size: ${oo.fontSize};
|
|
226
|
+
font-weight: ${oo.fontWeight};
|
|
227
|
+
letter-spacing: ${oo.letterSpacing};
|
|
228
|
+
line-height: ${oo.lineHeight};
|
|
229
|
+
text-transform: ${oo.textTransform};
|
|
230
|
+
}
|
|
231
|
+
`,la=Dt.css`
|
|
232
|
+
.ft-typography--button {
|
|
233
|
+
font-family: ${Xt.fontFamily};
|
|
234
|
+
font-size: ${Xt.fontSize};
|
|
235
|
+
font-weight: ${Xt.fontWeight};
|
|
236
|
+
letter-spacing: ${Xt.letterSpacing};
|
|
237
|
+
line-height: ${Xt.lineHeight};
|
|
238
|
+
text-transform: ${Xt.textTransform};
|
|
239
|
+
}
|
|
240
|
+
`,ca=Dt.css`
|
|
241
241
|
.ft-typography {
|
|
242
242
|
vertical-align: inherit;
|
|
243
243
|
}
|
|
244
|
-
`,
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
font-size: ${e.fontSize};
|
|
248
|
-
font-weight: ${e.fontWeight};
|
|
249
|
-
letter-spacing: ${e.letterSpacing};
|
|
250
|
-
line-height: ${e.lineHeight};
|
|
251
|
-
text-transform: ${e.textCase};
|
|
252
|
-
}
|
|
253
|
-
`}(t)))];var go,bo,yo=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class mo extends e.FtLitElement{constructor(){super(...arguments),this.variant=Yt.body1}render(){return this.element?qt`
|
|
254
|
-
<${Gt(this.element)}
|
|
244
|
+
`,pa=[Object.keys(Qo).map(o=>Qn(o))];var da=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},H=class extends fa.FtLitElement{constructor(){super(...arguments),this.variant=Pe.body1}render(){return this.element?Wr`
|
|
245
|
+
<${Mr(this.element)}
|
|
246
|
+
part="text"
|
|
255
247
|
class="ft-typography ft-typography--${this.variant}">
|
|
256
248
|
<slot></slot>
|
|
257
|
-
</${
|
|
258
|
-
`:
|
|
259
|
-
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
260
|
-
`}}
|
|
249
|
+
</${Mr(this.element)}>
|
|
250
|
+
`:Wr`
|
|
251
|
+
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
252
|
+
`}};H.styles=[ta,ea,oa,ra,ia,na,tr,aa,sa,la,ca,...pa];da([(0,Hr.property)()],H.prototype,"element",void 0);da([(0,Hr.property)()],H.prototype,"variant",void 0);(0,ha.customElement)("ft-typography")(H);var va=f(x());var Eo=f(C()),$e=f(W()),ba=f(x()),xa=f(ma());var er;(function(o){o.THUMBS_DOWN="",o.THUMBS_DOWN_PLAIN="",o.THUMBS_UP="",o.THUMBS_UP_PLAIN="",o.STAR="",o.STAR_PLAIN="",o.DESKTOP="",o.LIFE_RING="",o.GLOBE="",o.PIGGY_BANK="",o.TABLET_LANDSCAPE="",o.TABLET_PORTRAIT="",o.MOBILE_LANDSCAPE="",o.MOBILE_PORTRAIT="",o.ARROW_RIGHT_TO_LINE="",o.THIN_ARROW_UP="",o.CONTEXTUAL="",o.CHART_SIMPLE="",o.BARS_PROGRESS="",o.LINE_CHART="",o.STACKED_CHART="",o.CHART_BAR_NORMALIZED="",o.BOOK_OPEN_GEAR="",o.BOOK_OPEN_GEAR_SLASH="",o.DIAGRAM_SUNBURST="",o.DIAGRAM_SANKEY="",o.UNSTRUCTURED_DOC="",o.RESET="",o.THIN_ARROW_LEFT="",o.THIN_ARROW_RIGHT="",o.MY_COLLECTIONS="",o.OFFLINE_SETTINGS="",o.MY_LIBRARY="",o.RATE_PLAIN="",o.RATE="",o.FEEDBACK_PLAIN="",o.PAUSE="",o.PLAY="",o.RELATIVES_PLAIN="",o.RELATIVES="",o.SHORTCUT_MENU="",o.PRINT="",o.DEFAULT_ROLES="",o.ACCOUNT_SETTINGS="",o.ONLINE="",o.OFFLINE="",o.UPLOAD="",o.BOOK_PLAIN="",o.SYNC="",o.SHARED_PBK="",o.COLLECTIONS="",o.SEARCH_IN_PUBLICATION="",o.BOOKS="",o.LOCKER="",o.ARROW_DOWN="",o.ARROW_LEFT="",o.ARROW_RIGHT="",o.ARROW_UP="",o.SAVE="",o.MAILS_AND_NOTIFICATIONS="",o.DOT="",o.MINUS="",o.PLUS="",o.FILTERS="",o.STRIPE_ARROW_RIGHT="",o.STRIPE_ARROW_LEFT="",o.ATTACHMENTS="",o.ADD_BOOKMARK="",o.BOOKMARK="",o.EXPORT="",o.MENU="",o.TAG="",o.TAG_PLAIN="",o.COPY_TO_CLIPBOARD="",o.COLUMNS="",o.ARTICLE="",o.CLOSE="",o.OCTAGON_XMARK="",o.CLOSE_PLAIN="",o.CHECK_PLAIN="",o.LOGOUT="",o.SIGN_IN="",o.THIN_ARROW="",o.TRIANGLE_BOTTOM="",o.TRIANGLE_LEFT="",o.TRIANGLE_RIGHT="",o.TRIANGLE_TOP="",o.FACET_HAS_DESCENDANT="",o.MINUS_PLAIN="",o.PLUS_PLAIN="",o.INFO="",o.ICON_EXPAND="",o.ICON_COLLAPSE="",o.ADD_TO_PBK="",o.ALERT="",o.ADD_ALERT="",o.BACK_TO_SEARCH="",o.DOWNLOAD="",o.EDIT="",o.FEEDBACK="",o.MODIFY_PBK="",o.SCHEDULED="",o.SEARCH="",o.SHARE="󨃱",o.TOC="",o.WRITE_UGC="",o.TRASH="",o.EXTLINK="",o.EXTLINK_LIGHT="",o.CALENDAR="",o.BOOK="",o.DOWNLOAD_PLAIN="",o.CHECK="",o.TOPICS="",o.EYE="",o.EYE_SLASH="",o.DISC="",o.CIRCLE="",o.SHARED="",o.SORT_UNSORTED="",o.SORT_UP="",o.SORT_DOWN="",o.WORKING="",o.ZOOM_OUT="",o.ZOOM_IN="",o.ZOOM_REALSIZE="",o.ZOOM_FULLSCREEN="",o.ADMIN_RESTRICTED="",o.ADMIN_THEME="",o.WARNING="",o.CONTEXT="",o.SEARCH_HOME="",o.STEPS="",o.HOME="",o.TRANSLATE="",o.USER="",o.ADMIN="",o.ANALYTICS="",o.ADMIN_KHUB="",o.ADMIN_USERS="",o.ADMIN_INTEGRATION="",o.ADMIN_PORTAL="",o.COMMENT_QUESTION="",o.COMMENT_QUESTION_PLAIN="",o.MESSAGE_BOT="",o.PIP="",o.PIP_WIDE="",o.EXPAND_WIDE="",o.X_MARK="",o.CLONE="",o.CLONE_LINK_SIMPLE="",o.CONSUMER="",o.HOURGLASS_HALF="",o.CLOCK_THREE="",o.CALENDAR_DAY="",o.COMPUTER_MOUSE_MAGNIFYING_GLASS="",o.WAND_MAGIC_SPARKLES="",o.PAPER_PLANE=""})(er||(er={}));var y;(function(o){o.UNKNOWN="",o.ABW="",o.AUDIO="",o.AVI="",o.CHM="",o.CODE="",o.CSV="",o.DITA="",o.EPUB="",o.EXCEL="",o.FLAC="",o.GIF="",o.GZIP="",o.HTML="",o.IMAGE="",o.JPEG="",o.JSON="",o.M4A="",o.MOV="",o.MP3="",o.MP4="",o.OGG="",o.PDF="",o.PNG="",o.POWERPOINT="",o.RAR="",o.STP="",o.TEXT="",o.VIDEO="",o.WAV="",o.WMA="",o.WORD="",o.XML="",o.YAML="",o.ZIP=""})(y||(y={}));var pu=new Map([...["abw"].map(o=>[o,y.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(o=>[o,y.AUDIO]),...["avi"].map(o=>[o,y.AVI]),...["chm","xhs"].map(o=>[o,y.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(o=>[o,y.CODE]),...["csv"].map(o=>[o,y.CSV]),...["dita","ditamap","ditaval"].map(o=>[o,y.DITA]),...["epub"].map(o=>[o,y.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(o=>[o,y.EXCEL]),...["flac"].map(o=>[o,y.FLAC]),...["gif"].map(o=>[o,y.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(o=>[o,y.GZIP]),...["html","htm","xhtml"].map(o=>[o,y.HTML]),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map(o=>[o,y.IMAGE]),...["jpeg","jpg","jpe"].map(o=>[o,y.JPEG]),...["json"].map(o=>[o,y.JSON]),...["m4a","m4p"].map(o=>[o,y.M4A]),...["mov","qt"].map(o=>[o,y.MOV]),...["mp3"].map(o=>[o,y.MP3]),...["mp4","m4v"].map(o=>[o,y.MP4]),...["ogg","oga"].map(o=>[o,y.OGG]),...["pdf","ps"].map(o=>[o,y.PDF]),...["png"].map(o=>[o,y.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(o=>[o,y.POWERPOINT]),...["rar"].map(o=>[o,y.RAR]),...["stp"].map(o=>[o,y.STP]),...["txt","rtf","md","mdown"].map(o=>[o,y.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(o=>[o,y.VIDEO]),...["wav"].map(o=>[o,y.WAV]),...["wma"].map(o=>[o,y.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(o=>[o,y.WORD]),...["xml","xsl","rdf"].map(o=>[o,y.XML]),...["yaml","yml","x-yaml"].map(o=>[o,y.YAML]),...["zip"].map(o=>[o,y.ZIP])]);var du={[y.ABW]:"#91ABC6",[y.AUDIO]:"#1795E3",[y.AVI]:"#E63324",[y.CHM]:"#71C3EB",[y.CODE]:"#71C3EB",[y.CSV]:"#1F7345",[y.DITA]:"#71C3EB",[y.EPUB]:"#85B926",[y.EXCEL]:"#1F7345",[y.FLAC]:"#1795E3",[y.GIF]:"#59B031",[y.GZIP]:"#F8AB36",[y.HTML]:"#71C3EB",[y.IMAGE]:"#59B031",[y.JPEG]:"#59B031",[y.JSON]:"#71C3EB",[y.M4A]:"#1795E3",[y.MOV]:"#E63324",[y.MP3]:"#1795E3",[y.MP4]:"#E63324",[y.OGG]:"#1795E3",[y.PDF]:"#E44948",[y.PNG]:"#59B031",[y.POWERPOINT]:"#B54A2B",[y.RAR]:"#F8AB36",[y.STP]:"#3764B1",[y.TEXT]:"#3162AB",[y.UNKNOWN]:"#999999",[y.VIDEO]:"#E63324",[y.WAV]:"#1795E3",[y.WMA]:"#1795E3",[y.WORD]:"#3162AB",[y.XML]:"#71C3EB",[y.YAML]:"#71C3EB",[y.ZIP]:"#F8AB36"};var ya=f(C()),ne=f(x()),ut={size:ne.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:ne.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",ne.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:ne.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",ne.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:ne.FtCssVariableFactory.extend("--ft-icon-material-font-family","",ne.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:ne.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},ga=ya.css`
|
|
261
253
|
:host, i.ft-icon {
|
|
262
254
|
display: inline-flex;
|
|
263
255
|
align-items: center;
|
|
@@ -266,14 +258,14 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
266
258
|
}
|
|
267
259
|
|
|
268
260
|
:host {
|
|
269
|
-
width: ${
|
|
270
|
-
height: ${
|
|
261
|
+
width: ${ut.size};
|
|
262
|
+
height: ${ut.size};
|
|
271
263
|
}
|
|
272
264
|
|
|
273
265
|
i.ft-icon {
|
|
274
266
|
width: 100%;
|
|
275
267
|
height: 100%;
|
|
276
|
-
font-size: ${
|
|
268
|
+
font-size: ${ut.size};
|
|
277
269
|
line-height: 1;
|
|
278
270
|
font-weight: normal;
|
|
279
271
|
text-transform: none;
|
|
@@ -284,33 +276,33 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
284
276
|
text-rendering: auto;
|
|
285
277
|
-webkit-font-smoothing: antialiased;
|
|
286
278
|
-moz-osx-font-smoothing: grayscale;
|
|
287
|
-
vertical-align: ${
|
|
279
|
+
vertical-align: ${ut.verticalAlign};
|
|
288
280
|
}
|
|
289
281
|
|
|
290
282
|
i.ft-icon.ft-icon--fluid-topics {
|
|
291
|
-
font-family: ${
|
|
283
|
+
font-family: ${ut.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
292
284
|
|
|
293
285
|
/* Ugly fix because font is broken */
|
|
294
|
-
font-size: calc(0.75 * ${
|
|
295
|
-
line-height: ${
|
|
286
|
+
font-size: calc(0.75 * ${ut.size});
|
|
287
|
+
line-height: ${ut.size};
|
|
296
288
|
position: relative;
|
|
297
289
|
top: -4%;
|
|
298
290
|
justify-content: center;
|
|
299
291
|
}
|
|
300
292
|
|
|
301
293
|
.ft-icon--file-format {
|
|
302
|
-
font-family: ${
|
|
294
|
+
font-family: ${ut.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
303
295
|
}
|
|
304
296
|
|
|
305
297
|
.ft-icon--material {
|
|
306
|
-
font-family: ${
|
|
298
|
+
font-family: ${ut.materialFontFamily}, "Material Icons", sans-serif;
|
|
307
299
|
}
|
|
308
|
-
`;var
|
|
300
|
+
`;var xe;(function(o){o.fluid_topics="fluid-topics",o.file_format="file-format",o.material="material"})(xe||(xe={}));var or=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},mt=class extends ba.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=Eo.nothing}render(){let t=this.variant&&Object.values(xe).includes(this.variant)?this.variant:xe.fluid_topics,r=t!==xe.material||!!this.value;return Eo.html`
|
|
309
301
|
<i class="ft-icon ft-icon--${t}" part="icon icon-${t}">
|
|
310
|
-
${
|
|
311
|
-
<slot ?hidden=${
|
|
302
|
+
${(0,xa.unsafeHTML)(this.resolvedIcon)}
|
|
303
|
+
<slot ?hidden=${r}></slot>
|
|
312
304
|
</i>
|
|
313
|
-
`}get textContent(){var t,
|
|
305
|
+
`}get textContent(){var t,r;return(r=(t=this.slottedContent)===null||t===void 0?void 0:t.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&r!==void 0?r:""}update(t){super.update(t),["value","variant"].some(r=>t.has(r))&&this.resolveIcon()}resolveIcon(){var t,r;let i=this.value||this.textContent;switch(this.variant){case xe.file_format:this.resolvedIcon=(t=y[i.replace("-","_").toUpperCase()])!==null&&t!==void 0?t:i;break;case xe.material:this.resolvedIcon=this.value||Eo.nothing;break;default:this.resolvedIcon=(r=er[i.replace("-","_").toUpperCase()])!==null&&r!==void 0?r:i;break}}firstUpdated(t){super.firstUpdated(t),setTimeout(()=>this.resolveIcon())}};mt.elementDefinitions={};mt.styles=ga;or([(0,$e.property)()],mt.prototype,"variant",void 0);or([(0,$e.property)()],mt.prototype,"value",void 0);or([(0,$e.state)()],mt.prototype,"resolvedIcon",void 0);or([(0,$e.query)("slot")],mt.prototype,"slottedContent",void 0);(0,va.customElement)("ft-icon")(mt);var pr=f(C()),N=f(x());var ei=f(x());var ko=f(W()),is=f(x());var Aa=f(C()),A=f(x());var Sa=f(C()),Ao=f(x()),Ot={color:Ao.FtCssVariableFactory.extend("--ft-loader-color","",Ao.designSystemVariables.colorPrimary),size:Ao.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},Oa=Sa.css`
|
|
314
306
|
:host {
|
|
315
307
|
line-height: 0;
|
|
316
308
|
}
|
|
@@ -319,8 +311,8 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
319
311
|
display: inline-block;
|
|
320
312
|
position: relative;
|
|
321
313
|
|
|
322
|
-
width: ${
|
|
323
|
-
height: ${
|
|
314
|
+
width: ${Ot.size};
|
|
315
|
+
height: ${Ot.size};
|
|
324
316
|
}
|
|
325
317
|
|
|
326
318
|
.ft-loader div {
|
|
@@ -329,7 +321,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
329
321
|
width: 25%;
|
|
330
322
|
height: 25%;
|
|
331
323
|
border-radius: 50%;
|
|
332
|
-
background: ${
|
|
324
|
+
background: ${Ot.color};
|
|
333
325
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
334
326
|
}
|
|
335
327
|
|
|
@@ -376,10 +368,10 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
376
368
|
transform: translate(0, 0);
|
|
377
369
|
}
|
|
378
370
|
100% {
|
|
379
|
-
transform: translate(calc(0.35 * ${
|
|
371
|
+
transform: translate(calc(0.35 * ${Ot.size}), 0);
|
|
380
372
|
}
|
|
381
373
|
}
|
|
382
|
-
|
|
374
|
+
`;var Ca=A.FtCssVariableFactory.extend("--ft-button-color","",A.designSystemVariables.colorPrimary),_={backgroundColor:A.FtCssVariableFactory.extend("--ft-button-background-color","",A.designSystemVariables.colorSurface),borderRadius:A.FtCssVariableFactory.extend("--ft-button-border-radius","",A.designSystemVariables.borderRadiusL),color:Ca,fontSize:A.FtCssVariableFactory.extend("--ft-button-font-size","",Xt.fontSize),iconSize:A.FtCssVariableFactory.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:A.FtCssVariableFactory.extend("--ft-button-ripple-color","",Ca),verticalPadding:A.FtCssVariableFactory.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:A.FtCssVariableFactory.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:A.FtCssVariableFactory.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:A.FtCssVariableFactory.external(A.designSystemVariables.colorOpacityDisabled,"Design system")},Ea=A.FtCssVariableFactory.extend("--ft-button-primary-color","",A.FtCssVariableFactory.extend("--ft-button-color","",A.designSystemVariables.colorOnPrimary)),Vr={backgroundColor:A.FtCssVariableFactory.extend("--ft-button-primary-background-color","",A.FtCssVariableFactory.extend("--ft-button-background-color","",A.designSystemVariables.colorPrimary)),color:Ea,rippleColor:A.FtCssVariableFactory.extend("--ft-button-primary-ripple-color","",Ea)},Qt={borderRadius:A.FtCssVariableFactory.extend("--ft-button-dense-border-radius","",A.FtCssVariableFactory.extend("--ft-button-border-radius","",A.designSystemVariables.borderRadiusM)),verticalPadding:A.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","","SIZE","2px"),horizontalPadding:A.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),iconPadding:A.FtCssVariableFactory.create("--ft-button-dense-icon-padding","","SIZE","4px")},wa=[Aa.css`
|
|
383
375
|
:host {
|
|
384
376
|
display: inline-block;
|
|
385
377
|
max-width: 100%;
|
|
@@ -390,7 +382,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
390
382
|
box-shadow: 0px 0px 0px transparent;
|
|
391
383
|
border: 0px solid transparent;
|
|
392
384
|
text-shadow: 0px 0px 0px transparent;
|
|
393
|
-
font-size: ${
|
|
385
|
+
font-size: ${_.fontSize};
|
|
394
386
|
}
|
|
395
387
|
|
|
396
388
|
button:hover {
|
|
@@ -419,31 +411,31 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
419
411
|
border: none;
|
|
420
412
|
pointer-events: auto;
|
|
421
413
|
|
|
422
|
-
--ft-button-internal-line-height: max(calc(${
|
|
423
|
-
--ft-button-internal-color: ${
|
|
424
|
-
${
|
|
425
|
-
${
|
|
414
|
+
--ft-button-internal-line-height: max(calc(${_.fontSize} + 2px), ${_.iconSize});
|
|
415
|
+
--ft-button-internal-color: ${_.color};
|
|
416
|
+
${(0,A.setVariable)(ut.size,_.iconSize)};
|
|
417
|
+
${(0,A.setVariable)(T.color,_.rippleColor)};
|
|
426
418
|
|
|
427
|
-
border-radius: ${
|
|
428
|
-
padding: ${
|
|
429
|
-
background-color: ${
|
|
419
|
+
border-radius: ${_.borderRadius};
|
|
420
|
+
padding: ${_.verticalPadding} ${_.horizontalPadding};
|
|
421
|
+
background-color: ${_.backgroundColor};
|
|
430
422
|
color: var(--ft-button-internal-color);
|
|
431
423
|
-webkit-mask-image: radial-gradient(white, black);
|
|
432
424
|
}
|
|
433
425
|
|
|
434
426
|
.ft-button.ft-button--outlined {
|
|
435
427
|
border: 1px solid var(--ft-button-internal-color);
|
|
436
|
-
padding: calc(${
|
|
428
|
+
padding: calc(${_.verticalPadding} - 1px) calc(${_.horizontalPadding} - 1px);
|
|
437
429
|
}
|
|
438
430
|
|
|
439
431
|
.ft-button.ft-button--dense {
|
|
440
|
-
padding: ${
|
|
441
|
-
border-radius: ${
|
|
442
|
-
gap: ${
|
|
432
|
+
padding: ${Qt.verticalPadding} ${Qt.horizontalPadding};
|
|
433
|
+
border-radius: ${Qt.borderRadius};
|
|
434
|
+
gap: ${Qt.iconPadding};
|
|
443
435
|
}
|
|
444
436
|
|
|
445
437
|
.ft-button.ft-button--dense.ft-button--outlined {
|
|
446
|
-
padding: calc(${
|
|
438
|
+
padding: calc(${Qt.verticalPadding} - 1px) calc(${Qt.horizontalPadding} - 1px);
|
|
447
439
|
}
|
|
448
440
|
|
|
449
441
|
.ft-button:not([disabled]):hover {
|
|
@@ -451,22 +443,22 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
451
443
|
}
|
|
452
444
|
|
|
453
445
|
.ft-button--round {
|
|
454
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
446
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${_.verticalPadding});
|
|
455
447
|
}
|
|
456
448
|
|
|
457
449
|
.ft-button--round.ft-button--dense {
|
|
458
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
450
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${Qt.verticalPadding});
|
|
459
451
|
}
|
|
460
452
|
|
|
461
453
|
.ft-button[disabled] {
|
|
462
454
|
filter: grayscale(1);
|
|
463
|
-
opacity: ${
|
|
455
|
+
opacity: ${_.opacityDisabled};
|
|
464
456
|
}
|
|
465
457
|
|
|
466
458
|
.ft-button.ft-button--primary {
|
|
467
|
-
background-color: ${
|
|
468
|
-
--ft-button-internal-color: ${
|
|
469
|
-
${
|
|
459
|
+
background-color: ${Vr.backgroundColor};
|
|
460
|
+
--ft-button-internal-color: ${Vr.color};
|
|
461
|
+
${(0,A.setVariable)(T.color,Vr.rippleColor)};
|
|
470
462
|
}
|
|
471
463
|
|
|
472
464
|
.ft-button:focus {
|
|
@@ -479,44 +471,43 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
479
471
|
white-space: nowrap;
|
|
480
472
|
text-overflow: ellipsis;
|
|
481
473
|
display: block;
|
|
482
|
-
margin: 0 ${
|
|
483
|
-
${
|
|
484
|
-
${
|
|
474
|
+
margin: 0 ${_.iconPadding};
|
|
475
|
+
${(0,A.setVariable)(Xt.fontSize,"1em")};
|
|
476
|
+
${(0,A.setVariable)(Xt.lineHeight,"var(--ft-button-internal-line-height)")};
|
|
485
477
|
}
|
|
486
478
|
|
|
487
479
|
.ft-button--dense .ft-button--label {
|
|
488
|
-
margin: 0 ${
|
|
480
|
+
margin: 0 ${Qt.iconPadding};
|
|
489
481
|
}
|
|
490
482
|
|
|
491
483
|
.ft-button--label[hidden] {
|
|
492
484
|
display: none;
|
|
493
485
|
}
|
|
494
486
|
|
|
495
|
-
|
|
487
|
+
[part="icon"] {
|
|
496
488
|
flex-shrink: 0;
|
|
497
489
|
position: relative;
|
|
498
490
|
}
|
|
499
491
|
|
|
500
|
-
.ft-button--label[hidden] +
|
|
501
|
-
margin: 0 calc(${
|
|
502
|
-
padding: 0 ${
|
|
492
|
+
.ft-button--label[hidden] + [part="icon"] {
|
|
493
|
+
margin: 0 calc(${_.horizontalPadding} * -1);
|
|
494
|
+
padding: 0 ${_.verticalPadding};
|
|
503
495
|
}
|
|
504
496
|
|
|
505
|
-
.ft-button--dense .ft-button--label[hidden] +
|
|
506
|
-
margin: 0 calc(${
|
|
507
|
-
padding: 0 ${
|
|
497
|
+
.ft-button--dense .ft-button--label[hidden] + [part="icon"] {
|
|
498
|
+
margin: 0 calc(${Qt.horizontalPadding} * -1);
|
|
499
|
+
padding: 0 ${Qt.verticalPadding};
|
|
508
500
|
}
|
|
509
501
|
|
|
510
|
-
.ft-button:not(.ft-button--trailing-icon)
|
|
511
|
-
|
|
512
|
-
order: -1;
|
|
502
|
+
.ft-button:not(.ft-button--trailing-icon) [part="label"]{
|
|
503
|
+
order: 2;
|
|
513
504
|
}
|
|
514
505
|
|
|
515
506
|
ft-loader {
|
|
516
|
-
${
|
|
517
|
-
${
|
|
507
|
+
${(0,A.setVariable)(Ot.size,_.iconSize)};
|
|
508
|
+
${(0,A.setVariable)(Ot.color,"var(--ft-button-internal-color)")};
|
|
518
509
|
}
|
|
519
|
-
`,
|
|
510
|
+
`,A.noTextSelect];var lo=f(x());var Ja=f(x());var Qa=f(C()),tt=f(W()),Io=f(x());var Ra=f(C()),ae=f(x()),ro={distance:ae.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:ae.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:ae.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:ae.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:ae.FtCssVariableFactory.external(ae.designSystemVariables.borderRadiusS,"Design system"),maxWidth:ae.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},Na=Ra.css`
|
|
520
511
|
.ft-tooltip--container {
|
|
521
512
|
display: block;
|
|
522
513
|
}
|
|
@@ -531,21 +522,21 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
531
522
|
box-sizing: border-box;
|
|
532
523
|
overflow: hidden;
|
|
533
524
|
width: max-content;
|
|
534
|
-
max-width: ${
|
|
525
|
+
max-width: ${ro.maxWidth};
|
|
535
526
|
text-align: center;
|
|
536
|
-
padding: ${
|
|
537
|
-
z-index: ${
|
|
527
|
+
padding: ${ro.distance};
|
|
528
|
+
z-index: ${ro.zIndex};
|
|
538
529
|
}
|
|
539
530
|
|
|
540
531
|
.ft-tooltip--content {
|
|
541
532
|
padding: 4px 8px;
|
|
542
|
-
border-radius: ${
|
|
543
|
-
background-color: ${
|
|
544
|
-
color: ${
|
|
533
|
+
border-radius: ${ro.borderRadiusS};
|
|
534
|
+
background-color: ${ro.backgroundColor};
|
|
535
|
+
color: ${ro.color};
|
|
545
536
|
position: relative;
|
|
546
537
|
word-break: break-word;
|
|
547
538
|
}
|
|
548
|
-
`,Ho=["start","end"],Po=["top","right","bottom","left"].reduce(((t,e)=>t.concat(e,e+"-"+Ho[0],e+"-"+Ho[1])),[]),Mo=Math.min,jo=Math.max,_o=Math.round,Go=t=>({x:t,y:t}),Vo={left:"right",right:"left",bottom:"top",top:"bottom"},qo={start:"end",end:"start"};function Yo(t,e,o){return jo(t,Mo(e,o))}function Qo(t,e){return"function"==typeof t?t(e):t}function Xo(t){return t.split("-")[0]}function Jo(t){return t.split("-")[1]}function ti(t){return"x"===t?"y":"x"}function ei(t){return"y"===t?"height":"width"}function oi(t){return["top","bottom"].includes(Xo(t))?"y":"x"}function ii(t){return ti(oi(t))}function ri(t){return t.replace(/left|right|bottom|top/g,(t=>Vo[t]))}function ni(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function ai(t,e,o){let{reference:i,floating:r}=t;const n=oi(e),a=ii(e),l=ei(a),s=Xo(e),c="y"===n,p=i.x+i.width/2-r.width/2,f=i.y+i.height/2-r.height/2,h=i[l]/2-r[l]/2;let d;switch(s){case"top":d={x:p,y:i.y-r.height};break;case"bottom":d={x:p,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:f};break;case"left":d={x:i.x-r.width,y:f};break;default:d={x:i.x,y:i.y}}switch(Jo(e)){case"start":d[a]-=h*(o&&c?-1:1);break;case"end":d[a]+=h*(o&&c?-1:1)}return d}async function li(t,e){var o;void 0===e&&(e={});const{x:i,y:r,platform:n,rects:a,elements:l,strategy:s}=t,{boundary:c="clippingAncestors",rootBoundary:p="viewport",elementContext:f="floating",altBoundary:h=!1,padding:d=0}=Qo(e,t),u=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(d),g=l[h?"floating"===f?"reference":"floating":f],b=ni(await n.getClippingRect({element:null==(o=await(null==n.isElement?void 0:n.isElement(g)))||o?g:g.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(l.floating)),boundary:c,rootBoundary:p,strategy:s})),y="floating"===f?{...a.floating,x:i,y:r}:a.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(l.floating)),x=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},v=ni(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:y,offsetParent:m,strategy:s}):y);return{top:(b.top-v.top+u.top)/x.y,bottom:(v.bottom-b.bottom+u.bottom)/x.y,left:(b.left-v.left+u.left)/x.x,right:(v.right-b.right+u.right)/x.x}}function si(t,e,o){return(t?[...o.filter((e=>Jo(e)===t)),...o.filter((e=>Jo(e)!==t))]:o.filter((t=>Xo(t)===t))).filter((o=>!t||(Jo(o)===t||!!e&&function(t){return t.replace(/start|end/g,(t=>qo[t]))}(o)!==o)))}const ci=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(e){var o,i,r;const{rects:n,middlewareData:a,placement:l,platform:s,elements:c}=e,{crossAxis:p=!1,alignment:f,allowedPlacements:h=Po,autoAlignment:d=!0,...u}=Qo(t,e),g=void 0!==f||h===Po?si(f||null,d,h):h,b=await li(e,u),y=(null==(o=a.autoPlacement)?void 0:o.index)||0,m=g[y];if(null==m)return{};const x=function(t,e,o){void 0===o&&(o=!1);const i=Jo(t),r=ii(t),n=ei(r);let a="x"===r?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[n]>e.floating[n]&&(a=ri(a)),[a,ri(a)]}(m,n,await(null==s.isRTL?void 0:s.isRTL(c.floating)));if(l!==m)return{reset:{placement:g[0]}};const v=[b[Xo(m)],b[x[0]],b[x[1]]],O=[...(null==(i=a.autoPlacement)?void 0:i.overflows)||[],{placement:m,overflows:v}],w=g[y+1];if(w)return{data:{index:y+1,overflows:O},reset:{placement:w}};const S=O.map((t=>{const e=Jo(t.placement);return[t.placement,e&&p?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),N=S.filter((t=>t[2].slice(0,Jo(t[0])?2:3).every((t=>t<=0)))),$=(null==(r=N[0])?void 0:r[0])||S[0][0];return $!==l?{data:{index:y+1,overflows:O},reset:{placement:$}}:{}}}};function pi(t){return di(t)?(t.nodeName||"").toLowerCase():"#document"}function fi(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function hi(t){var e;return null==(e=(di(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function di(t){return t instanceof Node||t instanceof fi(t).Node}function ui(t){return t instanceof Element||t instanceof fi(t).Element}function gi(t){return t instanceof HTMLElement||t instanceof fi(t).HTMLElement}function bi(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof fi(t).ShadowRoot)}function yi(t){const{overflow:e,overflowX:o,overflowY:i,display:r}=wi(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(r)}function mi(t){return["table","td","th"].includes(pi(t))}function xi(t){const e=vi(),o=wi(t);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function vi(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function Oi(t){return["html","body","#document"].includes(pi(t))}function wi(t){return fi(t).getComputedStyle(t)}function Si(t){return ui(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Ni(t){if("html"===pi(t))return t;const e=t.assignedSlot||t.parentNode||bi(t)&&t.host||hi(t);return bi(e)?e.host:e}function $i(t){const e=Ni(t);return Oi(e)?t.ownerDocument?t.ownerDocument.body:t.body:gi(e)&&yi(e)?e:$i(e)}function Ci(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=$i(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),a=fi(r);return n?e.concat(a,a.visualViewport||[],yi(r)?r:[],a.frameElement&&o?Ci(a.frameElement):[]):e.concat(r,Ci(r,[],o))}function Ei(t){const e=wi(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=gi(t),n=r?t.offsetWidth:o,a=r?t.offsetHeight:i,l=_o(o)!==n||_o(i)!==a;return l&&(o=n,i=a),{width:o,height:i,$:l}}function ki(t){return ui(t)?t:t.contextElement}function Ii(t){const e=ki(t);if(!gi(e))return Go(1);const o=e.getBoundingClientRect(),{width:i,height:r,$:n}=Ei(e);let a=(n?_o(o.width):o.width)/i,l=(n?_o(o.height):o.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}const Ri=Go(0);function Ui(t){const e=fi(t);return vi()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Ri}function Li(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const r=t.getBoundingClientRect(),n=ki(t);let a=Go(1);e&&(i?ui(i)&&(a=Ii(i)):a=Ii(t));const l=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==fi(t))&&e}(n,o,i)?Ui(n):Go(0);let s=(r.left+l.x)/a.x,c=(r.top+l.y)/a.y,p=r.width/a.x,f=r.height/a.y;if(n){const t=fi(n),e=i&&ui(i)?fi(i):i;let o=t.frameElement;for(;o&&i&&e!==t;){const t=Ii(o),e=o.getBoundingClientRect(),i=wi(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,n=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;s*=t.x,c*=t.y,p*=t.x,f*=t.y,s+=r,c+=n,o=fi(o).frameElement}}return ni({width:p,height:f,x:s,y:c})}function Wi(t){return Li(hi(t)).left+Si(t).scrollLeft}function zi(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=fi(t),i=hi(t),r=o.visualViewport;let n=i.clientWidth,a=i.clientHeight,l=0,s=0;if(r){n=r.width,a=r.height;const t=vi();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,s=r.offsetTop)}return{width:n,height:a,x:l,y:s}}(t,o);else if("document"===e)i=function(t){const e=hi(t),o=Si(t),i=t.ownerDocument.body,r=jo(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),n=jo(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let a=-o.scrollLeft+Wi(t);const l=-o.scrollTop;return"rtl"===wi(i).direction&&(a+=jo(e.clientWidth,i.clientWidth)-r),{width:r,height:n,x:a,y:l}}(hi(t));else if(ui(e))i=function(t,e){const o=Li(t,!0,"fixed"===e),i=o.top+t.clientTop,r=o.left+t.clientLeft,n=gi(t)?Ii(t):Go(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:r*n.x,y:i*n.y}}(e,o);else{const o=Ui(t);i={...e,x:e.x-o.x,y:e.y-o.y}}return ni(i)}function Ai(t,e){const o=Ni(t);return!(o===e||!ui(o)||Oi(o))&&("fixed"===wi(o).position||Ai(o,e))}function Zi(t,e,o){const i=gi(e),r=hi(e),n="fixed"===o,a=Li(t,!0,n,e);let l={scrollLeft:0,scrollTop:0};const s=Go(0);if(i||!i&&!n)if(("body"!==pi(e)||yi(r))&&(l=Si(e)),i){const t=Li(e,!0,n,e);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else r&&(s.x=Wi(r));return{x:a.left+l.scrollLeft-s.x,y:a.top+l.scrollTop-s.y,width:a.width,height:a.height}}function Di(t,e){return gi(t)&&"fixed"!==wi(t).position?e?e(t):t.offsetParent:null}function Bi(t,e){const o=fi(t);if(!gi(t))return o;let i=Di(t,e);for(;i&&mi(i)&&"static"===wi(i).position;)i=Di(i,e);return i&&("html"===pi(i)||"body"===pi(i)&&"static"===wi(i).position&&!xi(i))?o:i||function(t){let e=Ni(t);for(;gi(e)&&!Oi(e);){if(xi(e))return e;e=Ni(e)}return null}(t)||o}const Ki={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:o,strategy:i}=t;const r=gi(o),n=hi(o);if(o===n)return e;let a={scrollLeft:0,scrollTop:0},l=Go(1);const s=Go(0);if((r||!r&&"fixed"!==i)&&(("body"!==pi(o)||yi(n))&&(a=Si(o)),gi(o))){const t=Li(o);l=Ii(o),s.x=t.x+o.clientLeft,s.y=t.y+o.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-a.scrollLeft*l.x+s.x,y:e.y*l.y-a.scrollTop*l.y+s.y}},getDocumentElement:hi,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:r}=t;const n=[..."clippingAncestors"===o?function(t,e){const o=e.get(t);if(o)return o;let i=Ci(t,[],!1).filter((t=>ui(t)&&"body"!==pi(t))),r=null;const n="fixed"===wi(t).position;let a=n?Ni(t):t;for(;ui(a)&&!Oi(a);){const e=wi(a),o=xi(a);o||"fixed"!==e.position||(r=null),(n?!o&&!r:!o&&"static"===e.position&&r&&["absolute","fixed"].includes(r.position)||yi(a)&&!o&&Ai(t,a))?i=i.filter((t=>t!==a)):r=e,a=Ni(a)}return e.set(t,i),i}(e,this._c):[].concat(o),i],a=n[0],l=n.reduce(((t,o)=>{const i=zi(e,o,r);return t.top=jo(i.top,t.top),t.right=Mo(i.right,t.right),t.bottom=Mo(i.bottom,t.bottom),t.left=jo(i.left,t.left),t}),zi(e,a,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:Bi,getElementRects:async function(t){let{reference:e,floating:o,strategy:i}=t;const r=this.getOffsetParent||Bi,n=this.getDimensions;return{reference:Zi(e,await r(o),i),floating:{x:0,y:0,...await n(o)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return Ei(t)},getScale:Ii,isElement:ui,isRTL:function(t){return"rtl"===wi(t).direction}},Fi=(t,e,o)=>{const i=new Map,r={platform:Ki,...o},n={...r.platform,_c:i};return(async(t,e,o)=>{const{placement:i="bottom",strategy:r="absolute",middleware:n=[],platform:a}=o,l=n.filter(Boolean),s=await(null==a.isRTL?void 0:a.isRTL(e));let c=await a.getElementRects({reference:t,floating:e,strategy:r}),{x:p,y:f}=ai(c,i,s),h=i,d={},u=0;for(let o=0;o<l.length;o++){const{name:n,fn:g}=l[o],{x:b,y,data:m,reset:x}=await g({x:p,y:f,initialPlacement:i,placement:h,strategy:r,middlewareData:d,rects:c,platform:a,elements:{reference:t,floating:e}});p=null!=b?b:p,f=null!=y?y:f,d={...d,[n]:{...d[n],...m}},x&&u<=50&&(u++,"object"==typeof x&&(x.placement&&(h=x.placement),x.rects&&(c=!0===x.rects?await a.getElementRects({reference:t,floating:e,strategy:r}):x.rects),({x:p,y:f}=ai(c,h,s))),o=-1)}return{x:p,y:f,placement:h,strategy:r,middlewareData:d}})(t,e,{...r,platform:n})};function Ti(t){return function(t){for(let e=t;e;e=Hi(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=Hi(t);e;e=Hi(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}(t)}function Hi(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}var Pi=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Mi extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new e.Debouncer,this.revealDebouncer=new e.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return o.html`
|
|
539
|
+
`;var Ta=["top","right","bottom","left"],La=["start","end"],Kr=Ta.reduce((o,t)=>o.concat(t,t+"-"+La[0],t+"-"+La[1]),[]),wo=Math.min,ve=Math.max,Ro=Math.round;var se=o=>({x:o,y:o}),Rl={left:"right",right:"left",bottom:"top",top:"bottom"},Nl={start:"end",end:"start"};function Zr(o,t,r){return ve(o,wo(t,r))}function rr(o,t){return typeof o=="function"?o(t):o}function io(o){return o.split("-")[0]}function Se(o){return o.split("-")[1]}function jr(o){return o==="x"?"y":"x"}function qr(o){return o==="y"?"height":"width"}function ir(o){return["top","bottom"].includes(io(o))?"y":"x"}function Yr(o){return jr(ir(o))}function Ia(o,t,r){r===void 0&&(r=!1);let i=Se(o),n=Yr(o),a=qr(n),s=n==="x"?i===(r?"end":"start")?"right":"left":i==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(s=Gr(s)),[s,Gr(s)]}function ka(o){return o.replace(/start|end/g,t=>Nl[t])}function Gr(o){return o.replace(/left|right|bottom|top/g,t=>Rl[t])}function Ll(o){return{top:0,right:0,bottom:0,left:0,...o}}function Pa(o){return typeof o!="number"?Ll(o):{top:o,right:o,bottom:o,left:o}}function _e(o){return{...o,top:o.y,left:o.x,right:o.x+o.width,bottom:o.y+o.height}}function $a(o,t,r){let{reference:i,floating:n}=o,a=ir(t),s=Yr(t),c=qr(s),h=io(t),u=a==="y",b=i.x+i.width/2-n.width/2,S=i.y+i.height/2-n.height/2,L=i[c]/2-n[c]/2,w;switch(h){case"top":w={x:b,y:i.y-n.height};break;case"bottom":w={x:b,y:i.y+i.height};break;case"right":w={x:i.x+i.width,y:S};break;case"left":w={x:i.x-n.width,y:S};break;default:w={x:i.x,y:i.y}}switch(Se(t)){case"start":w[s]-=L*(r&&u?-1:1);break;case"end":w[s]+=L*(r&&u?-1:1);break}return w}var _a=async(o,t,r)=>{let{placement:i="bottom",strategy:n="absolute",middleware:a=[],platform:s}=r,c=a.filter(Boolean),h=await(s.isRTL==null?void 0:s.isRTL(t)),u=await s.getElementRects({reference:o,floating:t,strategy:n}),{x:b,y:S}=$a(u,i,h),L=i,w={},k=0;for(let G=0;G<c.length;G++){let{name:K,fn:M}=c[G],{x:Z,y:lt,data:ht,reset:ot}=await M({x:b,y:S,initialPlacement:i,placement:L,strategy:n,middlewareData:w,rects:u,platform:s,elements:{reference:o,floating:t}});if(b=Z??b,S=lt??S,w={...w,[K]:{...w[K],...ht}},ot&&k<=50){k++,typeof ot=="object"&&(ot.placement&&(L=ot.placement),ot.rects&&(u=ot.rects===!0?await s.getElementRects({reference:o,floating:t,strategy:n}):ot.rects),{x:b,y:S}=$a(u,L,h)),G=-1;continue}}return{x:b,y:S,placement:L,strategy:n,middlewareData:w}};async function Xr(o,t){var r;t===void 0&&(t={});let{x:i,y:n,platform:a,rects:s,elements:c,strategy:h}=o,{boundary:u="clippingAncestors",rootBoundary:b="viewport",elementContext:S="floating",altBoundary:L=!1,padding:w=0}=rr(t,o),k=Pa(w),K=c[L?S==="floating"?"reference":"floating":S],M=_e(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(K)))==null||r?K:K.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(c.floating)),boundary:u,rootBoundary:b,strategy:h})),Z=S==="floating"?{...s.floating,x:i,y:n}:s.reference,lt=await(a.getOffsetParent==null?void 0:a.getOffsetParent(c.floating)),ht=await(a.isElement==null?void 0:a.isElement(lt))?await(a.getScale==null?void 0:a.getScale(lt))||{x:1,y:1}:{x:1,y:1},ot=_e(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:Z,offsetParent:lt,strategy:h}):Z);return{top:(M.top-ot.top+k.top)/ht.y,bottom:(ot.bottom-M.bottom+k.bottom)/ht.y,left:(M.left-ot.left+k.left)/ht.x,right:(ot.right-M.right+k.right)/ht.x}}function Tl(o,t,r){return(o?[...r.filter(n=>Se(n)===o),...r.filter(n=>Se(n)!==o)]:r.filter(n=>io(n)===n)).filter(n=>o?Se(n)===o||(t?ka(n)!==n:!1):!0)}var Qr=function(o){return o===void 0&&(o={}),{name:"autoPlacement",options:o,async fn(t){var r,i,n;let{rects:a,middlewareData:s,placement:c,platform:h,elements:u}=t,{crossAxis:b=!1,alignment:S,allowedPlacements:L=Kr,autoAlignment:w=!0,...k}=rr(o,t),G=S!==void 0||L===Kr?Tl(S||null,w,L):L,K=await Xr(t,k),M=((r=s.autoPlacement)==null?void 0:r.index)||0,Z=G[M];if(Z==null)return{};let lt=Ia(Z,a,await(h.isRTL==null?void 0:h.isRTL(u.floating)));if(c!==Z)return{reset:{placement:G[0]}};let ht=[K[io(Z)],K[lt[0]],K[lt[1]]],ot=[...((i=s.autoPlacement)==null?void 0:i.overflows)||[],{placement:Z,overflows:ht}],Fo=G[M+1];if(Fo)return{data:{index:M+1,overflows:ot},reset:{placement:Fo}};let Nt=ot.map(d=>{let m=Se(d.placement);return[d.placement,m&&b?d.overflows.slice(0,2).reduce((E,rt)=>E+rt,0):d.overflows[0],d.overflows]}).sort((d,m)=>d[1]-m[1]),He=((n=Nt.filter(d=>d[2].slice(0,Se(d[0])?2:3).every(m=>m<=0))[0])==null?void 0:n[0])||Nt[0][0];return He!==c?{data:{index:M+1,overflows:ot},reset:{placement:He}}:{}}}};var Jr=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){let{x:r,y:i,placement:n}=t,{mainAxis:a=!0,crossAxis:s=!1,limiter:c={fn:K=>{let{x:M,y:Z}=K;return{x:M,y:Z}}},...h}=rr(o,t),u={x:r,y:i},b=await Xr(t,h),S=ir(io(n)),L=jr(S),w=u[L],k=u[S];if(a){let K=L==="y"?"top":"left",M=L==="y"?"bottom":"right",Z=w+b[K],lt=w-b[M];w=Zr(Z,w,lt)}if(s){let K=S==="y"?"top":"left",M=S==="y"?"bottom":"right",Z=k+b[K],lt=k-b[M];k=Zr(Z,k,lt)}let G=c.fn({...t,[L]:w,[S]:k});return{...G,data:{x:G.x-r,y:G.y-i}}}}};function le(o){return Ba(o)?(o.nodeName||"").toLowerCase():"#document"}function Ct(o){var t;return(o==null||(t=o.ownerDocument)==null?void 0:t.defaultView)||window}function ce(o){var t;return(t=(Ba(o)?o.ownerDocument:o.document)||window.document)==null?void 0:t.documentElement}function Ba(o){return o instanceof Node||o instanceof Ct(o).Node}function Jt(o){return o instanceof Element||o instanceof Ct(o).Element}function Wt(o){return o instanceof HTMLElement||o instanceof Ct(o).HTMLElement}function Da(o){return typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof Ct(o).ShadowRoot}function no(o){let{overflow:t,overflowX:r,overflowY:i,display:n}=Lt(o);return/auto|scroll|overlay|hidden|clip/.test(t+i+r)&&!["inline","contents"].includes(n)}function Ua(o){return["table","td","th"].includes(le(o))}function ar(o){let t=sr(),r=Lt(o);return r.transform!=="none"||r.perspective!=="none"||(r.containerType?r.containerType!=="normal":!1)||!t&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!t&&(r.filter?r.filter!=="none":!1)||["transform","perspective","filter"].some(i=>(r.willChange||"").includes(i))||["paint","layout","strict","content"].some(i=>(r.contain||"").includes(i))}function Fa(o){let t=De(o);for(;Wt(t)&&!No(t);){if(ar(t))return t;t=De(t)}return null}function sr(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function No(o){return["html","body","#document"].includes(le(o))}function Lt(o){return Ct(o).getComputedStyle(o)}function Lo(o){return Jt(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.pageXOffset,scrollTop:o.pageYOffset}}function De(o){if(le(o)==="html")return o;let t=o.assignedSlot||o.parentNode||Da(o)&&o.host||ce(o);return Da(t)?t.host:t}function za(o){let t=De(o);return No(t)?o.ownerDocument?o.ownerDocument.body:o.body:Wt(t)&&no(t)?t:za(t)}function nr(o,t,r){var i;t===void 0&&(t=[]),r===void 0&&(r=!0);let n=za(o),a=n===((i=o.ownerDocument)==null?void 0:i.body),s=Ct(n);return a?t.concat(s,s.visualViewport||[],no(n)?n:[],s.frameElement&&r?nr(s.frameElement):[]):t.concat(n,nr(n,[],r))}function Ha(o){let t=Lt(o),r=parseFloat(t.width)||0,i=parseFloat(t.height)||0,n=Wt(o),a=n?o.offsetWidth:r,s=n?o.offsetHeight:i,c=Ro(r)!==a||Ro(i)!==s;return c&&(r=a,i=s),{width:r,height:i,$:c}}function Va(o){return Jt(o)?o:o.contextElement}function ao(o){let t=Va(o);if(!Wt(t))return se(1);let r=t.getBoundingClientRect(),{width:i,height:n,$:a}=Ha(t),s=(a?Ro(r.width):r.width)/i,c=(a?Ro(r.height):r.height)/n;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}var Il=se(0);function Ga(o){let t=Ct(o);return!sr()||!t.visualViewport?Il:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function kl(o,t,r){return t===void 0&&(t=!1),!r||t&&r!==Ct(o)?!1:t}function To(o,t,r,i){t===void 0&&(t=!1),r===void 0&&(r=!1);let n=o.getBoundingClientRect(),a=Va(o),s=se(1);t&&(i?Jt(i)&&(s=ao(i)):s=ao(o));let c=kl(a,r,i)?Ga(a):se(0),h=(n.left+c.x)/s.x,u=(n.top+c.y)/s.y,b=n.width/s.x,S=n.height/s.y;if(a){let L=Ct(a),w=i&&Jt(i)?Ct(i):i,k=L.frameElement;for(;k&&i&&w!==L;){let G=ao(k),K=k.getBoundingClientRect(),M=Lt(k),Z=K.left+(k.clientLeft+parseFloat(M.paddingLeft))*G.x,lt=K.top+(k.clientTop+parseFloat(M.paddingTop))*G.y;h*=G.x,u*=G.y,b*=G.x,S*=G.y,h+=Z,u+=lt,k=Ct(k).frameElement}}return _e({width:b,height:S,x:h,y:u})}function Pl(o){let{rect:t,offsetParent:r,strategy:i}=o,n=Wt(r),a=ce(r);if(r===a)return t;let s={scrollLeft:0,scrollTop:0},c=se(1),h=se(0);if((n||!n&&i!=="fixed")&&((le(r)!=="body"||no(a))&&(s=Lo(r)),Wt(r))){let u=To(r);c=ao(r),h.x=u.x+r.clientLeft,h.y=u.y+r.clientTop}return{width:t.width*c.x,height:t.height*c.y,x:t.x*c.x-s.scrollLeft*c.x+h.x,y:t.y*c.y-s.scrollTop*c.y+h.y}}function $l(o){return Array.from(o.getClientRects())}function Ka(o){return To(ce(o)).left+Lo(o).scrollLeft}function _l(o){let t=ce(o),r=Lo(o),i=o.ownerDocument.body,n=ve(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),a=ve(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight),s=-r.scrollLeft+Ka(o),c=-r.scrollTop;return Lt(i).direction==="rtl"&&(s+=ve(t.clientWidth,i.clientWidth)-n),{width:n,height:a,x:s,y:c}}function Dl(o,t){let r=Ct(o),i=ce(o),n=r.visualViewport,a=i.clientWidth,s=i.clientHeight,c=0,h=0;if(n){a=n.width,s=n.height;let u=sr();(!u||u&&t==="fixed")&&(c=n.offsetLeft,h=n.offsetTop)}return{width:a,height:s,x:c,y:h}}function Bl(o,t){let r=To(o,!0,t==="fixed"),i=r.top+o.clientTop,n=r.left+o.clientLeft,a=Wt(o)?ao(o):se(1),s=o.clientWidth*a.x,c=o.clientHeight*a.y,h=n*a.x,u=i*a.y;return{width:s,height:c,x:h,y:u}}function Ma(o,t,r){let i;if(t==="viewport")i=Dl(o,r);else if(t==="document")i=_l(ce(o));else if(Jt(t))i=Bl(t,r);else{let n=Ga(o);i={...t,x:t.x-n.x,y:t.y-n.y}}return _e(i)}function Za(o,t){let r=De(o);return r===t||!Jt(r)||No(r)?!1:Lt(r).position==="fixed"||Za(r,t)}function Ul(o,t){let r=t.get(o);if(r)return r;let i=nr(o,[],!1).filter(c=>Jt(c)&&le(c)!=="body"),n=null,a=Lt(o).position==="fixed",s=a?De(o):o;for(;Jt(s)&&!No(s);){let c=Lt(s),h=ar(s);!h&&c.position==="fixed"&&(n=null),(a?!h&&!n:!h&&c.position==="static"&&!!n&&["absolute","fixed"].includes(n.position)||no(s)&&!h&&Za(o,s))?i=i.filter(b=>b!==s):n=c,s=De(s)}return t.set(o,i),i}function Fl(o){let{element:t,boundary:r,rootBoundary:i,strategy:n}=o,s=[...r==="clippingAncestors"?Ul(t,this._c):[].concat(r),i],c=s[0],h=s.reduce((u,b)=>{let S=Ma(t,b,n);return u.top=ve(S.top,u.top),u.right=wo(S.right,u.right),u.bottom=wo(S.bottom,u.bottom),u.left=ve(S.left,u.left),u},Ma(t,c,n));return{width:h.right-h.left,height:h.bottom-h.top,x:h.left,y:h.top}}function zl(o){return Ha(o)}function Ml(o,t,r){let i=Wt(t),n=ce(t),a=r==="fixed",s=To(o,!0,a,t),c={scrollLeft:0,scrollTop:0},h=se(0);if(i||!i&&!a)if((le(t)!=="body"||no(n))&&(c=Lo(t)),i){let u=To(t,!0,a,t);h.x=u.x+t.clientLeft,h.y=u.y+t.clientTop}else n&&(h.x=Ka(n));return{x:s.left+c.scrollLeft-h.x,y:s.top+c.scrollTop-h.y,width:s.width,height:s.height}}function Wa(o,t){return!Wt(o)||Lt(o).position==="fixed"?null:t?t(o):o.offsetParent}function ja(o,t){let r=Ct(o);if(!Wt(o))return r;let i=Wa(o,t);for(;i&&Ua(i)&&Lt(i).position==="static";)i=Wa(i,t);return i&&(le(i)==="html"||le(i)==="body"&&Lt(i).position==="static"&&!ar(i))?r:i||Fa(o)||r}var Wl=async function(o){let{reference:t,floating:r,strategy:i}=o,n=this.getOffsetParent||ja,a=this.getDimensions;return{reference:Ml(t,await n(r),i),floating:{x:0,y:0,...await a(r)}}};function Hl(o){return Lt(o).direction==="rtl"}var lr={convertOffsetParentRelativeRectToViewportRelativeRect:Pl,getDocumentElement:ce,getClippingRect:Fl,getOffsetParent:ja,getElementRects:Wl,getClientRects:$l,getDimensions:zl,getScale:ao,isElement:Jt,isRTL:Hl};var qa=(o,t,r)=>{let i=new Map,n={platform:lr,...r},a={...n.platform,_c:i};return _a(o,t,{...n,platform:a})};function Ya(o){return Vl(o)}function ti(o){return o.assignedSlot?o.assignedSlot:o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode}function Vl(o){for(let t=o;t;t=ti(t))if(t instanceof Element&&getComputedStyle(t).display==="none")return null;for(let t=ti(o);t;t=ti(t)){if(!(t instanceof Element))continue;let r=getComputedStyle(t);if(r.display!=="contents"&&(r.position!=="static"||r.filter!=="none"||t.tagName==="BODY"))return t}return null}async function Xa(o,t,r){return qa(o,t,{platform:{...lr,getOffsetParent:i=>lr.getOffsetParent(i,Ya)},middleware:[Jr({crossAxis:!0}),Qr({allowedPlacements:[r]})]})}var Et=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},U=class extends Io.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new Io.Debouncer,this.revealDebouncer=new Io.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return Qa.html`
|
|
549
540
|
<div part="container"
|
|
550
541
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
551
542
|
@mouseenter=${this.onHover}
|
|
@@ -563,37 +554,40 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
563
554
|
</div>
|
|
564
555
|
</div>
|
|
565
556
|
</div>
|
|
566
|
-
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some(
|
|
557
|
+
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some(r=>t.has(r))&&this.visible&&this.positionTooltip()}async show(t){this.visible=!0,t!=null&&await this.hideDebounce.run(()=>{this.hide()},t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return((t=this.slotNodes)!==null&&t!==void 0?t:[]).filter(r=>r.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Xa(this.slottedElement,this.tooltip,this.position).then(({x:t,y:r})=>{this.tooltip&&(this.tooltip.style.left=`${t}px`,this.tooltip.style.top=`${r}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())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(t,r){return Math.max(t,Math.min(0,-r))}};U.elementDefinitions={"ft-typography":H};U.styles=Na;Et([(0,tt.property)()],U.prototype,"text",void 0);Et([(0,tt.property)({type:Boolean})],U.prototype,"manual",void 0);Et([(0,tt.property)({type:Boolean})],U.prototype,"inline",void 0);Et([(0,tt.property)({type:Number})],U.prototype,"delay",void 0);Et([(0,tt.property)()],U.prototype,"position",void 0);Et([(0,tt.queryAssignedNodes)()],U.prototype,"slotNodes",void 0);Et([(0,tt.query)(".ft-tooltip--container")],U.prototype,"container",void 0);Et([(0,tt.query)(".ft-tooltip")],U.prototype,"tooltip",void 0);Et([(0,tt.query)(".ft-tooltip--content")],U.prototype,"tooltipContent",void 0);Et([(0,tt.state)()],U.prototype,"visible",void 0);Et([(0,tt.eventOptions)({passive:!0})],U.prototype,"onTouch",null);Et([(0,tt.eventOptions)({passive:!0})],U.prototype,"onHover",null);Et([(0,tt.eventOptions)({passive:!0})],U.prototype,"onOut",null);Et([(0,tt.eventOptions)({passive:!0})],U.prototype,"onClick",null);(0,Ja.customElement)("ft-tooltip")(U);var os=f(x());var ts=f(C()),es=f(x());var Be=class extends es.FtLitElement{render(){return ts.html`
|
|
567
558
|
<div class="ft-loader">
|
|
568
559
|
<div></div>
|
|
569
560
|
<div></div>
|
|
570
561
|
<div></div>
|
|
571
562
|
<div></div>
|
|
572
563
|
</div>
|
|
573
|
-
`}}
|
|
564
|
+
`}};Be.styles=Oa;(0,os.customElement)("ft-loader")(Be);var so=f(C()),rs=f(Le()),gt=f(W()),Tt=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},J=class extends(0,lo.toFtFormComponent)(lo.FtLitElement,"button"){constructor(){super(),this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.addEventListener("click",t=>{var r;this.isDisabled()?(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()):this.type=="submit"&&((r=this.form)===null||r===void 0||r.requestSubmit())})}render(){return this.addTooltipIfNeeded(so.html`
|
|
574
565
|
<button part="button"
|
|
575
|
-
class="${
|
|
566
|
+
class="${(0,rs.classMap)(this.buttonClasses)}"
|
|
576
567
|
aria-label="${this.getLabel()}"
|
|
577
568
|
?disabled=${this.isDisabled()}>
|
|
578
569
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
579
570
|
<ft-typography part="label"
|
|
580
571
|
variant=${this.typographyVariant}
|
|
581
572
|
element="span"
|
|
582
|
-
class="ft-button--label ${
|
|
573
|
+
class="ft-button--label ${lo.isSafari?"ft-safari-ellipsis-fix":""}"
|
|
583
574
|
?hidden=${!this.hasTextContent()}>
|
|
584
575
|
<slot @slotchange=${this.onSlotchange}></slot>
|
|
585
576
|
</ft-typography>
|
|
586
577
|
${this.resolveIcon()}
|
|
587
578
|
</button>
|
|
588
|
-
`)}addTooltipIfNeeded(t){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?
|
|
579
|
+
`)}addTooltipIfNeeded(t){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?so.html`
|
|
589
580
|
<ft-tooltip part="tooltip"
|
|
590
581
|
text="${this.getLabel()}"
|
|
591
582
|
position="${this.tooltipPosition}">
|
|
592
583
|
${t}
|
|
593
584
|
</ft-tooltip>
|
|
594
|
-
`:t}resolveIcon(){return this.loading?
|
|
595
|
-
<ft-loader part="loader icon"></ft-loader> `:this.icon?
|
|
596
|
-
|
|
585
|
+
`:t}resolveIcon(){return this.loading?so.html`
|
|
586
|
+
<ft-loader part="loader icon"></ft-loader> `:this.icon?so.html`
|
|
587
|
+
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
588
|
+
`:so.html`
|
|
589
|
+
<slot part="icon" name="icon"></slot>
|
|
590
|
+
`}focus(){var t;(t=this.button)===null||t===void 0||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(r=>this.unslotText(r)).join(""):t?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};J.elementDefinitions={"ft-ripple":$,"ft-tooltip":U,"ft-typography":H,"ft-icon":mt,"ft-loader":Be};Tt([(0,gt.property)({type:String,reflect:!0})],J.prototype,"role",void 0);Tt([(0,gt.property)()],J.prototype,"type",void 0);Tt([(0,gt.property)({type:Boolean})],J.prototype,"disabled",void 0);Tt([(0,gt.property)()],J.prototype,"label",void 0);Tt([(0,gt.property)()],J.prototype,"icon",void 0);Tt([(0,gt.property)()],J.prototype,"iconVariant",void 0);Tt([(0,gt.property)({type:Boolean})],J.prototype,"trailingIcon",void 0);Tt([(0,gt.property)({type:Boolean})],J.prototype,"loading",void 0);Tt([(0,gt.property)()],J.prototype,"tooltipPosition",void 0);Tt([(0,gt.property)({type:Boolean})],J.prototype,"hideTooltip",void 0);Tt([(0,gt.property)({type:Boolean})],J.prototype,"forceTooltip",void 0);Tt([(0,gt.query)(".ft-button")],J.prototype,"button",void 0);Tt([(0,gt.query)(".ft-button--label slot")],J.prototype,"slottedContent",void 0);var cr=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},ft=class extends J{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"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-no-text-select":!0}}get typographyVariant(){return"button"}};ft.styles=[is.safariEllipsisFix,wa];cr([(0,ko.property)({type:Boolean})],ft.prototype,"primary",void 0);cr([(0,ko.property)({type:Boolean})],ft.prototype,"outlined",void 0);cr([(0,ko.property)({type:Boolean})],ft.prototype,"dense",void 0);cr([(0,ko.property)({type:Boolean})],ft.prototype,"round",void 0);var co=f(W());var ss=f(x());var ns=f(C()),P=f(x());var as=[ns.css`
|
|
597
591
|
:host {
|
|
598
592
|
display: inline-block;
|
|
599
593
|
max-width: 100%;
|
|
@@ -643,7 +637,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
643
637
|
}
|
|
644
638
|
|
|
645
639
|
.ft-button:focus-visible {
|
|
646
|
-
outline-color: ${
|
|
640
|
+
outline-color: ${v.focusFocusRingColor};
|
|
647
641
|
outline-style: solid;
|
|
648
642
|
}
|
|
649
643
|
|
|
@@ -672,146 +666,146 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
672
666
|
/** Primary styles **/
|
|
673
667
|
|
|
674
668
|
.ft-button--primary {
|
|
675
|
-
${
|
|
669
|
+
${(0,P.setVariable)(Ot.color,v.primaryIconColor)};
|
|
676
670
|
|
|
677
|
-
${
|
|
678
|
-
${
|
|
679
|
-
${
|
|
680
|
-
${
|
|
681
|
-
${
|
|
671
|
+
${(0,P.setVariable)(T.color,v.primaryStateLayerColor)};
|
|
672
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceHover,v.primaryHoverStateLayerOpacity)};
|
|
673
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceFocused,v.primaryFocusStateLayerOpacity)};
|
|
674
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceSelected,v.primaryActiveStateLayerOpacity)};
|
|
675
|
+
${(0,P.setVariable)(T.opacityContentOnSurfacePressed,v.primaryActiveStateLayerOpacity)};
|
|
682
676
|
|
|
683
|
-
background-color: ${
|
|
684
|
-
color: ${
|
|
677
|
+
background-color: ${v.primaryBackgroundColor};
|
|
678
|
+
color: ${v.primaryColor};
|
|
685
679
|
border-style: none;
|
|
686
680
|
}
|
|
687
681
|
|
|
688
682
|
.ft-button--primary[disabled] {
|
|
689
|
-
opacity: ${
|
|
683
|
+
opacity: ${v.primaryDisabledComponentOpacity};
|
|
690
684
|
}
|
|
691
685
|
|
|
692
686
|
.ft-button--primary ft-icon {
|
|
693
|
-
color: ${
|
|
687
|
+
color: ${v.primaryIconColor};
|
|
694
688
|
}
|
|
695
689
|
|
|
696
690
|
/** Secondary styles **/
|
|
697
691
|
|
|
698
692
|
.ft-button--secondary {
|
|
699
|
-
${
|
|
693
|
+
${(0,P.setVariable)(Ot.color,v.secondaryIconColor)};
|
|
700
694
|
|
|
701
|
-
${
|
|
702
|
-
${
|
|
703
|
-
${
|
|
704
|
-
${
|
|
705
|
-
${
|
|
695
|
+
${(0,P.setVariable)(T.color,v.secondaryStateLayerColor)};
|
|
696
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceHover,v.secondaryHoverStateLayerOpacity)};
|
|
697
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceFocused,v.secondaryFocusStateLayerOpacity)};
|
|
698
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceSelected,v.secondaryActiveStateLayerOpacity)};
|
|
699
|
+
${(0,P.setVariable)(T.opacityContentOnSurfacePressed,v.secondaryActiveStateLayerOpacity)};
|
|
706
700
|
|
|
707
|
-
background-color: ${
|
|
708
|
-
color: ${
|
|
709
|
-
border-color: ${
|
|
701
|
+
background-color: ${v.secondaryBackgroundColor};
|
|
702
|
+
color: ${v.secondaryColor};
|
|
703
|
+
border-color: ${v.secondaryBorderColor};
|
|
710
704
|
border-style: solid;
|
|
711
705
|
}
|
|
712
706
|
|
|
713
707
|
.ft-button--secondary[disabled] {
|
|
714
|
-
opacity: ${
|
|
708
|
+
opacity: ${v.secondaryDisabledComponentOpacity};
|
|
715
709
|
}
|
|
716
710
|
|
|
717
711
|
.ft-button--secondary ft-icon {
|
|
718
|
-
color: ${
|
|
712
|
+
color: ${v.secondaryIconColor};
|
|
719
713
|
}
|
|
720
714
|
|
|
721
715
|
/** Tertiary styles **/
|
|
722
716
|
|
|
723
717
|
.ft-button--tertiary {
|
|
724
|
-
${
|
|
718
|
+
${(0,P.setVariable)(Ot.color,v.tertiaryIconColor)};
|
|
725
719
|
|
|
726
|
-
${
|
|
727
|
-
${
|
|
728
|
-
${
|
|
729
|
-
${
|
|
730
|
-
${
|
|
720
|
+
${(0,P.setVariable)(T.color,v.tertiaryStateLayerColor)};
|
|
721
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceHover,v.tertiaryHoverStateLayerOpacity)};
|
|
722
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceFocused,v.tertiaryFocusStateLayerOpacity)};
|
|
723
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceSelected,v.tertiaryActiveStateLayerOpacity)};
|
|
724
|
+
${(0,P.setVariable)(T.opacityContentOnSurfacePressed,v.tertiaryActiveStateLayerOpacity)};
|
|
731
725
|
|
|
732
|
-
background-color: ${
|
|
733
|
-
color: ${
|
|
726
|
+
background-color: ${v.tertiaryBackgroundColor};
|
|
727
|
+
color: ${v.tertiaryColor};
|
|
734
728
|
border-style: none;
|
|
735
729
|
}
|
|
736
730
|
|
|
737
731
|
.ft-button--tertiary[disabled] {
|
|
738
|
-
opacity: ${
|
|
732
|
+
opacity: ${v.tertiaryDisabledComponentOpacity};
|
|
739
733
|
}
|
|
740
734
|
|
|
741
735
|
.ft-button--tertiary ft-icon {
|
|
742
|
-
color: ${
|
|
736
|
+
color: ${v.tertiaryIconColor};
|
|
743
737
|
}
|
|
744
738
|
|
|
745
739
|
/** Neutral styles **/
|
|
746
740
|
|
|
747
741
|
.ft-button--neutral {
|
|
748
|
-
${
|
|
742
|
+
${(0,P.setVariable)(Ot.color,v.neutralIconColor)};
|
|
749
743
|
|
|
750
|
-
${
|
|
751
|
-
${
|
|
752
|
-
${
|
|
753
|
-
${
|
|
754
|
-
${
|
|
744
|
+
${(0,P.setVariable)(T.backgroundColor,v.neutralStateLayerColor)};
|
|
745
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceHover,v.neutralHoverStateLayerOpacity)};
|
|
746
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceFocused,v.neutralFocusStateLayerOpacity)};
|
|
747
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceSelected,v.neutralActiveStateLayerOpacity)};
|
|
748
|
+
${(0,P.setVariable)(T.opacityContentOnSurfacePressed,v.neutralActiveStateLayerOpacity)};
|
|
755
749
|
|
|
756
|
-
background-color: ${
|
|
757
|
-
color: ${
|
|
750
|
+
background-color: ${v.neutralBackgroundColor};
|
|
751
|
+
color: ${v.neutralColor};
|
|
758
752
|
border-style: none;
|
|
759
753
|
}
|
|
760
754
|
|
|
761
755
|
.ft-button--neutral[disabled] {
|
|
762
|
-
opacity: ${
|
|
756
|
+
opacity: ${v.neutralDisabledComponentOpacity};
|
|
763
757
|
}
|
|
764
758
|
|
|
765
759
|
.ft-button--neutral ft-icon {
|
|
766
|
-
color: ${
|
|
760
|
+
color: ${v.neutralIconColor};
|
|
767
761
|
}
|
|
768
762
|
|
|
769
763
|
/** Large styles **/
|
|
770
764
|
|
|
771
765
|
.ft-button--large {
|
|
772
|
-
${
|
|
773
|
-
${
|
|
766
|
+
${(0,P.setVariable)(ut.size,v.largeIconSize)};
|
|
767
|
+
${(0,P.setVariable)(Ot.size,v.largeIconSize)};
|
|
774
768
|
|
|
775
|
-
height: ${
|
|
776
|
-
padding: 0 ${
|
|
777
|
-
gap: ${
|
|
778
|
-
border-radius: ${
|
|
779
|
-
border-width: ${
|
|
769
|
+
height: ${v.largeHeight};
|
|
770
|
+
padding: 0 ${v.largeHorizontalPadding};
|
|
771
|
+
gap: ${v.largeGap};
|
|
772
|
+
border-radius: ${v.largeBorderRadius};
|
|
773
|
+
border-width: ${v.largeBorderWidth};
|
|
780
774
|
}
|
|
781
775
|
|
|
782
776
|
.ft-button--large:focus-visible {
|
|
783
|
-
outline-width: ${
|
|
784
|
-
outline-offset: ${
|
|
777
|
+
outline-width: ${v.largeFocusOutlineWidth};
|
|
778
|
+
outline-offset: ${v.largeFocusOutlineOffset};
|
|
785
779
|
}
|
|
786
780
|
|
|
787
781
|
.ft-button--large.ft-button--icon-only {
|
|
788
|
-
width: ${
|
|
782
|
+
width: ${v.largeIconOnlyWidth};
|
|
789
783
|
padding: unset;
|
|
790
784
|
}
|
|
791
785
|
|
|
792
786
|
/** Small styles **/
|
|
793
787
|
|
|
794
788
|
.ft-button--small {
|
|
795
|
-
${
|
|
796
|
-
${
|
|
789
|
+
${(0,P.setVariable)(ut.size,v.smallIconSize)};
|
|
790
|
+
${(0,P.setVariable)(Ot.size,v.smallIconSize)};
|
|
797
791
|
|
|
798
|
-
height: ${
|
|
799
|
-
padding: 0 ${
|
|
800
|
-
gap: ${
|
|
801
|
-
border-radius: ${
|
|
802
|
-
border-width: ${
|
|
792
|
+
height: ${v.smallHeight};
|
|
793
|
+
padding: 0 ${v.smallHorizontalPadding};
|
|
794
|
+
gap: ${v.smallGap};
|
|
795
|
+
border-radius: ${v.smallBorderRadius};
|
|
796
|
+
border-width: ${v.smallBorderWidth};
|
|
803
797
|
}
|
|
804
798
|
|
|
805
799
|
.ft-button--small:focus-visible {
|
|
806
|
-
outline-width: ${
|
|
807
|
-
outline-offset: ${
|
|
800
|
+
outline-width: ${v.smallFocusOutlineWidth};
|
|
801
|
+
outline-offset: ${v.smallFocusOutlineOffset};
|
|
808
802
|
}
|
|
809
803
|
|
|
810
804
|
.ft-button--small.ft-button--icon-only {
|
|
811
|
-
width: ${
|
|
805
|
+
width: ${v.smallIconOnlyWidth};
|
|
812
806
|
padding: unset;
|
|
813
807
|
}
|
|
814
|
-
`,
|
|
808
|
+
`,P.noTextSelect];var Po=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},te=class extends J{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Pe.caption1medium:Pe.body2medium}};te.styles=[ss.safariEllipsisFix,as];Po([(0,co.property)({type:Boolean})],te.prototype,"primary",void 0);Po([(0,co.property)({type:Boolean})],te.prototype,"secondary",void 0);Po([(0,co.property)({type:Boolean})],te.prototype,"tertiary",void 0);Po([(0,co.property)({type:Boolean})],te.prototype,"neutral",void 0);Po([(0,co.property)({type:Boolean})],te.prototype,"small",void 0);(0,ei.customElement)("ft-button")(ft);(0,ei.customElement)("ftds-button")(te);var ls=N.FtCssVariableFactory.extend("--ft-chip-color","",N.designSystemVariables.colorOnSurface),Bt={backgroundColor:N.FtCssVariableFactory.extend("--ft-chip-background-color","",N.designSystemVariables.colorSurface),color:ls,fontSize:N.FtCssVariableFactory.extend("--ft-chip-font-size","",dt.fontSize),iconSize:N.FtCssVariableFactory.create("--ft-chip-icon-size","","SIZE","18px"),borderRadius:N.FtCssVariableFactory.create("--ft-chip-border-radius","","SIZE",""),rippleColor:N.FtCssVariableFactory.extend("--ft-chip-ripple-color","",ls),horizontalPadding:N.FtCssVariableFactory.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:N.FtCssVariableFactory.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:N.FtCssVariableFactory.external(N.designSystemVariables.colorOutline,"Design system"),opacityDisabled:N.FtCssVariableFactory.external(N.designSystemVariables.colorOpacityDisabled,"Design system")},cs=N.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",N.FtCssVariableFactory.extend("--ft-chip-color","",N.designSystemVariables.colorOnPrimary)),oi={backgroundColor:N.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",N.FtCssVariableFactory.extend("--ft-chip-background-color","",N.designSystemVariables.colorPrimary)),color:cs,rippleColor:N.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",cs)},ps={horizontalPadding:N.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),verticalPadding:N.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px")},ds=[N.noTextSelect,pr.css`
|
|
815
809
|
:host {
|
|
816
810
|
display: inline-block;
|
|
817
811
|
max-width: 100%;
|
|
@@ -827,20 +821,20 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
827
821
|
box-sizing: border-box;
|
|
828
822
|
pointer-events: auto;
|
|
829
823
|
|
|
830
|
-
--ft-chip-internal-font-size: ${
|
|
824
|
+
--ft-chip-internal-font-size: ${Bt.fontSize};
|
|
831
825
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
832
|
-
${
|
|
833
|
-
--ft-chip-internal-vertical-padding: ${
|
|
834
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
826
|
+
${(0,N.setVariable)(ut.size,Bt.iconSize)};
|
|
827
|
+
--ft-chip-internal-vertical-padding: ${Bt.verticalPadding};
|
|
828
|
+
--ft-chip-internal-horizontal-padding: ${Bt.horizontalPadding};
|
|
835
829
|
--ft-chip-internal-icon-padding: 3px;
|
|
836
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
830
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${Bt.iconSize});
|
|
837
831
|
|
|
838
|
-
border: 1px solid ${
|
|
839
|
-
color: ${
|
|
840
|
-
${
|
|
841
|
-
border-radius: var(${
|
|
832
|
+
border: 1px solid ${Bt.colorOutline};
|
|
833
|
+
color: ${Bt.color};
|
|
834
|
+
${(0,N.setVariable)(T.color,Bt.rippleColor)};
|
|
835
|
+
border-radius: var(${(0,pr.unsafeCSS)(Bt.borderRadius.name)}, calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding)));
|
|
842
836
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
843
|
-
background-color: ${
|
|
837
|
+
background-color: ${Bt.backgroundColor};
|
|
844
838
|
line-height: var(--ft-chip-internal-content-height);
|
|
845
839
|
}
|
|
846
840
|
|
|
@@ -850,8 +844,8 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
850
844
|
|
|
851
845
|
.ft-chip--dense {
|
|
852
846
|
--ft-chip-internal-icon-padding: 3px;
|
|
853
|
-
--ft-chip-internal-vertical-padding: ${
|
|
854
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
847
|
+
--ft-chip-internal-vertical-padding: ${ps.verticalPadding};
|
|
848
|
+
--ft-chip-internal-horizontal-padding: ${ps.horizontalPadding};
|
|
855
849
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
856
850
|
}
|
|
857
851
|
|
|
@@ -863,15 +857,15 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
863
857
|
cursor: default;
|
|
864
858
|
pointer-events: none;
|
|
865
859
|
filter: grayscale(1);
|
|
866
|
-
opacity: ${
|
|
860
|
+
opacity: ${Bt.opacityDisabled};
|
|
867
861
|
}
|
|
868
862
|
|
|
869
863
|
.ft-chip--highlighted {
|
|
870
864
|
border: none;
|
|
871
865
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
872
|
-
background-color: ${
|
|
873
|
-
${
|
|
874
|
-
color: ${
|
|
866
|
+
background-color: ${oi.backgroundColor};
|
|
867
|
+
${(0,N.setVariable)(T.color,oi.rippleColor)};
|
|
868
|
+
color: ${oi.color};
|
|
875
869
|
}
|
|
876
870
|
|
|
877
871
|
.ft-chip--clickable {
|
|
@@ -901,9 +895,9 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
901
895
|
}
|
|
902
896
|
|
|
903
897
|
.ft-chip--icon-button {
|
|
904
|
-
${
|
|
905
|
-
${
|
|
906
|
-
${
|
|
898
|
+
${(0,N.setVariable)(_.iconSize,Bt.iconSize)};
|
|
899
|
+
${(0,N.setVariable)(_.horizontalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
900
|
+
${(0,N.setVariable)(_.verticalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
907
901
|
margin: calc((-1) * var(--ft-chip-internal-icon-padding));
|
|
908
902
|
}
|
|
909
903
|
|
|
@@ -911,8 +905,8 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
911
905
|
vertical-align: bottom;
|
|
912
906
|
display: block;
|
|
913
907
|
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
914
|
-
${
|
|
915
|
-
${
|
|
908
|
+
${(0,N.setVariable)(dt.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
909
|
+
${(0,N.setVariable)(dt.lineHeight,"var(--ft-chip-internal-content-height)")};
|
|
916
910
|
}
|
|
917
911
|
|
|
918
912
|
.ft-chip--safari-fix .ft-chip--label {
|
|
@@ -948,8 +942,8 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
948
942
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-button {
|
|
949
943
|
order: -1;
|
|
950
944
|
}
|
|
951
|
-
`];var
|
|
952
|
-
<div class="${
|
|
945
|
+
`];var It=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},fr=class extends CustomEvent{constructor(){super("icon-click")}},q=class extends hr.FtLitElement{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.iconLabel="",this.icon=void 0,this.trailingIcon=!1}render(){let t={"ft-chip":!0,"ft-chip--highlighted":this.highlighted,"ft-chip--disabled":this.disabled,"ft-chip--clickable":this.interactionsOnChip,"ft-chip--trailing-icon":this.trailingIcon||this.removable,"ft-chip--no-content":!this.hasTextContent(),"ft-chip--dense":this.dense,"ft-chip--multi-line":this.multiLine,"ft-chip--safari-fix":hr.isSafari};return dr.html`
|
|
946
|
+
<div class="${(0,fs.classMap)(t)}"
|
|
953
947
|
aria-label="${this.getLabel()}"
|
|
954
948
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
955
949
|
@keyup=${this.onKeyUp}
|
|
@@ -960,7 +954,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
960
954
|
</ft-typography>
|
|
961
955
|
${this.internalIcon?this.renderIcon():null}
|
|
962
956
|
</div>
|
|
963
|
-
`}get interactionsOnChip(){return this.clickable&&!this.disabled}get interactionsOnIcon(){return(this.iconClickable||this.removable)&&!this.disabled}renderIcon(){return this.interactionsOnIcon?
|
|
957
|
+
`}get interactionsOnChip(){return this.clickable&&!this.disabled}get interactionsOnIcon(){return(this.iconClickable||this.removable)&&!this.disabled}renderIcon(){return this.interactionsOnIcon?dr.html`
|
|
964
958
|
<ft-button round
|
|
965
959
|
class="ft-chip--icon-button"
|
|
966
960
|
@click=${this.onIconClick}
|
|
@@ -969,28 +963,28 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
969
963
|
label="${this.iconLabel}"
|
|
970
964
|
part="icon-button"
|
|
971
965
|
></ft-button>
|
|
972
|
-
`:
|
|
966
|
+
`:dr.html`
|
|
973
967
|
<div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
|
|
974
968
|
<ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
|
|
975
969
|
</div>
|
|
976
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new
|
|
977
|
-
`;var
|
|
970
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new fr))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new fr))}getLabel(){return this.label||this.textContent}get textContent(){var t,r;return(r=(t=this.slottedContent)===null||t===void 0?void 0:t.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&r!==void 0?r:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}};q.elementDefinitions={"ft-ripple":$,"ft-typography":H,"ft-icon":mt,"ft-button":ft};q.styles=ds;It([(0,bt.property)({type:Boolean})],q.prototype,"highlighted",void 0);It([(0,bt.property)({type:Boolean})],q.prototype,"removable",void 0);It([(0,bt.property)({type:Boolean})],q.prototype,"disabled",void 0);It([(0,bt.property)({type:Boolean})],q.prototype,"clickable",void 0);It([(0,bt.property)({type:Boolean})],q.prototype,"iconClickable",void 0);It([(0,bt.property)({type:Boolean})],q.prototype,"dense",void 0);It([(0,bt.property)({type:Boolean})],q.prototype,"multiLine",void 0);It([(0,bt.property)()],q.prototype,"label",void 0);It([(0,bt.property)()],q.prototype,"iconLabel",void 0);It([(0,bt.property)()],q.prototype,"icon",void 0);It([(0,bt.property)()],q.prototype,"iconVariant",void 0);It([(0,bt.property)({type:Boolean})],q.prototype,"trailingIcon",void 0);It([(0,bt.query)("ft-typography slot")],q.prototype,"slottedContent",void 0);(0,hs.customElement)("ft-chip")(q);var bs=f(x());var gr=f(C()),br=f(W()),xr=f(x());var us=f(C());var ms=us.css`
|
|
971
|
+
`;var yr=f(x());var gs=f(W()),Gl=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},ri=Symbol("i18nAttributes"),ur=Symbol("i18nProperties"),$o=Symbol("i18nUnsubs");function Oe(o){var t;class r extends o{constructor(){super(...arguments),this.useCustomMessageContexts=!1,this[t]=new Map}get i18nService(){return this.useCustomMessageContexts?Gi:Ke}i18n(n,a,...s){var c;if(typeof n=="string")return this.i18nService.resolveMessage(n,a,...s);let h=(c=n.args)!==null&&c!==void 0?c:n.argsProvider?n.argsProvider(this):[];return this.i18nService.resolveMessage(n.context,n.key,...h)}onI18nUpdate(n){var a,s;(a=this[ri])===null||a===void 0||a.forEach((c,h)=>{var u;let b=this.getI18nAttributeValue(h);((u=b?.context)===null||u===void 0?void 0:u.toLowerCase())===n.toLowerCase()&&this.updateI18nAttributeMessage(h,b,c)}),(s=this[ur])===null||s===void 0||s.forEach((c,h)=>{c.context.toLowerCase()===n.toLowerCase()&&(this[h]=this.i18n(c))}),setTimeout(()=>this.requestUpdate(),0)}updateI18nAttributeMessage(n,a,s){this[n]={...a,message:this.i18n({context:a.context,key:a.key,...s})}}update(n){var a,s;super.update(n),(a=this[ri])===null||a===void 0||a.forEach((c,h)=>{let u=this.getI18nAttributeValue(h);u?.context&&u.key&&(n.has(h)||c.argsProvider!=null)&&(n.has(h)&&this.addI18nContext(u.context),this.updateI18nAttributeMessage(h,u,c))}),(s=this[ur])===null||s===void 0||s.forEach((c,h)=>{c.argsProvider!=null&&(this[h]=this.i18n(c))})}getI18nAttributeValue(n){return this[n]}connectedCallback(){var n,a,s,c;super.connectedCallback(),new Set([...(a=(n=this[ur])===null||n===void 0?void 0:n.values())!==null&&a!==void 0?a:[],...[...(c=(s=this[ri])===null||s===void 0?void 0:s.keys())!==null&&c!==void 0?c:[]].map(h=>this.getI18nAttributeValue(h))].map(h=>h?.context)).forEach(h=>h&&this.addI18nMessages(h))}addI18nMessages(n,a){n=n.toLowerCase(),this[$o].has(n)||this[$o].set(n,this.i18nService.subscribe(n,()=>this.onI18nUpdate(n))),this.i18nService.prepareContext(n,a??{})}addI18nContext(n,a){this.addI18nMessages(typeof n=="string"?n:n.name,a)}disconnectedCallback(){super.disconnectedCallback(),this[$o].forEach(n=>n()),this[$o].clear()}}return t=$o,Gl([(0,gs.property)({type:Boolean})],r.prototype,"useCustomMessageContexts",void 0),r}var ys=class extends Oe(yr.FtLitElement){},mr=class extends Oe(yr.FtLitElementRedux){};var _o=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Ht=class extends mr{constructor(){super(),this.editorMode=!1,this.addStore(R)}render(){return!this.key||!this.context?this.editorMode?"Select a context and a label key.":gr.nothing:gr.html`
|
|
978
972
|
<span class="ft-i18n">
|
|
979
973
|
${this.i18n(this.context,this.key,...Array.isArray(this.args)?this.args:[])}
|
|
980
974
|
</span>
|
|
981
|
-
|
|
982
|
-
`;var
|
|
975
|
+
`}update(t){var r;super.update(t),["context","key","defaultMessage"].some(i=>t.has(i))&&this.context&&this.key&&this.addI18nMessages(this.context,{[this.key]:(r=this.defaultMessage)!==null&&r!==void 0?r:""})}};Ht.elementDefinitions={};Ht.styles=ms;_o([(0,xr.redux)()],Ht.prototype,"editorMode",void 0);_o([(0,br.property)()],Ht.prototype,"context",void 0);_o([(0,br.property)()],Ht.prototype,"key",void 0);_o([(0,xr.jsonProperty)([])],Ht.prototype,"args",void 0);_o([(0,br.property)()],Ht.prototype,"defaultMessage",void 0);var po=class o{static build(t){return new o(t)}static fromGwt(t){return new o(t)}constructor(t){this.name=t,this.properties=new Proxy({},{get:(r,i)=>{let n=i;return a=>({context:this.name,key:n,args:typeof a=="function"?void 0:a,argsProvider:typeof a=="function"?a:void 0})}}),this.messages=new Proxy({},{get:(r,i)=>(...n)=>Ke.resolveMessage(this.name,i,...n)})}};(0,bs.customElement)("ft-i18n")(Ht);var Os=f(x());var Ss=f(C()),pe=f(W()),Vt=f(x());var xs=f(C());var vs=xs.css`
|
|
976
|
+
`;var xt=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},ii=class extends CustomEvent{constructor(t){super("ft-search-load-error",{detail:t})}},ni=class extends CustomEvent{constructor(t){super("ft-search-request-change",{detail:t})}},ai=class extends CustomEvent{constructor(t,r,i){super("ft-search-results-change",{detail:{request:t,paging:r,spellcheck:i}})}},Y=class extends Vt.FtLitElementRedux{get stateManager(){if(this._stateManager==null){let t=this.searchServiceProvider?this.searchServiceProvider():void 0;this._stateManager=go.build(this.id||(""+Math.round(Math.random()*999e3)).padStart(6,"0"),t),this._stateManager.errorHandler=r=>this.handleLoadError(r),this.addStore(this.stateManager.store,"search")}return this._stateManager}constructor(){super(),this.query="",this.pageSize=20,this.searchInDocumentTitlesOnly=!1,this.ignoreEmptyQuery=!1,this.openExternalDocumentInNewTab=!1,this.filters=[],this.sort=[],this.addStore(R)}render(){return Ss.html`
|
|
983
977
|
<slot @register-ft-search-component=${this.registerComponent}></slot>
|
|
984
|
-
`}update(t){super.update(t),t.has("query")&&void 0
|
|
985
|
-
|
|
978
|
+
`}update(t){super.update(t),t.has("query")&&this.query!==void 0&&this.stateManager.setQuery(this.query),t.has("contentLocale")&&this.contentLocale!==void 0&&this.stateManager.setContentLocale(this.contentLocale),t.has("session")&&this.session&&this.stateManager.initService(),t.has("filters")&&this.filters!==void 0&&this.stateManager.setFilters(this.filters),t.has("sort")&&this.sort!==void 0&&this.stateManager.setSort(this.sort),t.has("pageSize")&&this.pageSize!==void 0&&this.stateManager.setPageSize(this.pageSize),t.has("searchInDocumentTitlesOnly")&&this.searchInDocumentTitlesOnly!==void 0&&this.stateManager.setSearchInDocumentTitlesOnly(this.searchInDocumentTitlesOnly),t.has("scope")&&this.scope!==void 0&&this.stateManager.setScope(this.scope),t.has("ignoreEmptyQuery")&&this.ignoreEmptyQuery!==void 0&&this.stateManager.setIgnoreEmptyQuery(this.ignoreEmptyQuery),t.has("openExternalDocumentInNewTab")&&this.openExternalDocumentInNewTab!==void 0&&this.stateManager.setOpenExternalDocumentInNewTab(this.openExternalDocumentInNewTab),t.has("periodFilter")&&this.periodFilter!==void 0&&this.stateManager.setPeriodFilter(this.periodFilter)}connectedCallback(){super.connectedCallback(),this.stateManager.setQuery(this.query),this.stateManager.setContentLocale(this.contentLocale),this.stateManager.setFilters(this.filters),this.stateManager.setPageSize(this.pageSize),this.stateManager.setSort(this.sort)}contentAvailableCallback(t){super.contentAvailableCallback(t),t.has("request")&&this.request&&this.dispatchEvent(new ni(this.request)),t.has("paging")&&this.paging!==void 0&&this.dispatchEvent(new ai(this.request,this.paging,this.autocorrect))}registerComponent(t){t.stopPropagation();let r=t.composedPath()[0];this.register(r)}register(t){t.setSearchStateManager(this.stateManager)}handleLoadError(t){this.dispatchEvent(new ii(t))}reloadSavedSearches(){Zi.clearMySearches()}clear(){this.stateManager.clear()}};Y.elementDefinitions={};Y.styles=vs;xt([(0,pe.property)()],Y.prototype,"query",void 0);xt([(0,pe.property)()],Y.prototype,"contentLocale",void 0);xt([(0,pe.property)({type:Number})],Y.prototype,"pageSize",void 0);xt([(0,pe.property)({type:Boolean})],Y.prototype,"searchInDocumentTitlesOnly",void 0);xt([(0,pe.property)()],Y.prototype,"periodFilter",void 0);xt([(0,pe.property)()],Y.prototype,"scope",void 0);xt([(0,pe.property)({type:Boolean})],Y.prototype,"ignoreEmptyQuery",void 0);xt([(0,Vt.redux)({store:R.name})],Y.prototype,"openExternalDocumentInNewTab",void 0);xt([(0,Vt.jsonProperty)([])],Y.prototype,"filters",void 0);xt([(0,Vt.jsonProperty)([])],Y.prototype,"sort",void 0);xt([(0,Vt.redux)({store:"search"})],Y.prototype,"request",void 0);xt([(0,Vt.redux)({store:"search"})],Y.prototype,"paging",void 0);xt([(0,Vt.redux)({store:"search",selector:o=>o.spellcheck})],Y.prototype,"autocorrect",void 0);xt([(0,Vt.redux)({store:R.name})],Y.prototype,"session",void 0);xt([(0,pe.property)({attribute:!1})],Y.prototype,"searchServiceProvider",void 0);(0,Os.customElement)("ft-search-context")(Y);var el=f(x());var Qs=f(C()),Js=f(x());var Cs=f(C());var Es=Cs.css`
|
|
979
|
+
`;var pi=f(x());var ze=f(C()),B=f(W()),zt=f(x());var Pt=f(C()),at=f(W()),Ws=f(Rr()),Or=f(x());var Ts=f(x());var Rs=f(C()),Ce=f(W()),Ns=f(x()),Ls=f(Le());var kt=f(x()),As=f(C());var de={textColor:kt.FtCssVariableFactory.extend("--ft-checkbox-text-color","",kt.designSystemVariables.colorOnSurfaceHigh),fontSize:kt.FtCssVariableFactory.extend("--ft-checkbox-font-size","",O.fontSize),colorPrimary:kt.FtCssVariableFactory.external(kt.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:kt.FtCssVariableFactory.external(kt.designSystemVariables.colorOnPrimary,"Design system"),borderColor:kt.FtCssVariableFactory.extend("--ft-checkbox-border-color","",kt.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:kt.FtCssVariableFactory.external(kt.designSystemVariables.colorOnSurfaceDisabled,"Design system")},ws=As.css`
|
|
986
980
|
* {
|
|
987
981
|
box-sizing: border-box;
|
|
988
982
|
}
|
|
989
983
|
|
|
990
984
|
.ft-checkbox {
|
|
991
985
|
box-sizing: border-box;
|
|
992
|
-
color: ${
|
|
993
|
-
font-size: ${
|
|
986
|
+
color: ${de.textColor};
|
|
987
|
+
font-size: ${de.fontSize};
|
|
994
988
|
|
|
995
989
|
display: inline-flex;
|
|
996
990
|
align-items: center;
|
|
@@ -998,7 +992,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
998
992
|
}
|
|
999
993
|
|
|
1000
994
|
.ft-checkbox--disabled {
|
|
1001
|
-
color: ${
|
|
995
|
+
color: ${de.colorOnSurfaceDisabled};
|
|
1002
996
|
}
|
|
1003
997
|
|
|
1004
998
|
input {
|
|
@@ -1022,26 +1016,26 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1022
1016
|
|
|
1023
1017
|
.ft-checkbox--box {
|
|
1024
1018
|
display: flex;
|
|
1025
|
-
border: 2px solid ${
|
|
1019
|
+
border: 2px solid ${de.borderColor};
|
|
1026
1020
|
border-radius: 2px;
|
|
1027
1021
|
|
|
1028
1022
|
width: 18px;
|
|
1029
1023
|
height: 18px;
|
|
1030
1024
|
|
|
1031
|
-
color: ${
|
|
1025
|
+
color: ${de.colorOnPrimary};
|
|
1032
1026
|
}
|
|
1033
1027
|
|
|
1034
1028
|
|
|
1035
1029
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
1036
1030
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
1037
|
-
border-color: ${
|
|
1038
|
-
background-color: ${
|
|
1031
|
+
border-color: ${de.colorPrimary};
|
|
1032
|
+
background-color: ${de.colorPrimary};
|
|
1039
1033
|
}
|
|
1040
1034
|
|
|
1041
1035
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
1042
|
-
border-color: ${
|
|
1036
|
+
border-color: ${de.colorOnSurfaceDisabled};
|
|
1043
1037
|
background-color: transparent;
|
|
1044
|
-
color: ${
|
|
1038
|
+
color: ${de.colorOnSurfaceDisabled};
|
|
1045
1039
|
}
|
|
1046
1040
|
|
|
1047
1041
|
.ft-checkbox--checkmark {
|
|
@@ -1060,8 +1054,8 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1060
1054
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
1061
1055
|
opacity: 1;
|
|
1062
1056
|
}
|
|
1063
|
-
`;var
|
|
1064
|
-
<label class="${
|
|
1057
|
+
`;var fo=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},At=class extends Ns.FtLitElement{constructor(){super(...arguments),this.name="",this.checked=!1,this.indeterminate=!1,this.disabled=!1}render(){let t={"ft-checkbox":!0,"ft-checkbox--checked":this.checked,"ft-checkbox--indeterminate":this.indeterminate,"ft-checkbox--disabled":this.disabled};return Rs.html`
|
|
1058
|
+
<label class="${(0,Ls.classMap)(t)}" for="checkbox-input">
|
|
1065
1059
|
<div class="ft-checkbox--box-container">
|
|
1066
1060
|
<ft-ripple
|
|
1067
1061
|
?disabled=${this.disabled}
|
|
@@ -1087,14 +1081,14 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1087
1081
|
<slot></slot>
|
|
1088
1082
|
</ft-typography>
|
|
1089
1083
|
</label>
|
|
1090
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var
|
|
1084
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var r;super.contentAvailableCallback(t),(r=this.ripple)===null||r===void 0||r.setupFor(this.container)}};At.elementDefinitions={"ft-ripple":$,"ft-typography":H};At.styles=ws;fo([(0,Ce.property)()],At.prototype,"name",void 0);fo([(0,Ce.property)({type:Boolean,reflect:!0})],At.prototype,"checked",void 0);fo([(0,Ce.property)({type:Boolean})],At.prototype,"indeterminate",void 0);fo([(0,Ce.property)({type:Boolean})],At.prototype,"disabled",void 0);fo([(0,Ce.query)(".ft-checkbox")],At.prototype,"container",void 0);fo([(0,Ce.query)("ft-ripple")],At.prototype,"ripple",void 0);(0,Ts.customElement)("ft-checkbox")(At);var si=f(x());var Ps=f(C()),Gt=f(W()),$s=f(x()),_s=f(Le());var Is=f(C()),Ut=f(x()),Ue={textColor:Ut.FtCssVariableFactory.extend("--ft-radio-text-color","",Ut.designSystemVariables.colorOnSurfaceHigh),colorPrimary:Ut.FtCssVariableFactory.external(Ut.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:Ut.FtCssVariableFactory.external(Ut.designSystemVariables.colorOnPrimary,"Design system"),borderColor:Ut.FtCssVariableFactory.extend("--ft-radio-border-color","",Ut.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:Ut.FtCssVariableFactory.external(Ut.designSystemVariables.colorOnSurfaceDisabled,"Design system")},ks=Is.css`
|
|
1091
1085
|
* {
|
|
1092
1086
|
box-sizing: border-box;
|
|
1093
1087
|
}
|
|
1094
1088
|
|
|
1095
1089
|
.ft-radio {
|
|
1096
1090
|
box-sizing: border-box;
|
|
1097
|
-
color: ${
|
|
1091
|
+
color: ${Ue.textColor};
|
|
1098
1092
|
|
|
1099
1093
|
display: inline-flex;
|
|
1100
1094
|
align-items: center;
|
|
@@ -1102,7 +1096,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1102
1096
|
}
|
|
1103
1097
|
|
|
1104
1098
|
.ft-radio--disabled {
|
|
1105
|
-
color: ${
|
|
1099
|
+
color: ${Ue.colorOnSurfaceDisabled};
|
|
1106
1100
|
}
|
|
1107
1101
|
|
|
1108
1102
|
input {
|
|
@@ -1125,7 +1119,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1125
1119
|
}
|
|
1126
1120
|
|
|
1127
1121
|
.ft-radio--box {
|
|
1128
|
-
border: 2px solid ${
|
|
1122
|
+
border: 2px solid ${Ue.borderColor};
|
|
1129
1123
|
border-radius: 50%;
|
|
1130
1124
|
|
|
1131
1125
|
display: flex;
|
|
@@ -1138,7 +1132,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1138
1132
|
|
|
1139
1133
|
.ft-radio--box:after {
|
|
1140
1134
|
content: " ";
|
|
1141
|
-
background-color: ${
|
|
1135
|
+
background-color: ${Ue.colorPrimary};
|
|
1142
1136
|
|
|
1143
1137
|
border-radius: 50%;
|
|
1144
1138
|
|
|
@@ -1150,7 +1144,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1150
1144
|
}
|
|
1151
1145
|
|
|
1152
1146
|
.ft-radio--checked .ft-radio--box {
|
|
1153
|
-
border-color: ${
|
|
1147
|
+
border-color: ${Ue.colorPrimary};
|
|
1154
1148
|
}
|
|
1155
1149
|
|
|
1156
1150
|
|
|
@@ -1159,15 +1153,15 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1159
1153
|
}
|
|
1160
1154
|
|
|
1161
1155
|
.ft-radio--disabled .ft-radio--box {
|
|
1162
|
-
border-color: ${
|
|
1156
|
+
border-color: ${Ue.colorOnSurfaceDisabled};
|
|
1163
1157
|
background-color: transparent;
|
|
1164
1158
|
}
|
|
1165
1159
|
|
|
1166
1160
|
.ft-radio--disabled .ft-radio--box:after {
|
|
1167
|
-
background-color: ${
|
|
1161
|
+
background-color: ${Ue.colorOnSurfaceDisabled};
|
|
1168
1162
|
}
|
|
1169
|
-
`;var
|
|
1170
|
-
<div class="${
|
|
1163
|
+
`;var fe=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Do=class extends CustomEvent{constructor(t,r){super("change",{detail:{value:t,checked:r},bubbles:!0,composed:!0})}},et=class extends $s.FtLitElement{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1,this.tabIndex=-1,this.role="radio"}render(){let t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return Ps.html`
|
|
1164
|
+
<div class="${(0,_s.classMap)(t)}">
|
|
1171
1165
|
<div class="ft-radio--box-container">
|
|
1172
1166
|
<ft-ripple
|
|
1173
1167
|
?disabled=${this.disabled}
|
|
@@ -1185,22 +1179,22 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1185
1179
|
@change=${this.onChange}
|
|
1186
1180
|
>
|
|
1187
1181
|
</div>
|
|
1188
|
-
<label for="radio-button" @click=${
|
|
1182
|
+
<label for="radio-button" @click=${r=>r.stopPropagation()}>
|
|
1189
1183
|
<ft-typography variant="body2">
|
|
1190
1184
|
<slot></slot>
|
|
1191
1185
|
</ft-typography>
|
|
1192
1186
|
</label>
|
|
1193
1187
|
</div>
|
|
1194
|
-
`}update(t){super.update(t),t.has("checked")&&!t.has("aria-checked")&&(this.checked?(this.setAttribute("aria-checked","true"),this.tabIndex=0):(this.setAttribute("aria-checked","false"),this.tabIndex=-1))}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new
|
|
1188
|
+
`}update(t){super.update(t),t.has("checked")&&!t.has("aria-checked")&&(this.checked?(this.setAttribute("aria-checked","true"),this.tabIndex=0):(this.setAttribute("aria-checked","false"),this.tabIndex=-1))}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Do(this.value,this.checked))}contentAvailableCallback(t){var r;super.contentAvailableCallback(t),(r=this.ripple)===null||r===void 0||r.setupFor(this.container),this.addEventListener("focus",this.onFocus)}disconnectedCallback(){this.removeEventListener("focus",this.onFocus),super.disconnectedCallback()}onFocus(t){this.dispatchEvent(new Do(this.name,this.checked))}select(){this.checked=!0,this.dispatchEvent(new Do(this.value,this.checked))}};et.elementDefinitions={"ft-ripple":$,"ft-typography":H};et.styles=ks;fe([(0,Gt.property)()],et.prototype,"value",void 0);fe([(0,Gt.property)()],et.prototype,"name",void 0);fe([(0,Gt.property)({type:Boolean,reflect:!0})],et.prototype,"checked",void 0);fe([(0,Gt.property)({type:Boolean})],et.prototype,"disabled",void 0);fe([(0,Gt.property)({reflect:!0})],et.prototype,"tabIndex",void 0);fe([(0,Gt.property)({reflect:!0,attribute:"role"})],et.prototype,"role",void 0);fe([(0,Gt.query)(".ft-radio")],et.prototype,"container",void 0);fe([(0,Gt.query)("ft-ripple")],et.prototype,"ripple",void 0);fe([(0,Gt.query)("input")],et.prototype,"input",void 0);var Us=f(x()),ho=f(W()),Fs=f(C());var Ds=f(C());var Bs=Ds.css`
|
|
1195
1189
|
:host {
|
|
1196
1190
|
display: contents;
|
|
1197
1191
|
}
|
|
1198
|
-
`;var
|
|
1192
|
+
`;var vr=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Ft=class extends Us.FtLitElement{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.ariaLabelledBy=""}render(){return Fs.html`
|
|
1199
1193
|
<slot @slotchange=${this.onSlotChange}
|
|
1200
1194
|
@change=${this.onChange}
|
|
1201
1195
|
@keydown=${this.onKeyDown}
|
|
1202
1196
|
></slot>
|
|
1203
|
-
`}onSlotChange(){this.radioButtons.forEach(
|
|
1197
|
+
`}onSlotChange(){this.radioButtons.forEach(t=>t.name=this.name)}contentAvailableCallback(t){super.contentAvailableCallback(t),this.radioButtons[0].setAttribute("tabindex","0")}onChange(t){t.stopPropagation(),this.radioButtons.forEach(r=>r.checked=t.detail.value===r.value),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){let r=!1;switch(t.key){case"ArrowUp":case"ArrowLeft":{r=!0;let i=this.findFtRadio(t),n=this.radioButtons.indexOf(i)-1;this.radioButtons[n<0?this.radioButtons.length-1:n].select(),this.radioButtons[n<0?this.radioButtons.length-1:n].focus();break}case"ArrowDown":case"ArrowRight":{r=!0;let i=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[i>this.radioButtons.length-1?0:i].select(),this.radioButtons[i>this.radioButtons.length-1?0:i].focus();break}case"Enter":{let i=this.radioButtons.indexOf(this.findFtRadio(t));this.radioButtons[i].select()}}r&&(t.stopPropagation(),t.preventDefault())}findFtRadio(t){return t.composedPath().find(r=>r.tagName==="FT-RADIO")}focusCurrentValue(){setTimeout(()=>{var t;return(t=this.radioButtons.find(r=>r.checked))===null||t===void 0?void 0:t.focus()},10)}};Ft.elementDefinitions={};Ft.styles=Bs;vr([(0,ho.property)()],Ft.prototype,"name",void 0);vr([(0,ho.property)({reflect:!0,attribute:"role"})],Ft.prototype,"role",void 0);vr([(0,ho.property)({reflect:!0,attribute:"aria-labelledby"})],Ft.prototype,"ariaLabelledBy",void 0);vr([(0,ho.queryAssignedElements)()],Ft.prototype,"radioButtons",void 0);(0,si.customElement)("ft-radio")(et);(0,si.customElement)("ft-radio-group")(Ft);var zs=f(C()),F=f(x());var Sr={borderRadiusM:F.FtCssVariableFactory.external(F.designSystemVariables.borderRadiusM,"Design system"),colorOutline:F.FtCssVariableFactory.external(F.designSystemVariables.colorOutline,"Design system"),colorOnSurface:F.FtCssVariableFactory.external(F.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:F.FtCssVariableFactory.external(F.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:F.FtCssVariableFactory.external(F.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:F.FtCssVariableFactory.external(F.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:F.FtCssVariableFactory.external(F.designSystemVariables.colorOnPrimary,"Design system"),fontFamily:F.FtCssVariableFactory.external(dt.fontFamily,"Body2 typography"),fontSize:F.FtCssVariableFactory.external(dt.fontSize,"Body2 typography"),fontWeight:F.FtCssVariableFactory.external(dt.fontWeight,"Body2 typography"),letterSpacing:F.FtCssVariableFactory.external(dt.letterSpacing,"Body2 typography"),lineHeight:F.FtCssVariableFactory.external(dt.lineHeight,"Body2 typography"),textTransform:F.FtCssVariableFactory.external(dt.textTransform,"Body2 typography")},Ms=zs.css`
|
|
1204
1198
|
.ft-filter-level--container {
|
|
1205
1199
|
display: flex;
|
|
1206
1200
|
flex-direction: column;
|
|
@@ -1214,14 +1208,14 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1214
1208
|
flex-shrink: 0;
|
|
1215
1209
|
text-decoration: none;
|
|
1216
1210
|
position: relative;
|
|
1217
|
-
border-radius: ${
|
|
1211
|
+
border-radius: ${Sr.borderRadiusM};
|
|
1218
1212
|
overflow: hidden;
|
|
1219
1213
|
display: flex;
|
|
1220
1214
|
align-items: center;
|
|
1221
1215
|
padding: 4px 4px;
|
|
1222
1216
|
gap: 4px;
|
|
1223
1217
|
cursor: pointer;
|
|
1224
|
-
color: ${
|
|
1218
|
+
color: ${Sr.colorOnSurface};
|
|
1225
1219
|
}
|
|
1226
1220
|
|
|
1227
1221
|
.ft-filter-level--go-back:focus {
|
|
@@ -1250,7 +1244,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1250
1244
|
}
|
|
1251
1245
|
|
|
1252
1246
|
ft-button {
|
|
1253
|
-
${
|
|
1247
|
+
${(0,F.setVariable)(_.color,Sr.colorOnSurface)};
|
|
1254
1248
|
}
|
|
1255
1249
|
|
|
1256
1250
|
ft-radio, ft-checkbox {
|
|
@@ -1264,14 +1258,15 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1264
1258
|
|
|
1265
1259
|
.ft-filter-level--no-values {
|
|
1266
1260
|
margin: 10px 0;
|
|
1267
|
-
color: ${
|
|
1261
|
+
color: ${Sr.colorOnSurfaceMedium};
|
|
1268
1262
|
}
|
|
1269
|
-
`;var
|
|
1263
|
+
`;var vt=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},X=class extends Or.FtLitElement{constructor(){super(...arguments),this.filterId="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.displayCount=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return t!=null&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,r;return(r=(t=this.container)===null||t===void 0?void 0:t.scrollHeight)!==null&&r!==void 0?r:0}render(){let t=[...this.options];this.hideSelectedOptions&&(t=t.filter(i=>!i.selected)),this.filter&&(t=t.filter(i=>i.label.toLowerCase().includes(this.filter.toLowerCase())));let r=t.slice(0,this.limit);return Pt.html`
|
|
1270
1264
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
1271
|
-
${
|
|
1265
|
+
${this.parent==null?null:Pt.html`
|
|
1272
1266
|
<div tabindex="0"
|
|
1273
1267
|
part="controls go-back"
|
|
1274
1268
|
class="ft-filter-level--go-back"
|
|
1269
|
+
aria-label="back to ${this.parent.label}"
|
|
1275
1270
|
?disabled=${this.disabled}
|
|
1276
1271
|
@keyup=${this.goBackOnKeyPress}
|
|
1277
1272
|
@click=${this.goBackOnClick}>
|
|
@@ -1280,25 +1275,26 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1280
1275
|
<ft-typography variant="body2">${this.parent.label}</ft-typography>
|
|
1281
1276
|
</div>
|
|
1282
1277
|
`}
|
|
1283
|
-
${
|
|
1278
|
+
${this.options.length===0&&this.noValuesLabel?Pt.html`
|
|
1284
1279
|
<ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
|
|
1285
1280
|
${this.noValuesLabel}
|
|
1286
1281
|
</ft-typography>
|
|
1287
|
-
`:
|
|
1288
|
-
${
|
|
1289
|
-
<div class="ft-filter-level--option" part="options">
|
|
1290
|
-
${this.multivalued?this.buildMultiValuedOption(
|
|
1291
|
-
${this.preventNavigation||
|
|
1282
|
+
`:Pt.nothing}
|
|
1283
|
+
${(0,Ws.repeat)(r,i=>i.value,i=>{var n;return Pt.html`
|
|
1284
|
+
<div class="ft-filter-level--option" part="options" tabindex="-1">
|
|
1285
|
+
${this.multivalued?this.buildMultiValuedOption(i):this.buildMonoValuedOption(i)}
|
|
1286
|
+
${this.preventNavigation||i.selected||((n=i.subOptions)!==null&&n!==void 0?n:[]).length===0?Pt.nothing:Pt.html`
|
|
1292
1287
|
<ft-button icon="thin_arrow_right"
|
|
1293
1288
|
part="controls navigate-hierarchy"
|
|
1294
|
-
label="
|
|
1289
|
+
aria-label="expand node"
|
|
1290
|
+
label="${i.label}"
|
|
1295
1291
|
?disabled=${this.disabled}
|
|
1296
1292
|
tooltipPosition="left"
|
|
1297
|
-
@click=${()=>this.displayLevel(
|
|
1293
|
+
@click=${()=>this.displayLevel(i)}></ft-button>
|
|
1298
1294
|
`}
|
|
1299
1295
|
</div>
|
|
1300
|
-
`})
|
|
1301
|
-
${
|
|
1296
|
+
`})}
|
|
1297
|
+
${r.length<t.length?Pt.html`
|
|
1302
1298
|
<ft-button
|
|
1303
1299
|
class="ft-filter-level--display-more"
|
|
1304
1300
|
icon="thin_arrow"
|
|
@@ -1307,31 +1303,31 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1307
1303
|
@click=${this.displayMore}>
|
|
1308
1304
|
${this.moreValuesButtonLabel}
|
|
1309
1305
|
</ft-button>
|
|
1310
|
-
`:
|
|
1306
|
+
`:Pt.nothing}
|
|
1311
1307
|
</div>
|
|
1312
|
-
`}goBackOnKeyPress(t){"Enter"
|
|
1308
|
+
`}goBackOnKeyPress(t){(t.key==="Enter"||t.key===" ")&&this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(t){t.stopPropagation(),t.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++,this.makeRadioKeyBoardNavigable()}onRadioChange(t){var r;t.stopPropagation();let i=t;(r=this.radios)===null||r===void 0||r.forEach(n=>{n.checked=n.name===i.detail.value,n.setAttribute("tabindex","0")})}buildMultiValuedOption(t){var r;return Pt.html`
|
|
1313
1309
|
<ft-checkbox name="${this.filterId}"
|
|
1314
1310
|
part="multivalued-option"
|
|
1315
1311
|
data-value="${t.value}"
|
|
1316
1312
|
|
|
1317
1313
|
.checked=${t.selected}
|
|
1318
1314
|
.disabled=${this.disabled}
|
|
1319
|
-
.indeterminate=${
|
|
1320
|
-
@change=${
|
|
1315
|
+
.indeterminate=${(0,Or.flatDeep)((r=t.subOptions)!==null&&r!==void 0?r:[],i=>{var n;return(n=i.subOptions)!==null&&n!==void 0?n:[]}).some(i=>i.selected)}
|
|
1316
|
+
@change=${i=>this.optionsChanged(i,t)}>
|
|
1321
1317
|
${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
|
|
1322
1318
|
</ft-checkbox>
|
|
1323
|
-
`}buildMonoValuedOption(t){return
|
|
1324
|
-
<ft-radio name="${this.filterId+Math.round(
|
|
1319
|
+
`}buildMonoValuedOption(t){return Pt.html`
|
|
1320
|
+
<ft-radio name="${this.filterId+Math.round(Math.random()*1e6)}"
|
|
1325
1321
|
part="monovalued-option"
|
|
1326
1322
|
data-value="${t.value}"
|
|
1327
1323
|
.checked=${t.selected}
|
|
1328
1324
|
.disabled=${this.disabled}
|
|
1329
|
-
@click=${
|
|
1330
|
-
@keyup=${
|
|
1331
|
-
@change=${
|
|
1325
|
+
@click=${r=>this.optionsChanged(r,t)}
|
|
1326
|
+
@keyup=${r=>this.onRadioKeyUp(r,t)}
|
|
1327
|
+
@change=${r=>this.onRadioChange(r)}>
|
|
1332
1328
|
${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
|
|
1333
1329
|
</ft-radio>
|
|
1334
|
-
`}onRadioKeyUp(t,
|
|
1330
|
+
`}onRadioKeyUp(t,r){r.selected&&t.key===" "&&this.optionsChanged(t,r)}optionsChanged(t,r){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:r}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}connectedCallback(){super.connectedCallback(),this.makeRadioKeyBoardNavigable()}makeRadioKeyBoardNavigable(){this.multivalued||setTimeout(()=>{var t,r;this.radios=Array.from((t=this.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("ft-radio")),(r=this.radios)===null||r===void 0||r.forEach(i=>{var n,a;i.setAttribute("tabindex","0"),(a=(n=i.shadowRoot)===null||n===void 0?void 0:n.querySelector('input[type="radio"]'))===null||a===void 0||a.setAttribute("tabindex","-1")})},5)}};X.elementDefinitions={"ft-button":ft,"ft-ripple":$,"ft-typography":H,"ft-checkbox":At,"ft-icon":mt,"ft-radio":et};X.styles=Ms;vt([(0,at.property)({type:String})],X.prototype,"filterId",void 0);vt([(0,at.property)({type:Object})],X.prototype,"parent",void 0);vt([(0,at.property)({type:Array})],X.prototype,"options",void 0);vt([(0,at.property)({type:Boolean})],X.prototype,"multivalued",void 0);vt([(0,at.property)({type:Boolean})],X.prototype,"disabled",void 0);vt([(0,at.property)({type:Boolean})],X.prototype,"hideSelectedOptions",void 0);vt([(0,at.property)({type:Boolean})],X.prototype,"displayCount",void 0);vt([(0,at.property)({type:Boolean})],X.prototype,"preventNavigation",void 0);vt([(0,at.property)({type:String})],X.prototype,"filter",void 0);vt([(0,at.property)({type:String})],X.prototype,"moreValuesButtonLabel",void 0);vt([(0,at.property)({type:String})],X.prototype,"noValuesLabel",void 0);vt([(0,at.property)({type:Number})],X.prototype,"displayedValuesLimit",void 0);vt([(0,at.query)(".ft-filter-level--container")],X.prototype,"container",void 0);vt([(0,at.state)()],X.prototype,"radios",void 0);vt([(0,at.state)()],X.prototype,"displayedPages",void 0);var Zs=f(x());var Gs=f(C()),$t=f(W()),Fe=f(x());var Ks=f(Le());var Hs=f(C()),Kt=f(x());var Ee={buttonsColor:Kt.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",Kt.designSystemVariables.colorPrimary),buttonsZIndex:Kt.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:Kt.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:Kt.FtCssVariableFactory.external(Kt.designSystemVariables.colorSurface,"Design system")},Vs=Hs.css`
|
|
1335
1331
|
.ft-snap-scroll {
|
|
1336
1332
|
box-sizing: border-box;
|
|
1337
1333
|
position: relative;
|
|
@@ -1366,7 +1362,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1366
1362
|
flex-wrap: nowrap;
|
|
1367
1363
|
align-items: flex-start;
|
|
1368
1364
|
justify-content: flex-start;
|
|
1369
|
-
gap: ${
|
|
1365
|
+
gap: ${Ee.gap};
|
|
1370
1366
|
}
|
|
1371
1367
|
|
|
1372
1368
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1409,11 +1405,11 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1409
1405
|
.ft-snap-scroll--next {
|
|
1410
1406
|
position: absolute;
|
|
1411
1407
|
display: flex;
|
|
1412
|
-
z-index: ${
|
|
1408
|
+
z-index: ${Ee.buttonsZIndex};
|
|
1413
1409
|
opacity: 1;
|
|
1414
1410
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1415
|
-
${
|
|
1416
|
-
${
|
|
1411
|
+
${(0,Kt.setVariable)(_.backgroundColor,"transparent")};
|
|
1412
|
+
${(0,Kt.setVariable)(_.color,Ee.buttonsColor)};
|
|
1417
1413
|
}
|
|
1418
1414
|
|
|
1419
1415
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1426,45 +1422,45 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1426
1422
|
top: 0;
|
|
1427
1423
|
left: -1px;
|
|
1428
1424
|
bottom: 0;
|
|
1429
|
-
background: linear-gradient(to right, ${
|
|
1425
|
+
background: linear-gradient(to right, ${Ee.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1430
1426
|
}
|
|
1431
1427
|
|
|
1432
1428
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1433
1429
|
top: -1px;
|
|
1434
1430
|
left: 0;
|
|
1435
1431
|
right: 0;
|
|
1436
|
-
background: linear-gradient(to bottom, ${
|
|
1432
|
+
background: linear-gradient(to bottom, ${Ee.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1437
1433
|
}
|
|
1438
1434
|
|
|
1439
1435
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1440
1436
|
top: 0;
|
|
1441
1437
|
right: -1px;
|
|
1442
1438
|
bottom: 0;
|
|
1443
|
-
background: linear-gradient(to left, ${
|
|
1439
|
+
background: linear-gradient(to left, ${Ee.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1444
1440
|
}
|
|
1445
1441
|
|
|
1446
1442
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1447
1443
|
left: 0;
|
|
1448
1444
|
right: 0;
|
|
1449
1445
|
bottom: -1px;
|
|
1450
|
-
background: linear-gradient(to top, ${
|
|
1446
|
+
background: linear-gradient(to top, ${Ee.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1451
1447
|
}
|
|
1452
1448
|
|
|
1453
1449
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1454
1450
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1455
1451
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1456
1452
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1457
|
-
background-color: ${
|
|
1453
|
+
background-color: ${Ee.colorSurface};
|
|
1458
1454
|
}
|
|
1459
|
-
`;var
|
|
1455
|
+
`;var ee=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},li=class extends CustomEvent{constructor(t,r){super("current-element-change",{detail:{index:t,element:r}})}},st=class extends Fe.FtLitElement{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver(()=>this.scheduleUpdateScroll()),this.scrollDebouncer=new Fe.Debouncer(200),this.updateScrollDebouncer=new Fe.Debouncer(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let r=this.elements[t];if(r){let i=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,n=this.contentSlot[this.scrollAttribute]+this.prevSize;(r[this.offsetAttribute]<n||r[this.offsetAttribute]+r[this.sizeAttribute]>i)&&this.scrollToElement(r)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){let t=(0,Ks.classMap)({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":Fe.isSafari}),r=this.controls&&this.withScroll;return Gs.html`
|
|
1460
1456
|
<div part="container" class="${t}">
|
|
1461
1457
|
<ft-button
|
|
1462
1458
|
class="ft-snap-scroll--previous"
|
|
1463
1459
|
part="controls"
|
|
1464
1460
|
primary
|
|
1465
1461
|
icon="${this.horizontal?"THIN_ARROW_LEFT":"THIN_ARROW_UP"}"
|
|
1466
|
-
?hidden=${!
|
|
1467
|
-
?disabled=${!
|
|
1462
|
+
?hidden=${!r||this.startReached}
|
|
1463
|
+
?disabled=${!r||this.startReached}
|
|
1468
1464
|
@click=${this.previous}
|
|
1469
1465
|
></ft-button>
|
|
1470
1466
|
<slot class="ft-snap-scroll--content"
|
|
@@ -1475,12 +1471,12 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1475
1471
|
part="controls"
|
|
1476
1472
|
primary
|
|
1477
1473
|
icon="${this.horizontal?"THIN_ARROW_RIGHT":"THIN_ARROW"}"
|
|
1478
|
-
?hidden=${!
|
|
1479
|
-
?disabled=${!
|
|
1474
|
+
?hidden=${!r||this.endReached}
|
|
1475
|
+
?disabled=${!r||this.endReached}
|
|
1480
1476
|
@click=${this.next}
|
|
1481
1477
|
></ft-button>
|
|
1482
1478
|
</div>
|
|
1483
|
-
`}update(t){super.update(t),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new
|
|
1479
|
+
`}update(t){super.update(t),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new li(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(t){var r;super.contentAvailableCallback(t),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,(r=this.listenedContainer)===null||r===void 0||r.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run(()=>this.snap()),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(t!=null){let r=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<r&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var r,i;t&&(this.horizontal?(r=this.contentSlot)===null||r===void 0||r.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):(i=this.contentSlot)===null||i===void 0||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,r;this.elements=(r=(t=this.contentSlot)===null||t===void 0?void 0:t.assignedElements().map(i=>i))!==null&&r!==void 0?r:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let r=0;r<this.elements.length;r++)(t<0||this.getDistanceFromStart(this.elements[r])<this.getDistanceFromStart(this.elements[t]))&&(t=r);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run(()=>this.updateScroll())}updateScroll(){this.contentSlot!=null?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=this.contentSlot[this.scrollAttribute]===0,this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){let r=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-r)}};st.elementDefinitions={"ft-button":ft};st.styles=Vs;ee([(0,$t.property)({type:Boolean})],st.prototype,"horizontal",void 0);ee([(0,$t.property)({type:Boolean})],st.prototype,"hideScrollbar",void 0);ee([(0,$t.property)({type:Boolean})],st.prototype,"controls",void 0);ee([(0,$t.property)({type:Boolean})],st.prototype,"limitSize",void 0);ee([(0,$t.state)()],st.prototype,"elements",void 0);ee([(0,$t.state)()],st.prototype,"currentElement",void 0);ee([(0,$t.state)()],st.prototype,"withScroll",void 0);ee([(0,$t.state)()],st.prototype,"startReached",void 0);ee([(0,$t.state)()],st.prototype,"endReached",void 0);ee([(0,$t.query)(".ft-snap-scroll--content")],st.prototype,"contentSlot",void 0);(0,Zs.customElement)("ft-snap-scroll")(st);var js=f(C()),V=f(x());var wt={colorOutline:V.FtCssVariableFactory.external(V.designSystemVariables.colorOutline,"Design system"),colorOnSurface:V.FtCssVariableFactory.external(V.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:V.FtCssVariableFactory.external(V.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorPrimary:V.FtCssVariableFactory.external(V.designSystemVariables.colorPrimary,"Design system"),colorSurface:V.FtCssVariableFactory.external(V.designSystemVariables.colorSurface,"Design system"),transitionDuration:V.FtCssVariableFactory.external(V.designSystemVariables.transitionDuration,"Design system"),transitionTimingFunction:V.FtCssVariableFactory.external(V.designSystemVariables.transitionTimingFunction,"Design system"),labelColor:V.FtCssVariableFactory.extend("--ft-filter-label-color","",V.designSystemVariables.colorOnSurface),labelFontSize:V.FtCssVariableFactory.extend("--ft-filter-label-font-size","",O.fontSize,"16px")},qs=[tr,js.css`
|
|
1484
1480
|
:host {
|
|
1485
1481
|
display: flex;
|
|
1486
1482
|
max-height: 100%;
|
|
@@ -1507,7 +1503,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1507
1503
|
.ft-filter--header ft-button {
|
|
1508
1504
|
flex-shrink: 0;
|
|
1509
1505
|
margin-left: auto;
|
|
1510
|
-
${
|
|
1506
|
+
${(0,V.setVariable)(_.iconSize,"18px")};
|
|
1511
1507
|
}
|
|
1512
1508
|
.filter-label {
|
|
1513
1509
|
display: contents;
|
|
@@ -1518,10 +1514,10 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1518
1514
|
flex-shrink: 1;
|
|
1519
1515
|
flex-grow: 1;
|
|
1520
1516
|
word-break: break-word;
|
|
1521
|
-
color: ${
|
|
1522
|
-
font-size: ${
|
|
1523
|
-
${
|
|
1524
|
-
${
|
|
1517
|
+
color: ${wt.labelColor};
|
|
1518
|
+
font-size: ${wt.labelFontSize};
|
|
1519
|
+
${(0,V.setVariable)(O.lineHeight,"22px")};
|
|
1520
|
+
${(0,V.setVariable)(O.fontWeight,"bold")};
|
|
1525
1521
|
}
|
|
1526
1522
|
|
|
1527
1523
|
.ft-filter--filter {
|
|
@@ -1532,8 +1528,8 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1532
1528
|
padding: 0 10px;
|
|
1533
1529
|
overflow: hidden;
|
|
1534
1530
|
height: 32px;
|
|
1535
|
-
transition: height ${
|
|
1536
|
-
margin ${
|
|
1531
|
+
transition: height ${wt.transitionDuration} ${wt.transitionTimingFunction},
|
|
1532
|
+
margin ${wt.transitionDuration} ${wt.transitionTimingFunction};
|
|
1537
1533
|
transition-delay: 500ms;
|
|
1538
1534
|
}
|
|
1539
1535
|
|
|
@@ -1546,15 +1542,15 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1546
1542
|
display: block;
|
|
1547
1543
|
width: 100%;
|
|
1548
1544
|
border-radius: 4px;
|
|
1549
|
-
border: 1px solid ${
|
|
1545
|
+
border: 1px solid ${wt.colorOutline};
|
|
1550
1546
|
padding: 4px;
|
|
1551
|
-
background-color: ${
|
|
1552
|
-
color: ${
|
|
1553
|
-
outline-color: ${
|
|
1547
|
+
background-color: ${wt.colorSurface};
|
|
1548
|
+
color: ${wt.colorOnSurface};
|
|
1549
|
+
outline-color: ${wt.colorPrimary};
|
|
1554
1550
|
}
|
|
1555
1551
|
|
|
1556
1552
|
input::placeholder {
|
|
1557
|
-
color: ${
|
|
1553
|
+
color: ${wt.colorOnSurfaceMedium};
|
|
1558
1554
|
}
|
|
1559
1555
|
|
|
1560
1556
|
input:placeholder-shown {
|
|
@@ -1570,7 +1566,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1570
1566
|
}
|
|
1571
1567
|
|
|
1572
1568
|
.ft-filter--separator {
|
|
1573
|
-
border-top: 1px solid ${
|
|
1569
|
+
border-top: 1px solid ${wt.colorOutline};
|
|
1574
1570
|
margin: 4px 10px;
|
|
1575
1571
|
}
|
|
1576
1572
|
|
|
@@ -1595,10 +1591,10 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1595
1591
|
slot:not([name]) {
|
|
1596
1592
|
display: none;
|
|
1597
1593
|
}
|
|
1598
|
-
`];var
|
|
1594
|
+
`];var z=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},ci=class extends CustomEvent{constructor(t){super("change",{detail:t})}},I=class extends zt.FtLitElement{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.noValuesLabel="No values available",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayCount=!1,this.displayedValuesLimit=0,this.hideClearButton=!1,this.lastLevelHasHiddenvalues=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver(()=>this.updateScroll()),this.levelsScrollDebouncer=new zt.Debouncer(300),this.changeDebouncer=new zt.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return(0,zt.flatDeep)(this.options,t=>{var r;return(r=t.subOptions)!==null&&r!==void 0?r:[]})}get childrenFilteredFlatOptions(){return(0,zt.flatDeep)(this.options,t=>{var r;return t.selected?[]:(r=t.subOptions)!==null&&r!==void 0?r:[]})}get selectedValues(){return this.childrenFilteredFlatOptions.filter(t=>t.selected).map(t=>t.value)}render(){let t=this.flatOptions.some(n=>n.selected),r=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,i=this.filterPlaceHolder.replace("{0}",this.label);return ze.html`
|
|
1599
1595
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1600
1596
|
part="container">
|
|
1601
|
-
${this.label
|
|
1597
|
+
${!this.label&&!t?null:ze.html`
|
|
1602
1598
|
|
|
1603
1599
|
<div class="ft-filter--header" part="header">
|
|
1604
1600
|
<div class="filter-label" id="id-group-${this.id}">
|
|
@@ -1607,20 +1603,20 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1607
1603
|
</ft-typography>
|
|
1608
1604
|
<slot name="label"></slot>
|
|
1609
1605
|
</div>
|
|
1610
|
-
${t&&!this.hideClearButton?
|
|
1606
|
+
${t&&!this.hideClearButton?ze.html`
|
|
1611
1607
|
<ft-button icon="close" dense @click=${this.clear} part="clear-button">
|
|
1612
1608
|
${this.clearButtonLabel}
|
|
1613
1609
|
</ft-button>
|
|
1614
1610
|
`:null}
|
|
1615
1611
|
</div>
|
|
1616
|
-
|
|
1617
|
-
<div class="ft-filter--filter" ?hidden=${!
|
|
1612
|
+
`}
|
|
1613
|
+
<div class="ft-filter--filter" ?hidden=${!r}>
|
|
1618
1614
|
<input type="search"
|
|
1619
1615
|
part="input"
|
|
1620
1616
|
class="ft-typography--caption"
|
|
1621
|
-
?disabled=${!
|
|
1617
|
+
?disabled=${!r}
|
|
1622
1618
|
placeholder="${i}"
|
|
1623
|
-
size="${
|
|
1619
|
+
size="${r?i.length:0}"
|
|
1624
1620
|
@search=${this.onFilterChange}
|
|
1625
1621
|
@keyup=${this.onFilterChange}>
|
|
1626
1622
|
</div>
|
|
@@ -1631,15 +1627,15 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1631
1627
|
@slotchange=${this.updateOptionsFromSlot}
|
|
1632
1628
|
@option-change=${this.optionsChanged}></slot>
|
|
1633
1629
|
</div>
|
|
1634
|
-
`}update(t){if(super.update(t),t.has("options")){
|
|
1635
|
-
${this.raiseSelectedOptions&&
|
|
1630
|
+
`}update(t){if(super.update(t),t.has("options")){let r=new Set(this.flatOptions.map(i=>i.value));this.displayedLevels=this.displayedLevels.filter(i=>r.has(i)),this.lastDispatchedValues=this.selectedValues}}contentAvailableCallback(t){var r,i,n,a,s;super.contentAvailableCallback(t),this.valuesContainer&&this.scrollResizeObserver.observe(this.valuesContainer),this.container&&this.scrollResizeObserver.observe(this.container),t.has("options")&&(this.updateScroll(),(r=this.levelsContainer)===null||r===void 0||r.scrollToIndex(this.displayedLevels.length)),t.has("slideIn")&&this.slideIn&&setTimeout(()=>{var c;(c=this.levelsContainer)===null||c===void 0||c.next(),this.slideIn=void 0},0),t.has("slideOut")&&this.slideOut&&((i=this.levelsContainer)===null||i===void 0||i.previous(),setTimeout(()=>{this.displayedLevels.pop(),this.slideOut=void 0},300)),this.lastLevelHasHiddenvalues=(s=(a=(n=this.shadowRoot)===null||n===void 0?void 0:n.querySelector(".ft-filter--levels ft-filter-level:last-child"))===null||a===void 0?void 0:a.hasHiddenValues)!==null&&s!==void 0?s:!1}renderLevels(){let t=this.flatOptions,r=t.filter(a=>a.selected),i=this.slideIn||this.slideOut?this.displayedLevels.length-2:this.displayedLevels.length-1,n=i<0?"ft-filter--level-center":"ft-filter--level-left";return ze.html`
|
|
1631
|
+
${this.raiseSelectedOptions&&r.length>0?ze.html`
|
|
1636
1632
|
<ft-filter-level
|
|
1637
1633
|
filterId="${this.id}"
|
|
1638
1634
|
?multivalued=${this.multivalued}
|
|
1639
1635
|
?disabled=${this.disabled}
|
|
1640
1636
|
?displayCount="${this.displayCount}"
|
|
1641
1637
|
preventNavigation
|
|
1642
|
-
.options=${
|
|
1638
|
+
.options=${r}
|
|
1643
1639
|
@change=${this.onChange}
|
|
1644
1640
|
part="values selected-values"
|
|
1645
1641
|
.exportpartsPrefixes=${["values","selected-values"]}
|
|
@@ -1648,22 +1644,22 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1648
1644
|
`:null}
|
|
1649
1645
|
<ft-snap-scroll horizontal hideScrollbar
|
|
1650
1646
|
class="ft-filter--levels"
|
|
1651
|
-
@current-element-change=${
|
|
1652
|
-
${this.renderLevel(
|
|
1653
|
-
${this.displayedLevels.map(
|
|
1647
|
+
@current-element-change=${a=>this.levelsScrollDebouncer.run(()=>{for(;a.detail.index<this.displayedLevels.length;)this.displayedLevels.pop();this.requestUpdate()})}>
|
|
1648
|
+
${this.renderLevel(n,this.options)}
|
|
1649
|
+
${this.displayedLevels.map(a=>t.find(s=>s.value===a)).map((a,s)=>{var c;let h=a?.value===this.slideIn||a?.value===this.slideOut?"ft-filter--level-right":s===i?"ft-filter--level-center":"ft-filter--level-left";return this.renderLevel(h,(c=a?.subOptions)!==null&&c!==void 0?c:[],a)})}
|
|
1654
1650
|
</ft-snap-scroll>
|
|
1655
|
-
`}renderLevel(t,
|
|
1651
|
+
`}renderLevel(t,r,i){return ze.html`
|
|
1656
1652
|
<ft-filter-level
|
|
1657
1653
|
class="${t}"
|
|
1658
1654
|
filterId="${this.id}"
|
|
1659
1655
|
.filter="${this.filter}"
|
|
1660
1656
|
moreValuesButtonLabel="${this.moreValuesButtonLabel}"
|
|
1661
1657
|
?multivalued=${this.multivalued}
|
|
1662
|
-
?disabled=${this.disabled||"ft-filter--level-center"
|
|
1658
|
+
?disabled=${this.disabled||t!=="ft-filter--level-center"}
|
|
1663
1659
|
?hideSelectedOptions=${this.raiseSelectedOptions}
|
|
1664
1660
|
?displayCount="${this.displayCount}"
|
|
1665
1661
|
.parent=${i}
|
|
1666
|
-
.options=${
|
|
1662
|
+
.options=${r}
|
|
1667
1663
|
.displayedValuesLimit=${this.displayedValuesLimit}
|
|
1668
1664
|
@change=${this.onChange}
|
|
1669
1665
|
@go-back=${this.goBack}
|
|
@@ -1672,18 +1668,18 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1672
1668
|
.exportpartsPrefixes=${["values","available-values"]}
|
|
1673
1669
|
noValuesLabel="${this.noValuesLabel}"
|
|
1674
1670
|
></ft-filter-level>
|
|
1675
|
-
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach(
|
|
1671
|
+
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach(t=>t.selected=!1),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var r;t.stopPropagation();let i=this.flatOptions.find(a=>a.value===t.detail.value);i.selected=!i.selected;let n=a=>{var s;a!==i&&(a.selected=!1),(s=a.subOptions)===null||s===void 0||s.forEach(n)};this.multivalued?(r=i.subOptions)===null||r===void 0||r.forEach(n):this.options.forEach(n),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run(()=>{var t;this.sendEventIfValuesChanged(),this.requestUpdate(),(t=this.levels)===null||t===void 0||t.forEach(r=>r.requestUpdate())})}sendEventIfValuesChanged(){let t=this.selectedValues;(0,zt.deepEqual)(this.lastDispatchedValues,t)||(this.dispatchEvent(new ci(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map(r=>r),this.optionsChanged()}onFilterChange(){var t,r;this.filter=(r=(t=this.filterInput)===null||t===void 0?void 0:t.value)!==null&&r!==void 0?r:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}};I.elementDefinitions={"ft-button":ft,"ft-filter-level":X,"ft-snap-scroll":st,"ft-typography":H};I.styles=qs;z([(0,B.property)({type:String})],I.prototype,"id",void 0);z([(0,B.property)({type:String})],I.prototype,"label",void 0);z([(0,B.property)({type:String})],I.prototype,"filterPlaceHolder",void 0);z([(0,B.property)({type:String})],I.prototype,"clearButtonLabel",void 0);z([(0,B.property)({type:String})],I.prototype,"moreValuesButtonLabel",void 0);z([(0,B.property)({type:String})],I.prototype,"noValuesLabel",void 0);z([(0,zt.jsonProperty)([])],I.prototype,"options",void 0);z([(0,B.property)({type:Boolean})],I.prototype,"multivalued",void 0);z([(0,B.property)({type:Boolean})],I.prototype,"disabled",void 0);z([(0,B.property)({type:Boolean})],I.prototype,"raiseSelectedOptions",void 0);z([(0,B.property)({type:Boolean})],I.prototype,"displayCount",void 0);z([(0,B.property)({type:Number})],I.prototype,"displayedValuesLimit",void 0);z([(0,B.property)({type:Boolean})],I.prototype,"hideClearButton",void 0);z([(0,B.query)(".ft-filter--slot")],I.prototype,"slotElement",void 0);z([(0,B.query)(".ft-filter--container")],I.prototype,"container",void 0);z([(0,B.query)(".ft-filter--values")],I.prototype,"valuesContainer",void 0);z([(0,B.query)(".ft-filter--levels")],I.prototype,"levelsContainer",void 0);z([(0,B.state)()],I.prototype,"lastLevelHasHiddenvalues",void 0);z([(0,B.query)(".ft-filter--filter input")],I.prototype,"filterInput",void 0);z([(0,B.queryAll)(".ft-filter--levels ft-filter-level")],I.prototype,"levels",void 0);z([(0,B.state)()],I.prototype,"withScroll",void 0);z([(0,B.state)()],I.prototype,"filter",void 0);z([(0,B.state)()],I.prototype,"slideIn",void 0);z([(0,B.state)()],I.prototype,"slideOut",void 0);var Cr=f(x()),Me=f(W()),Ys=f(C()),uo=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Zt=class extends Cr.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return Ys.html`
|
|
1676
1672
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1677
|
-
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map(
|
|
1673
|
+
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map(r=>r)}update(t){super.update(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};Zt.elementDefinitions={};uo([(0,Me.property)({type:String})],Zt.prototype,"label",void 0);uo([(0,Me.property)({type:Object,converter:o=>o})],Zt.prototype,"value",void 0);uo([(0,Me.property)({type:Boolean,reflect:!0})],Zt.prototype,"selected",void 0);uo([(0,Me.property)({type:Object})],Zt.prototype,"subOptions",void 0);uo([(0,Cr.jsonProperty)({})],Zt.prototype,"renderOption",void 0);uo([(0,Me.query)(".ft-filter-option--slot")],Zt.prototype,"slotElement",void 0);(0,pi.customElement)("ft-filter")(I);(0,pi.customElement)("ft-filter-option")(Zt);var Ae=po.build("designedSearchType"),Er={label:"Search scope",documentTitlesOnly:"Search in document titles only"};var tl=f(W());var Xs=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},we=class extends Oe(ye){constructor(){super(),this.addI18nContext(Ae,Er)}render(){return Qs.html`
|
|
1678
1674
|
<ft-filter
|
|
1679
|
-
label=${
|
|
1680
|
-
.options=${[{label:
|
|
1675
|
+
label=${Ae.messages.label()}
|
|
1676
|
+
.options=${[{label:Ae.messages.documentTitlesOnly(),value:t=>{var r;return(r=this.stateManager)===null||r===void 0?void 0:r.setSearchInDocumentTitlesOnly(t)},selected:this.searchInDocumentTitlesOnly}]}
|
|
1681
1677
|
part="filter"
|
|
1682
1678
|
.exportpartsPrefixes=${["filter"]}
|
|
1683
1679
|
multivalued
|
|
1684
1680
|
@change=${this.onSelected}
|
|
1685
1681
|
></ft-filter>
|
|
1686
|
-
`}onSelected(t){var
|
|
1682
|
+
`}onSelected(t){var r;(r=this.filter)===null||r===void 0||r.options.forEach(i=>i.value(i.selected))}};we.elementDefinitions={"ft-filter":I};we.styles=Es;Xs([(0,Js.redux)({selector:bo})],we.prototype,"searchInDocumentTitlesOnly",void 0);Xs([(0,tl.query)("ft-filter")],we.prototype,"filter",void 0);(0,el.customElement)("ft-search-type")(we);var nl=f(x());var jt=f(C());var ol=f(C()),We=f(x());var Kl={headerColor:We.FtCssVariableFactory.extend("--ft-search-period-filter-header-color","",We.designSystemVariables.colorOnSurface)},rl=ol.css`
|
|
1687
1683
|
[part="container"] {
|
|
1688
1684
|
flex-grow: 1;
|
|
1689
1685
|
display: flex;
|
|
@@ -1698,7 +1694,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1698
1694
|
overflow: auto;
|
|
1699
1695
|
display: flex;
|
|
1700
1696
|
flex-direction: column;
|
|
1701
|
-
${
|
|
1697
|
+
${(0,We.setVariable)(O.lineHeight,"22px")};
|
|
1702
1698
|
}
|
|
1703
1699
|
|
|
1704
1700
|
[part="header"] {
|
|
@@ -1708,7 +1704,7 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1708
1704
|
flex-shrink: 0;
|
|
1709
1705
|
padding: 0 10px;
|
|
1710
1706
|
margin-bottom: 8px;
|
|
1711
|
-
color: ${
|
|
1707
|
+
color: ${Kl.headerColor};
|
|
1712
1708
|
}
|
|
1713
1709
|
|
|
1714
1710
|
[part="label"] {
|
|
@@ -1716,60 +1712,76 @@ const jt=Symbol.for(""),_t=t=>{if(t?.r===jt)return t?._$litStatic$},Gt=t=>({_$li
|
|
|
1716
1712
|
flex-shrink: 1;
|
|
1717
1713
|
flex-grow: 1;
|
|
1718
1714
|
word-break: break-word;
|
|
1719
|
-
font-size: ${
|
|
1720
|
-
${
|
|
1715
|
+
font-size: ${wt.labelFontSize};
|
|
1716
|
+
${(0,We.setVariable)(O.fontWeight,"bold")};
|
|
1721
1717
|
}
|
|
1722
1718
|
|
|
1723
|
-
|
|
1719
|
+
`;var il=f(x());var Rt=po.build("designedSearchPeriodFilter"),Ar={label:"Last update",anyTime:"Any time",LAST_WEEK:"Less than a week",LAST_MONTH:"Less than a month",LAST_QUARTER:"Less than a quarter",LAST_YEAR:"Less than a year",CUSTOM:"Custom period",customPeriod:"From {0} to {1}",period:"Period: {0}"};var Uo=f(W());var Bo=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},qt=class extends Oe(ye){constructor(){super(),this.addI18nContext(Rt,Ar)}render(){var t,r,i,n;return jt.html`<div part="container">
|
|
1724
1720
|
<div part="header">
|
|
1725
1721
|
<ft-typography variant="overline" part="label" id="label">
|
|
1726
|
-
${
|
|
1722
|
+
${Rt.messages.label()}
|
|
1727
1723
|
</ft-typography>
|
|
1728
1724
|
</div>
|
|
1729
|
-
<ft-radio-group @change=${
|
|
1730
|
-
<ft-radio value="anyTime" ?checked=${
|
|
1731
|
-
${this.lessThanAWeek?
|
|
1732
|
-
${this.lessThanAMonth?
|
|
1733
|
-
${this.lessThanAQuarter?
|
|
1734
|
-
${this.lessThanAYear?
|
|
1725
|
+
<ft-radio-group @change=${a=>this.setPeriodFilter(a)} aria-labelledby="label">
|
|
1726
|
+
<ft-radio value="anyTime" ?checked=${this.periodFilter===void 0||this.periodFilter.periodType===void 0}>${Rt.messages.anyTime()}</ft-radio>
|
|
1727
|
+
${this.lessThanAWeek?jt.html`<ft-radio ?checked=${((t=this.periodFilter)===null||t===void 0?void 0:t.periodType)=="LAST_WEEK"} value="LAST_WEEK">${Rt.messages.LAST_WEEK()}</ft-radio>`:jt.nothing}
|
|
1728
|
+
${this.lessThanAMonth?jt.html`<ft-radio ?checked=${((r=this.periodFilter)===null||r===void 0?void 0:r.periodType)=="LAST_MONTH"} value="LAST_MONTH">${Rt.messages.LAST_MONTH()}</ft-radio>`:jt.nothing}
|
|
1729
|
+
${this.lessThanAQuarter?jt.html`<ft-radio ?checked=${((i=this.periodFilter)===null||i===void 0?void 0:i.periodType)=="LAST_QUARTER"} value="LAST_QUARTER">${Rt.messages.LAST_QUARTER()}</ft-radio>`:jt.nothing}
|
|
1730
|
+
${this.lessThanAYear?jt.html`<ft-radio ?checked=${((n=this.periodFilter)===null||n===void 0?void 0:n.periodType)=="LAST_YEAR"} value="LAST_YEAR">${Rt.messages.LAST_YEAR()}</ft-radio>`:jt.nothing}
|
|
1735
1731
|
</ft-radio-group>
|
|
1736
|
-
</div>`}setPeriodFilter(t){var
|
|
1732
|
+
</div>`}setPeriodFilter(t){var r;let i=Mo[t.detail];(r=this.stateManager)===null||r===void 0||r.setPeriodFilter(i===void 0?void 0:{periodType:i})}};qt.elementDefinitions={"ft-radio-group":Ft,"ft-radio":et,"ft-typography":H};qt.styles=rl;Bo([(0,Uo.property)({type:Boolean})],qt.prototype,"lessThanAWeek",void 0);Bo([(0,Uo.property)({type:Boolean})],qt.prototype,"lessThanAMonth",void 0);Bo([(0,Uo.property)({type:Boolean})],qt.prototype,"lessThanAQuarter",void 0);Bo([(0,Uo.property)({type:Boolean})],qt.prototype,"lessThanAYear",void 0);Bo([(0,il.redux)({store:"search",selector:o=>o.request.periodFilter})],qt.prototype,"periodFilter",void 0);(0,nl.customElement)("ft-search-period-filter")(qt);var fi=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(a=(n<3?s(a):n>3?s(t,r,a):s(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},ue=class extends Oe(ye){get hasSomethingToDisplay(){var t;return this.searchInDocumentTitlesOnly||((t=this.facets)===null||t===void 0?void 0:t.some(r=>this.getSelectedValues(r).length>0))||this.periodFilter&&this.periodFilter.periodType}constructor(){super(),this.addI18nContext(Ae,Er),this.addI18nContext(Rt,Ar)}render(){return this.hasSomethingToDisplay?he.html`
|
|
1737
1733
|
<div class="ft-search-selected-facets--container">
|
|
1738
|
-
${
|
|
1734
|
+
${(0,di.repeat)(this.facets||[],t=>t.key,t=>{let r=this.getSelectedValues(t);return(0,di.repeat)(r,i=>t.key+"-"+i,i=>this.renderFacet(t.key,t.label,r,i))})}
|
|
1739
1735
|
${this.renderSearchInDocumentTitlesOnly()}
|
|
1740
1736
|
${this.renderPeriodFilter()}
|
|
1741
1737
|
</div>
|
|
1742
|
-
`:
|
|
1743
|
-
<ft-tooltip inline text="${
|
|
1744
|
-
part="tooltips tooltip-${
|
|
1738
|
+
`:he.nothing}renderFacet(t,r,i,n){let a=r+": "+this.getBreadcrumbFromValue(n),s=t.replace(":","-");return he.html`
|
|
1739
|
+
<ft-tooltip inline text="${a}"
|
|
1740
|
+
part="tooltips tooltip-${s}">
|
|
1745
1741
|
<ft-chip
|
|
1746
|
-
part="ft-search-selected-facets ft-search-selected-facet-${
|
|
1742
|
+
part="ft-search-selected-facets ft-search-selected-facet-${s}"
|
|
1747
1743
|
removable
|
|
1748
|
-
label="${
|
|
1749
|
-
@icon-click=${()=>{var
|
|
1744
|
+
label="${a}"
|
|
1745
|
+
@icon-click=${()=>{var c;return(c=this.stateManager)===null||c===void 0?void 0:c.setFilter(t,i.filter(h=>h!==n))}}
|
|
1750
1746
|
data-key="${t}"
|
|
1751
|
-
data-value="${
|
|
1752
|
-
${this.getLabelFromValue(
|
|
1747
|
+
data-value="${n}">
|
|
1748
|
+
${this.getLabelFromValue(n)}
|
|
1753
1749
|
</ft-chip>
|
|
1754
1750
|
</ft-tooltip>
|
|
1755
|
-
`}getSelectedValues(t){return
|
|
1756
|
-
<ft-tooltip inline text="${
|
|
1751
|
+
`}getSelectedValues(t){return(0,mo.flatDeep)(t.rootNodes,r=>r.selected?[]:r.childNodes).filter(r=>r.selected).map(r=>r.value)}getLabelFromValue(t){return this.unquote(t).split("|").pop()}getBreadcrumbFromValue(t){return this.unquote(t).split("|").join(" > ")}unquote(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}renderSearchInDocumentTitlesOnly(){return this.searchInDocumentTitlesOnly?he.html`
|
|
1752
|
+
<ft-tooltip inline text="${Ae.messages.documentTitlesOnly()}"
|
|
1757
1753
|
part="tooltips tooltip-search-in-document-titles-only">
|
|
1758
1754
|
<ft-chip
|
|
1759
1755
|
part="ft-search-selected-facets ft-search-selected-facet-search-in-document-titles-only"
|
|
1760
1756
|
removable
|
|
1761
|
-
@icon-click=${()=>{var t;return
|
|
1762
|
-
${
|
|
1757
|
+
@icon-click=${()=>{var t;return(t=this.stateManager)===null||t===void 0?void 0:t.setSearchInDocumentTitlesOnly(!1)}}>
|
|
1758
|
+
${Ae.messages.documentTitlesOnly()}
|
|
1763
1759
|
</ft-chip>
|
|
1764
1760
|
</ft-tooltip>
|
|
1765
|
-
`:
|
|
1766
|
-
<ft-tooltip inline text="${
|
|
1761
|
+
`:he.nothing}renderPeriodFilter(){var t,r;return this.periodFilter&&this.periodFilter.periodType?he.html`
|
|
1762
|
+
<ft-tooltip inline text="${Rt.messages.period(this.periodFilter.periodType==="CUSTOM"?Rt.messages.customPeriod((t=this.periodFilter.period)===null||t===void 0?void 0:t.from,(r=this.periodFilter.period)===null||r===void 0?void 0:r.to):Rt.messages[this.periodFilter.periodType]())}"
|
|
1767
1763
|
part=" tooltips tooltip-search-period-filter">
|
|
1768
1764
|
<ft-chip
|
|
1769
1765
|
part="ft-search-selected-facets ft-search-selected-facet-period-filter"
|
|
1770
1766
|
removable
|
|
1771
|
-
@icon-click=${()=>{var
|
|
1772
|
-
${
|
|
1767
|
+
@icon-click=${()=>{var i;return(i=this.stateManager)===null||i===void 0?void 0:i.setPeriodFilter(void 0)}}>
|
|
1768
|
+
${Rt.messages[this.periodFilter.periodType]()}
|
|
1773
1769
|
</ft-chip>
|
|
1774
1770
|
</ft-tooltip>
|
|
1775
|
-
`:
|
|
1771
|
+
`:he.nothing}};ue.elementDefinitions={"ft-chip":q,"ft-tooltip":U};ue.styles=vi;fi([(0,mo.redux)({store:"search"})],ue.prototype,"facets",void 0);fi([(0,mo.redux)({store:"search",selector:bo})],ue.prototype,"searchInDocumentTitlesOnly",void 0);fi([(0,mo.redux)({store:"search",selector:o=>o.request.periodFilter})],ue.prototype,"periodFilter",void 0);(0,al.customElement)("ft-search-selected-facets")(ue);})();
|
|
1772
|
+
/*! Bundled license information:
|
|
1773
|
+
|
|
1774
|
+
lit-html/lit-html.js:
|
|
1775
|
+
(**
|
|
1776
|
+
* @license
|
|
1777
|
+
* Copyright 2017 Google LLC
|
|
1778
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1779
|
+
*)
|
|
1780
|
+
|
|
1781
|
+
lit-html/static.js:
|
|
1782
|
+
(**
|
|
1783
|
+
* @license
|
|
1784
|
+
* Copyright 2020 Google LLC
|
|
1785
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1786
|
+
*)
|
|
1787
|
+
*/
|