@fluid-topics/ft-card 2.2.5 → 2.2.6
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.
- package/build/ft-card.light.js +78 -68
- package/build/ft-card.min.js +76 -66
- package/package.json +5 -5
package/build/ft-card.light.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(()=>{var Se=Object.create;var St=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var Ae=Object.getOwnPropertyNames;var Fe=Object.getPrototypeOf,Te=Object.prototype.hasOwnProperty;var ot=(n,t)=>()=>{try{return t||n((t={exports:{}}).exports,t),t.exports}catch(e){throw t=0,e}};var we=(n,t,e,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ae(t))!Te.call(n,i)&&i!==e&&St(n,i,{get:()=>t[i],enumerable:!(o=_e(t,i))||o.enumerable});return n};var x=(n,t,e)=>(e=n!=null?Se(Fe(n)):{},we(t||!n||!n.__esModule?St(e,"default",{value:n,enumerable:!0}):e,n));var A=ot((
|
|
1
|
+
"use strict";(()=>{var Se=Object.create;var St=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var Ae=Object.getOwnPropertyNames;var Fe=Object.getPrototypeOf,Te=Object.prototype.hasOwnProperty;var ot=(n,t)=>()=>{try{return t||n((t={exports:{}}).exports,t),t.exports}catch(e){throw t=0,e}};var we=(n,t,e,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ae(t))!Te.call(n,i)&&i!==e&&St(n,i,{get:()=>t[i],enumerable:!(o=_e(t,i))||o.enumerable});return n};var x=(n,t,e)=>(e=n!=null?Se(Fe(n)):{},we(t||!n||!n.__esModule?St(e,"default",{value:n,enumerable:!0}):e,n));var A=ot((Oe,_t)=>{_t.exports=ftGlobals.wcUtils});var j=ot((Ne,At)=>{At.exports=ftGlobals.lit});var it=ot((We,Ft)=>{Ft.exports=ftGlobals.litDecorators});var pt=ot((Re,Tt)=>{Tt.exports=ftGlobals.litClassMap});var ve=x(A());var tt=x(j()),U=x(it()),xe=x(A());var Ot=x(j()),$=x(it()),Nt=x(pt()),Y=x(A());var zt=x(j()),u=x(A()),wt=u.FtCssVariableFactory.extend("--ft-ripple-color","",u.designSystemVariables.colorContent),F={color:wt,backgroundColor:u.FtCssVariableFactory.extend("--ft-ripple-background-color","",wt),opacityContentOnSurfacePressed:u.FtCssVariableFactory.external(u.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:u.FtCssVariableFactory.external(u.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:u.FtCssVariableFactory.external(u.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:u.FtCssVariableFactory.external(u.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:u.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},Ct=u.FtCssVariableFactory.extend("--ft-ripple-color","",u.designSystemVariables.colorPrimary),Ht={color:Ct,backgroundColor:u.FtCssVariableFactory.extend("--ft-ripple-background-color","",Ct)},Et=u.FtCssVariableFactory.extend("--ft-ripple-color","",u.designSystemVariables.colorSecondary),Dt={color:Et,backgroundColor:u.FtCssVariableFactory.extend("--ft-ripple-background-color","",Et)},kt=zt.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -53,11 +53,11 @@
|
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
56
|
-
background-color: ${
|
|
56
|
+
background-color: ${Dt.backgroundColor};
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
60
|
-
background-color: ${
|
|
60
|
+
background-color: ${Dt.color};
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
@@ -110,115 +110,125 @@
|
|
|
110
110
|
opacity: ${F.opacityContentOnSurfacePressed};
|
|
111
111
|
transform: translate(-50%, -50%) scale(1);
|
|
112
112
|
}
|
|
113
|
-
`;var v=function(n,t,e,o){var i=arguments.length,
|
|
113
|
+
`;var v=function(n,t,e,o){var i=arguments.length,a=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,e):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(n,t,e,o);else for(var h=n.length-1;h>=0;h--)(r=n[h])&&(a=(i<3?r(a):i>3?r(t,e,a):r(t,e))||a);return i>3&&a&&Object.defineProperty(t,e,a),a},y=class extends Y.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 Y.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 Y.Debouncer(10),this.moveRipple=t=>{var e,o;let{x:i,y:a}=this.getCoordinates(t),r=(o=(e=this.ripple)===null||e===void 0?void 0:e.getBoundingClientRect())!==null&&o!==void 0?o:{x:0,y:0,width:0,height:0};this.originX=Math.round(i!=null?i-r.x:r.width/2),this.originY=Math.round(a!=null?a-r.y:r.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 Ot.html`
|
|
114
114
|
<style>
|
|
115
115
|
.ft-ripple .ft-ripple--effect {
|
|
116
116
|
left: ${this.originX}px;
|
|
117
117
|
top: ${this.originY}px;
|
|
118
118
|
}
|
|
119
119
|
</style>
|
|
120
|
-
<div class="${(0,
|
|
120
|
+
<div class="${(0,Nt.classMap)(t)}">
|
|
121
121
|
<div class="ft-ripple--background"></div>
|
|
122
122
|
<div class="ft-ripple--effect"></div>
|
|
123
123
|
</div>
|
|
124
|
-
`}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 e,o;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),(e=this.target)===null||e===void 0||e.removeAttribute("data-is-ft-ripple-target")):(o=this.target)===null||o===void 0||o.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,e;let o=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;o&&this.setupFor((e=this.target)!==null&&e!==void 0?e:o)}forceFocusUpdate(){var t;!((t=this.target)===null||t===void 0)&&t.matches(":focus-within")?this.startFocus():this.endFocus()}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 e=(...h)=>
|
|
125
|
-
\f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Mt=/-->/g,Pt=/>/g,
|
|
126
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Vt=/'/g,It=/"/g,Kt=/^(?:script|style|textarea|title)$/i,mt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),Xt=mt(1),Yt=mt(2),Gt=mt(3),J=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),Ut=new WeakMap,k=O.createTreeWalker(O,129);function qt(n,t){if(!gt(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return Dt!==void 0?Dt.createHTML(t):t}var Ee=(n,t)=>{let e=n.length-1,o=[],i,s=t===2?"<svg>":t===3?"<math>":"",r=G;for(let h=0;h<e;h++){let p=n[h],d,m,c=-1,T=0;for(;T<p.length&&(r.lastIndex=T,m=r.exec(p),m!==null);)T=r.lastIndex,r===G?m[1]==="!--"?r=Mt:m[1]!==void 0?r=Pt:m[2]!==void 0?(Kt.test(m[2])&&(i=RegExp("</"+m[2],"g")),r=z):m[3]!==void 0&&(r=z):r===z?m[0]===">"?(r=i??G,c=-1):m[1]===void 0?c=-2:(c=r.lastIndex-m[2].length,d=m[1],r=m[3]===void 0?z:m[3]==='"'?It:Vt):r===It||r===Vt?r=z:r===Mt||r===Pt?r=G:(r=z,i=void 0);let H=r===z&&n[h+1].startsWith("/>")?" ":"";s+=r===G?p+Ce:c>=0?(o.push(d),p.slice(0,c)+jt+p.slice(c)+E+H):p+E+(c===-2?h:H)}return[qt(n,s+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]},Q=class n{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let s=0,r=0,h=t.length-1,p=this.parts,[d,m]=Ee(t,e);if(this.el=n.createElement(d,o),k.currentNode=this.el.content,e===2||e===3){let c=this.el.content.firstChild;c.replaceWith(...c.childNodes)}for(;(i=k.nextNode())!==null&&p.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(let c of i.getAttributeNames())if(c.endsWith(jt)){let T=m[r++],H=i.getAttribute(c).split(E),et=/([.?@])?(.*)/.exec(T);p.push({type:1,index:s,name:et[2],strings:H,ctor:et[1]==="."?ht:et[1]==="?"?dt:et[1]==="@"?ct:B}),i.removeAttribute(c)}else c.startsWith(E)&&(p.push({type:6,index:s}),i.removeAttribute(c));if(Kt.test(i.tagName)){let c=i.textContent.split(E),T=c.length-1;if(T>0){i.textContent=rt?rt.emptyScript:"";for(let H=0;H<T;H++)i.append(c[H],nt()),k.nextNode(),p.push({type:2,index:++s});i.append(c[T],nt())}}}else if(i.nodeType===8)if(i.data===Zt)p.push({type:2,index:s});else{let c=-1;for(;(c=i.data.indexOf(E,c+1))!==-1;)p.push({type:7,index:s}),c+=E.length-1}s++}}static createElement(t,e){let o=O.createElement("template");return o.innerHTML=t,o}};function W(n,t,e=n,o){if(t===J)return t;let i=o!==void 0?e._$Co?.[o]:e._$Cl,s=q(t)?void 0:t._$litDirective$;return i?.constructor!==s&&(i?._$AO?.(!1),s===void 0?i=void 0:(i=new s(n),i._$AT(n,e,o)),o!==void 0?(e._$Co??=[])[o]=i:e._$Cl=i),i!==void 0&&(t=W(n,i._$AS(n,t.values),i,o)),t}var ft=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:o}=this._$AD,i=(t?.creationScope??O).importNode(e,!0);k.currentNode=i;let s=k.nextNode(),r=0,h=0,p=o[0];for(;p!==void 0;){if(r===p.index){let d;p.type===2?d=new st(s,s.nextSibling,this,t):p.type===1?d=new p.ctor(s,p.name,p.strings,this,t):p.type===6&&(d=new yt(s,this,t)),this._$AV.push(d),p=o[++h]}r!==p?.index&&(s=k.nextNode(),r++)}return k.currentNode=O,i}p(t){let e=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}},st=class n{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,o,i){this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=W(this,t,e),q(t)?t===b||t==null||t===""?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==J&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):He(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==b&&q(this._$AH)?this._$AA.nextSibling.data=t:this.T(O.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:o}=t,i=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=Q.createElement(qt(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===i)this._$AH.p(e);else{let s=new ft(i,this),r=s.u(this.options);s.p(e),this.T(r),this._$AH=s}}_$AC(t){let e=Ut.get(t.strings);return e===void 0&&Ut.set(t.strings,e=new Q(t)),e}k(t){gt(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,o,i=0;for(let s of t)i===e.length?e.push(o=new n(this.O(nt()),this.O(nt()),this,this.options)):o=e[i],o._$AI(s),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let o=Lt(t).nextSibling;Lt(t).remove(),t=o}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},B=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,i,s){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=b}_$AI(t,e=this,o,i){let s=this.strings,r=!1;if(s===void 0)t=W(this,t,e,0),r=!q(t)||t!==this._$AH&&t!==J,r&&(this._$AH=t);else{let h=t,p,d;for(t=s[0],p=0;p<s.length-1;p++)d=W(this,h[o+p],e,p),d===J&&(d=this._$AH[p]),r||=!q(d)||d!==this._$AH[p],d===b?t=b:t!==b&&(t+=(d??"")+s[p+1]),this._$AH[p]=d}r&&!i&&this.j(t)}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ht=class extends B{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===b?void 0:t}},dt=class extends B{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==b)}},ct=class extends B{constructor(t,e,o,i,s){super(t,e,o,i,s),this.type=5}_$AI(t,e=this){if((t=W(this,t,e,0)??b)===J)return;let o=this._$AH,i=t===b&&o!==b||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==b&&(o===b||i);i&&this.element.removeEventListener(this.name,this,o),s&&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)}},yt=class{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){W(this,t)}};var ze=ut.litHtmlPolyfillSupport;ze?.(Q,st),(ut.litHtmlVersions??=[]).push("3.3.3");var Qt=Symbol.for(""),ke=n=>{if(n?.r===Qt)return n?._$litStatic$},xt=n=>({_$litStatic$:n,r:Qt});var Jt=new Map,bt=n=>(t,...e)=>{let o=e.length,i,s,r=[],h=[],p,d=0,m=!1;for(;d<o;){for(p=t[d];d<o&&(s=e[d],(i=ke(s))!==void 0);)p+=i+t[++d],m=!0;d!==o&&h.push(s),r.push(p),d++}if(d===o&&r.push(t[o]),m){let c=r.join("$$lit$$");(t=Jt.get(c))===void 0&&(r.raw=r,Jt.set(c,t=r)),e=h}return n(t,...e)},$t=bt(Xt),qe=bt(Yt),Je=bt(Gt);var vt=x(it()),ce=x(A());var at;(function(n){n.title="title",n.title_dense="title-dense",n.subtitle1="subtitle1",n.subtitle2="subtitle2",n.body1="body1",n.body2="body2",n.caption="caption",n.breadcrumb="breadcrumb",n.overline="overline",n.button="button"})(at||(at={}));var S=x(R()),a=x(A()),te=a.FtCssVariableFactory.extend("--ft-typography-font-family","",a.designSystemVariables.titleFont),w=a.FtCssVariableFactory.extend("--ft-typography-font-family","",a.designSystemVariables.contentFont),l={fontFamily:w,fontSize:a.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:a.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:a.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:a.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:a.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},L={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-title-font-family","",te),fontSize:a.FtCssVariableFactory.extend("--ft-typography-title-font-size","",l.fontSize,"20px"),fontWeight:a.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",l.fontWeight,"normal"),letterSpacing:a.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",l.letterSpacing,"0.15px"),lineHeight:a.FtCssVariableFactory.extend("--ft-typography-title-line-height","",l.lineHeight,"1.2"),textTransform:a.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",l.textTransform,"inherit")},D={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",te),fontSize:a.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",l.fontSize,"14px"),fontWeight:a.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",l.fontWeight,"normal"),letterSpacing:a.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",l.letterSpacing,"0.105px"),lineHeight:a.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",l.lineHeight,"1.7"),textTransform:a.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",l.textTransform,"inherit")},M={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",w),fontSize:a.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",l.fontSize,"16px"),fontWeight:a.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",l.fontWeight,"600"),letterSpacing:a.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",l.letterSpacing,"0.144px"),lineHeight:a.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",l.lineHeight,"1.5"),textTransform:a.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",l.textTransform,"inherit")},P={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",w),fontSize:a.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",l.fontSize,"14px"),fontWeight:a.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",l.fontWeight,"normal"),letterSpacing:a.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",l.letterSpacing,"0.098px"),lineHeight:a.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",l.lineHeight,"1.7"),textTransform:a.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",l.textTransform,"inherit")},V={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",w),fontSize:a.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",l.fontSize,"16px"),fontWeight:a.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",l.fontWeight,"normal"),letterSpacing:a.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",l.letterSpacing,"0.496px"),lineHeight:a.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",l.lineHeight,"1.5"),textTransform:a.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",l.textTransform,"inherit")},I={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",w),fontSize:a.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",l.fontSize,"14px"),fontWeight:a.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",l.fontWeight,"normal"),letterSpacing:a.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",l.letterSpacing,"0.252px"),lineHeight:a.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",l.lineHeight,"1.4"),textTransform:a.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",l.textTransform,"inherit")},U={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",w),fontSize:a.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",l.fontSize,"12px"),fontWeight:a.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",l.fontWeight,"normal"),letterSpacing:a.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",l.letterSpacing,"0.396px"),lineHeight:a.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",l.lineHeight,"1.33"),textTransform:a.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",l.textTransform,"inherit")},j={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",w),fontSize:a.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",l.fontSize,"10px"),fontWeight:a.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",l.fontWeight,"normal"),letterSpacing:a.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",l.letterSpacing,"0.33px"),lineHeight:a.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",l.lineHeight,"1.6"),textTransform:a.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",l.textTransform,"inherit")},Z={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",w),fontSize:a.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",l.fontSize,"10px"),fontWeight:a.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",l.fontWeight,"normal"),letterSpacing:a.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",l.letterSpacing,"1.5px"),lineHeight:a.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",l.lineHeight,"1.6"),textTransform:a.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",l.textTransform,"uppercase")},K={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-button-font-family","",w),fontSize:a.FtCssVariableFactory.extend("--ft-typography-button-font-size","",l.fontSize,"14px"),fontWeight:a.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",l.fontWeight,"600"),letterSpacing:a.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",l.letterSpacing,"1.246px"),lineHeight:a.FtCssVariableFactory.extend("--ft-typography-button-line-height","",l.lineHeight,"1.15"),textTransform:a.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",l.textTransform,"uppercase")},ee=S.css`
|
|
124
|
+
`}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 e,o;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),(e=this.target)===null||e===void 0||e.removeAttribute("data-is-ft-ripple-target")):(o=this.target)===null||o===void 0||o.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,e;let o=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;o&&this.setupFor((e=this.target)!==null&&e!==void 0?e:o)}forceFocusUpdate(){var t;!((t=this.target)===null||t===void 0)&&t.matches(":focus-within")?this.startFocus():this.endFocus()}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 e=(...h)=>l=>{h.forEach(f=>window.addEventListener(f,this.endPress,{once:!0})),this.startPress(l)},o=e("mouseup","contextmenu"),i=e("touchend","touchcancel"),a=h=>{["Enter"," "].includes(h.key)&&e("keyup")(h)},r={passive:!0};t.addEventListener("mouseover",this.startHover,r),t.addEventListener("mousemove",this.moveRipple,r),t.addEventListener("mouseleave",this.endHover,r),t.addEventListener("mousedown",o,r),t.addEventListener("touchstart",i,r),t.addEventListener("touchmove",this.moveRipple,r),t.addEventListener("keydown",a,r),t.addEventListener("focus",this.startFocus,r),t.addEventListener("blur",this.endFocus,r),t.addEventListener("focusin",this.startFocus,r),t.addEventListener("focusout",this.endFocus,r),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,r),t.removeEventListener("mousemove",this.moveRipple,r),t.removeEventListener("mouseleave",this.endHover,r),t.removeEventListener("mousedown",o,r),t.removeEventListener("touchstart",i,r),t.removeEventListener("touchmove",this.moveRipple,r),t.removeEventListener("keydown",a,r),t.removeEventListener("focus",this.startFocus,r),t.removeEventListener("blur",this.endFocus,r),t.removeEventListener("focusin",this.startFocus,r),t.removeEventListener("focusout",this.endFocus,r),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){let e=t,o=t,i,a;return e.x!=null?{x:i,y:a}=e:o.touches!=null&&(i=o.touches[0].clientX,a=o.touches[0].clientY),{x:i,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 e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};y.elementDefinitions={};y.styles=kt;v([(0,$.property)({type:Boolean})],y.prototype,"primary",void 0);v([(0,$.property)({type:Boolean})],y.prototype,"secondary",void 0);v([(0,$.property)({type:Boolean})],y.prototype,"unbounded",void 0);v([(0,$.property)({type:Boolean})],y.prototype,"activated",void 0);v([(0,$.property)({type:Boolean})],y.prototype,"selected",void 0);v([(0,$.property)({type:Boolean})],y.prototype,"disabled",void 0);v([(0,$.state)()],y.prototype,"hovered",void 0);v([(0,$.state)()],y.prototype,"focused",void 0);v([(0,$.state)()],y.prototype,"pressed",void 0);v([(0,$.state)()],y.prototype,"rippling",void 0);v([(0,$.state)()],y.prototype,"originX",void 0);v([(0,$.state)()],y.prototype,"originY",void 0);v([(0,$.query)(".ft-ripple")],y.prototype,"ripple",void 0);v([(0,$.query)(".ft-ripple--effect")],y.prototype,"rippleEffect",void 0);var Rt=x(A());var Wt={"ft-ripple":y};(0,Rt.customElements)(Wt);var ut=globalThis,Bt=n=>n,rt=ut.trustedTypes,Lt=rt?rt.createPolicy("lit-html",{createHTML:n=>n}):void 0,jt="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Zt="?"+E,Ce=`<${Zt}>`,k=document,nt=()=>k.createComment(""),q=n=>n===null||typeof n!="object"&&typeof n!="function",gt=Array.isArray,He=n=>gt(n)||typeof n?.[Symbol.iterator]=="function",lt=`[
|
|
125
|
+
\f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Mt=/-->/g,Pt=/>/g,D=RegExp(`>|${lt}(?:([^\\s"'>=/]+)(${lt}*=${lt}*(?:[^
|
|
126
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Vt=/'/g,It=/"/g,Kt=/^(?:script|style|textarea|title)$/i,mt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),Xt=mt(1),Yt=mt(2),Gt=mt(3),J=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),Ut=new WeakMap,z=k.createTreeWalker(k,129);function qt(n,t){if(!gt(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return Lt!==void 0?Lt.createHTML(t):t}var Ee=(n,t)=>{let e=n.length-1,o=[],i,a=t===2?"<svg>":t===3?"<math>":"",r=G;for(let h=0;h<e;h++){let l=n[h],f,m,d=-1,T=0;for(;T<l.length&&(r.lastIndex=T,m=r.exec(l),m!==null);)T=r.lastIndex,r===G?m[1]==="!--"?r=Mt:m[1]!==void 0?r=Pt:m[2]!==void 0?(Kt.test(m[2])&&(i=RegExp("</"+m[2],"g")),r=D):m[3]!==void 0&&(r=D):r===D?m[0]===">"?(r=i??G,d=-1):m[1]===void 0?d=-2:(d=r.lastIndex-m[2].length,f=m[1],r=m[3]===void 0?D:m[3]==='"'?It:Vt):r===It||r===Vt?r=D:r===Mt||r===Pt?r=G:(r=D,i=void 0);let H=r===D&&n[h+1].startsWith("/>")?" ":"";a+=r===G?l+Ce:d>=0?(o.push(f),l.slice(0,d)+jt+l.slice(d)+E+H):l+E+(d===-2?h:H)}return[qt(n,a+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]},Q=class n{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let a=0,r=0,h=t.length-1,l=this.parts,[f,m]=Ee(t,e);if(this.el=n.createElement(f,o),z.currentNode=this.el.content,e===2||e===3){let d=this.el.content.firstChild;d.replaceWith(...d.childNodes)}for(;(i=z.nextNode())!==null&&l.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(let d of i.getAttributeNames())if(d.endsWith(jt)){let T=m[r++],H=i.getAttribute(d).split(E),et=/([.?@])?(.*)/.exec(T);l.push({type:1,index:a,name:et[2],strings:H,ctor:et[1]==="."?ht:et[1]==="?"?ft:et[1]==="@"?dt:K}),i.removeAttribute(d)}else d.startsWith(E)&&(l.push({type:6,index:a}),i.removeAttribute(d));if(Kt.test(i.tagName)){let d=i.textContent.split(E),T=d.length-1;if(T>0){i.textContent=rt?rt.emptyScript:"";for(let H=0;H<T;H++)i.append(d[H],nt()),z.nextNode(),l.push({type:2,index:++a});i.append(d[T],nt())}}}else if(i.nodeType===8)if(i.data===Zt)l.push({type:2,index:a});else{let d=-1;for(;(d=i.data.indexOf(E,d+1))!==-1;)l.push({type:7,index:a}),d+=E.length-1}a++}}static createElement(t,e){let o=k.createElement("template");return o.innerHTML=t,o}};function Z(n,t,e=n,o){if(t===J)return t;let i=o!==void 0?e._$Co?.[o]:e._$Cl,a=q(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(n),i._$AT(n,e,o)),o!==void 0?(e._$Co??=[])[o]=i:e._$Cl=i),i!==void 0&&(t=Z(n,i._$AS(n,t.values),i,o)),t}var ct=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:o}=this._$AD,i=(t?.creationScope??k).importNode(e,!0);z.currentNode=i;let a=z.nextNode(),r=0,h=0,l=o[0];for(;l!==void 0;){if(r===l.index){let f;l.type===2?f=new st(a,a.nextSibling,this,t):l.type===1?f=new l.ctor(a,l.name,l.strings,this,t):l.type===6&&(f=new yt(a,this,t)),this._$AV.push(f),l=o[++h]}r!==l?.index&&(a=z.nextNode(),r++)}return z.currentNode=k,i}p(t){let e=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}},st=class n{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,o,i){this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Z(this,t,e),q(t)?t===b||t==null||t===""?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==J&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):He(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==b&&q(this._$AH)?this._$AA.nextSibling.data=t:this.T(k.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:o}=t,i=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=Q.createElement(qt(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===i)this._$AH.p(e);else{let a=new ct(i,this),r=a.u(this.options);a.p(e),this.T(r),this._$AH=a}}_$AC(t){let e=Ut.get(t.strings);return e===void 0&&Ut.set(t.strings,e=new Q(t)),e}k(t){gt(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,o,i=0;for(let a of t)i===e.length?e.push(o=new n(this.O(nt()),this.O(nt()),this,this.options)):o=e[i],o._$AI(a),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let o=Bt(t).nextSibling;Bt(t).remove(),t=o}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},K=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,i,a){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=a,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=b}_$AI(t,e=this,o,i){let a=this.strings,r=!1;if(a===void 0)t=Z(this,t,e,0),r=!q(t)||t!==this._$AH&&t!==J,r&&(this._$AH=t);else{let h=t,l,f;for(t=a[0],l=0;l<a.length-1;l++)f=Z(this,h[o+l],e,l),f===J&&(f=this._$AH[l]),r||=!q(f)||f!==this._$AH[l],f===b?t=b:t!==b&&(t+=(f??"")+a[l+1]),this._$AH[l]=f}r&&!i&&this.j(t)}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ht=class extends K{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===b?void 0:t}},ft=class extends K{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==b)}},dt=class extends K{constructor(t,e,o,i,a){super(t,e,o,i,a),this.type=5}_$AI(t,e=this){if((t=Z(this,t,e,0)??b)===J)return;let o=this._$AH,i=t===b&&o!==b||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,a=t!==b&&(o===b||i);i&&this.element.removeEventListener(this.name,this,o),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)}},yt=class{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){Z(this,t)}};var De=ut.litHtmlPolyfillSupport;De?.(Q,st),(ut.litHtmlVersions??=[]).push("3.3.3");var Qt=Symbol.for(""),ze=n=>{if(n?.r===Qt)return n?._$litStatic$},xt=n=>({_$litStatic$:n,r:Qt});var Jt=new Map,bt=n=>(t,...e)=>{let o=e.length,i,a,r=[],h=[],l,f=0,m=!1;for(;f<o;){for(l=t[f];f<o&&(a=e[f],(i=ze(a))!==void 0);)l+=i+t[++f],m=!0;f!==o&&h.push(a),r.push(l),f++}if(f===o&&r.push(t[o]),m){let d=r.join("$$lit$$");(t=Jt.get(d))===void 0&&(r.raw=r,Jt.set(d,t=r)),e=h}return n(t,...e)},$t=bt(Xt),qe=bt(Yt),Je=bt(Gt);var vt=x(it()),de=x(A());var at;(function(n){n.title="title",n.title_dense="title-dense",n.subtitle1="subtitle1",n.subtitle2="subtitle2",n.body1="body1",n.body2="body2",n.caption="caption",n.breadcrumb="breadcrumb",n.overline="overline",n.button="button"})(at||(at={}));var S=x(j()),s=x(A()),te=s.FtCssVariableFactory.extend("--ft-typography-font-family","",s.designSystemVariables.titleFont),w=s.FtCssVariableFactory.extend("--ft-typography-font-family","",s.designSystemVariables.contentFont),p={fontFamily:w,fontSize:s.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:s.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:s.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:s.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:s.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit"),textDecoration:s.FtCssVariableFactory.create("--ft-typography-text-decoration","","UNKNOWN","inherit")},O={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-title-font-family","",te),fontSize:s.FtCssVariableFactory.extend("--ft-typography-title-font-size","",p.fontSize,"20px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",p.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",p.letterSpacing,"0.15px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-title-line-height","",p.lineHeight,"1.2"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",p.textTransform,"inherit"),textDecoration:s.FtCssVariableFactory.extend("--ft-typography-title-text-decoration","",p.textDecoration,"inherit")},N={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",te),fontSize:s.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",p.fontSize,"14px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",p.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",p.letterSpacing,"0.105px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",p.lineHeight,"1.7"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",p.textTransform,"inherit"),textDecoration:s.FtCssVariableFactory.extend("--ft-typography-title-dense-text-decoration","",p.textDecoration,"inherit")},W={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",w),fontSize:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",p.fontSize,"16px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",p.fontWeight,"600"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",p.letterSpacing,"0.144px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",p.lineHeight,"1.5"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",p.textTransform,"inherit"),textDecoration:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-decoration","",p.textDecoration,"inherit")},R={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",w),fontSize:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",p.fontSize,"14px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",p.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",p.letterSpacing,"0.098px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",p.lineHeight,"1.7"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",p.textTransform,"inherit"),textDecoration:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-decoration","",p.textDecoration,"inherit")},B={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",w),fontSize:s.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",p.fontSize,"16px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",p.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",p.letterSpacing,"0.496px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",p.lineHeight,"1.5"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",p.textTransform,"inherit"),textDecoration:s.FtCssVariableFactory.extend("--ft-typography-body1-text-decoration","",p.textDecoration,"inherit")},L={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",w),fontSize:s.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",p.fontSize,"14px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",p.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",p.letterSpacing,"0.252px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",p.lineHeight,"1.4"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",p.textTransform,"inherit"),textDecoration:s.FtCssVariableFactory.extend("--ft-typography-body2-text-decoration","",p.textDecoration,"inherit")},M={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",w),fontSize:s.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",p.fontSize,"12px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",p.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",p.letterSpacing,"0.396px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",p.lineHeight,"1.33"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",p.textTransform,"inherit"),textDecoration:s.FtCssVariableFactory.extend("--ft-typography-caption-text-decoration","",p.textDecoration,"inherit")},P={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",w),fontSize:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",p.fontSize,"10px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",p.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",p.letterSpacing,"0.33px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",p.lineHeight,"1.6"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",p.textTransform,"inherit"),textDecoration:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-decoration","",p.textDecoration,"inherit")},V={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",w),fontSize:s.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",p.fontSize,"10px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",p.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",p.letterSpacing,"1.5px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",p.lineHeight,"1.6"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",p.textTransform,"uppercase"),textDecoration:s.FtCssVariableFactory.extend("--ft-typography-overline-text-decoration","",p.textDecoration,"inherit")},I={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-button-font-family","",w),fontSize:s.FtCssVariableFactory.extend("--ft-typography-button-font-size","",p.fontSize,"14px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",p.fontWeight,"600"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",p.letterSpacing,"1.246px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-button-line-height","",p.lineHeight,"1.15"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",p.textTransform,"uppercase"),textDecoration:s.FtCssVariableFactory.extend("--ft-typography-button-text-decoration","",p.textDecoration,"inherit")},ee=S.css`
|
|
127
127
|
.ft-typography--title {
|
|
128
|
+
font-family: ${O.fontFamily};
|
|
129
|
+
font-size: ${O.fontSize};
|
|
130
|
+
font-weight: ${O.fontWeight};
|
|
131
|
+
letter-spacing: ${O.letterSpacing};
|
|
132
|
+
line-height: ${O.lineHeight};
|
|
133
|
+
text-transform: ${O.textTransform};
|
|
134
|
+
text-decoration: ${O.textDecoration};
|
|
135
|
+
}
|
|
136
|
+
`,oe=S.css`
|
|
137
|
+
.ft-typography--title-dense {
|
|
138
|
+
font-family: ${N.fontFamily};
|
|
139
|
+
font-size: ${N.fontSize};
|
|
140
|
+
font-weight: ${N.fontWeight};
|
|
141
|
+
letter-spacing: ${N.letterSpacing};
|
|
142
|
+
line-height: ${N.lineHeight};
|
|
143
|
+
text-transform: ${N.textTransform};
|
|
144
|
+
text-decoration: ${N.textDecoration};
|
|
145
|
+
}
|
|
146
|
+
`,ie=S.css`
|
|
147
|
+
.ft-typography--subtitle1 {
|
|
148
|
+
font-family: ${W.fontFamily};
|
|
149
|
+
font-size: ${W.fontSize};
|
|
150
|
+
font-weight: ${W.fontWeight};
|
|
151
|
+
letter-spacing: ${W.letterSpacing};
|
|
152
|
+
line-height: ${W.lineHeight};
|
|
153
|
+
text-transform: ${W.textTransform};
|
|
154
|
+
text-decoration: ${W.textDecoration};
|
|
155
|
+
}
|
|
156
|
+
`,re=S.css`
|
|
157
|
+
.ft-typography--subtitle2 {
|
|
158
|
+
font-family: ${R.fontFamily};
|
|
159
|
+
font-size: ${R.fontSize};
|
|
160
|
+
font-weight: ${R.fontWeight};
|
|
161
|
+
letter-spacing: ${R.letterSpacing};
|
|
162
|
+
line-height: ${R.lineHeight};
|
|
163
|
+
text-transform: ${R.textTransform};
|
|
164
|
+
text-decoration: ${R.textDecoration};
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
`,ne=S.css`
|
|
168
|
+
.ft-typography--body1 {
|
|
169
|
+
font-family: ${B.fontFamily};
|
|
170
|
+
font-size: ${B.fontSize};
|
|
171
|
+
font-weight: ${B.fontWeight};
|
|
172
|
+
letter-spacing: ${B.letterSpacing};
|
|
173
|
+
line-height: ${B.lineHeight};
|
|
174
|
+
text-transform: ${B.textTransform};
|
|
175
|
+
text-decoration: ${B.textDecoration};
|
|
176
|
+
}
|
|
177
|
+
`,se=S.css`
|
|
178
|
+
.ft-typography--body2 {
|
|
128
179
|
font-family: ${L.fontFamily};
|
|
129
180
|
font-size: ${L.fontSize};
|
|
130
181
|
font-weight: ${L.fontWeight};
|
|
131
182
|
letter-spacing: ${L.letterSpacing};
|
|
132
183
|
line-height: ${L.lineHeight};
|
|
133
184
|
text-transform: ${L.textTransform};
|
|
185
|
+
text-decoration: ${L.textDecoration};
|
|
134
186
|
}
|
|
135
|
-
`,
|
|
136
|
-
.ft-typography--
|
|
137
|
-
font-family: ${D.fontFamily};
|
|
138
|
-
font-size: ${D.fontSize};
|
|
139
|
-
font-weight: ${D.fontWeight};
|
|
140
|
-
letter-spacing: ${D.letterSpacing};
|
|
141
|
-
line-height: ${D.lineHeight};
|
|
142
|
-
text-transform: ${D.textTransform};
|
|
143
|
-
}
|
|
144
|
-
`,ie=S.css`
|
|
145
|
-
.ft-typography--subtitle1 {
|
|
187
|
+
`,ae=S.css`
|
|
188
|
+
.ft-typography--caption {
|
|
146
189
|
font-family: ${M.fontFamily};
|
|
147
190
|
font-size: ${M.fontSize};
|
|
148
191
|
font-weight: ${M.fontWeight};
|
|
149
192
|
letter-spacing: ${M.letterSpacing};
|
|
150
193
|
line-height: ${M.lineHeight};
|
|
151
194
|
text-transform: ${M.textTransform};
|
|
195
|
+
text-decoration: ${M.textDecoration};
|
|
152
196
|
}
|
|
153
|
-
`,
|
|
154
|
-
.ft-typography--
|
|
197
|
+
`,pe=S.css`
|
|
198
|
+
.ft-typography--breadcrumb {
|
|
155
199
|
font-family: ${P.fontFamily};
|
|
156
200
|
font-size: ${P.fontSize};
|
|
157
201
|
font-weight: ${P.fontWeight};
|
|
158
202
|
letter-spacing: ${P.letterSpacing};
|
|
159
203
|
line-height: ${P.lineHeight};
|
|
160
204
|
text-transform: ${P.textTransform};
|
|
205
|
+
text-decoration: ${P.textDecoration};
|
|
161
206
|
}
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
.ft-typography--body1 {
|
|
207
|
+
`,le=S.css`
|
|
208
|
+
.ft-typography--overline {
|
|
165
209
|
font-family: ${V.fontFamily};
|
|
166
210
|
font-size: ${V.fontSize};
|
|
167
211
|
font-weight: ${V.fontWeight};
|
|
168
212
|
letter-spacing: ${V.letterSpacing};
|
|
169
213
|
line-height: ${V.lineHeight};
|
|
170
214
|
text-transform: ${V.textTransform};
|
|
215
|
+
text-decoration: ${V.textDecoration};
|
|
171
216
|
}
|
|
172
|
-
`,
|
|
173
|
-
.ft-typography--
|
|
217
|
+
`,ce=S.css`
|
|
218
|
+
.ft-typography--button {
|
|
174
219
|
font-family: ${I.fontFamily};
|
|
175
220
|
font-size: ${I.fontSize};
|
|
176
221
|
font-weight: ${I.fontWeight};
|
|
177
222
|
letter-spacing: ${I.letterSpacing};
|
|
178
223
|
line-height: ${I.lineHeight};
|
|
179
224
|
text-transform: ${I.textTransform};
|
|
180
|
-
|
|
181
|
-
`,ae=S.css`
|
|
182
|
-
.ft-typography--caption {
|
|
183
|
-
font-family: ${U.fontFamily};
|
|
184
|
-
font-size: ${U.fontSize};
|
|
185
|
-
font-weight: ${U.fontWeight};
|
|
186
|
-
letter-spacing: ${U.letterSpacing};
|
|
187
|
-
line-height: ${U.lineHeight};
|
|
188
|
-
text-transform: ${U.textTransform};
|
|
189
|
-
}
|
|
190
|
-
`,le=S.css`
|
|
191
|
-
.ft-typography--breadcrumb {
|
|
192
|
-
font-family: ${j.fontFamily};
|
|
193
|
-
font-size: ${j.fontSize};
|
|
194
|
-
font-weight: ${j.fontWeight};
|
|
195
|
-
letter-spacing: ${j.letterSpacing};
|
|
196
|
-
line-height: ${j.lineHeight};
|
|
197
|
-
text-transform: ${j.textTransform};
|
|
198
|
-
}
|
|
199
|
-
`,pe=S.css`
|
|
200
|
-
.ft-typography--overline {
|
|
201
|
-
font-family: ${Z.fontFamily};
|
|
202
|
-
font-size: ${Z.fontSize};
|
|
203
|
-
font-weight: ${Z.fontWeight};
|
|
204
|
-
letter-spacing: ${Z.letterSpacing};
|
|
205
|
-
line-height: ${Z.lineHeight};
|
|
206
|
-
text-transform: ${Z.textTransform};
|
|
207
|
-
}
|
|
208
|
-
`,fe=S.css`
|
|
209
|
-
.ft-typography--button {
|
|
210
|
-
font-family: ${K.fontFamily};
|
|
211
|
-
font-size: ${K.fontSize};
|
|
212
|
-
font-weight: ${K.fontWeight};
|
|
213
|
-
letter-spacing: ${K.letterSpacing};
|
|
214
|
-
line-height: ${K.lineHeight};
|
|
215
|
-
text-transform: ${K.textTransform};
|
|
225
|
+
text-decoration: ${I.textDecoration};
|
|
216
226
|
}
|
|
217
227
|
`,he=S.css`
|
|
218
228
|
.ft-typography {
|
|
219
229
|
vertical-align: inherit;
|
|
220
230
|
}
|
|
221
|
-
`;var
|
|
231
|
+
`;var fe=function(n,t,e,o){var i=arguments.length,a=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,e):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(n,t,e,o);else for(var h=n.length-1;h>=0;h--)(r=n[h])&&(a=(i<3?r(a):i>3?r(t,e,a):r(t,e))||a);return i>3&&a&&Object.defineProperty(t,e,a),a},C=class extends de.FtLitElement{constructor(){super(...arguments),this.variant=at.body1}render(){return this.element?$t`
|
|
222
232
|
<${xt(this.element)}
|
|
223
233
|
part="text"
|
|
224
234
|
class="ft-typography ft-typography--${this.variant}">
|
|
@@ -226,7 +236,7 @@
|
|
|
226
236
|
</${xt(this.element)}>
|
|
227
237
|
`:$t`
|
|
228
238
|
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
229
|
-
`}};C.styles=[ee,oe,ie,re,ne,se,ae,le,
|
|
239
|
+
`}};C.styles=[ee,oe,ie,re,ne,se,ae,pe,le,ce,he];fe([(0,vt.property)()],C.prototype,"element",void 0);fe([(0,vt.property)()],C.prototype,"variant",void 0);var ue=x(A());var ye={"ft-typography":C};(0,ue.customElements)(ye);var ge=x(j()),c=x(A());var g={padding:c.FtCssVariableFactory.create("--ft-card-padding","","SIZE","12px"),borderRadius:c.FtCssVariableFactory.extend("--ft-card-border-radius","",c.designSystemVariables.borderRadiusM),borderStyle:c.FtCssVariableFactory.create("--ft-card-border-style","","UNKNOWN","none"),borderColor:c.FtCssVariableFactory.extend("--ft-card-border-color","",c.designSystemVariables.colorOutline),hoverBorderColor:c.FtCssVariableFactory.extend("--ft-card-hover-border-color","",c.designSystemVariables.colorPrimary),outlineStyle:c.FtCssVariableFactory.create("--ft-card-outline-style","","UNKNOWN","solid"),outlineWidth:c.FtCssVariableFactory.create("--ft-card-outline-width","","SIZE","0"),outlineColor:c.FtCssVariableFactory.extend("--ft-card-outline-color","",c.designSystemVariables.colorPrimary),selectedOutlineStyle:c.FtCssVariableFactory.create("--ft-card-selected-outline-style","","UNKNOWN","solid"),selectedOutlineWidth:c.FtCssVariableFactory.create("--ft-card-selected-outline-width","","SIZE","2px"),selectedOutlineColor:c.FtCssVariableFactory.extend("--ft-card-selected-outline-color","",c.designSystemVariables.colorPrimary),selectedBorderRadius:c.FtCssVariableFactory.extend("--ft-card-selected-border-radius","",c.designSystemVariables.borderRadiusM),colorSurface:c.FtCssVariableFactory.extend("--ft-card-background-color","",c.designSystemVariables.colorSurface),colorOnSurfaceMedium:c.FtCssVariableFactory.extend("--ft-card-content-color","",c.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceHigh:c.FtCssVariableFactory.extend("--ft-card-title-color","",c.designSystemVariables.colorOnSurfaceHigh),elevation02:c.FtCssVariableFactory.extend("--ft-card-elevation","",c.designSystemVariables.elevation02),elevation04:c.FtCssVariableFactory.extend("--ft-card-selected-elevation","",c.designSystemVariables.elevation04)},me=ge.css`
|
|
230
240
|
:host {
|
|
231
241
|
display: block;
|
|
232
242
|
}
|
|
@@ -240,7 +250,7 @@
|
|
|
240
250
|
border-style: ${g.borderStyle};
|
|
241
251
|
border-width: 1px;
|
|
242
252
|
border-radius: ${g.borderRadius};
|
|
243
|
-
${(0,
|
|
253
|
+
${(0,c.setVariable)(F.borderRadius,g.borderRadius)};
|
|
244
254
|
box-shadow: ${g.elevation02};
|
|
245
255
|
position: relative;
|
|
246
256
|
width: 100%;
|
|
@@ -279,7 +289,7 @@
|
|
|
279
289
|
outline-width: ${g.selectedOutlineWidth};
|
|
280
290
|
outline-color: ${g.selectedOutlineColor};
|
|
281
291
|
border-radius: ${g.selectedBorderRadius};
|
|
282
|
-
${(0,
|
|
292
|
+
${(0,c.setVariable)(F.borderRadius,g.selectedBorderRadius)};
|
|
283
293
|
box-shadow: ${g.elevation04};
|
|
284
294
|
}
|
|
285
295
|
|
|
@@ -315,7 +325,7 @@
|
|
|
315
325
|
#action {
|
|
316
326
|
grid-area: actions;
|
|
317
327
|
}
|
|
318
|
-
`;var be=x(
|
|
328
|
+
`;var be=x(pt()),X=function(n,t,e,o){var i=arguments.length,a=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,e):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(n,t,e,o);else for(var h=n.length-1;h>=0;h--)(r=n[h])&&(a=(i<3?r(a):i>3?r(t,e,a):r(t,e))||a);return i>3&&a&&Object.defineProperty(t,e,a),a},_=class extends xe.FtLitElement{constructor(){super(...arguments),this.title="",this.clickable=!1,this.selected=!1,this.noHeader=!1,this.noContent=!1,this.oneLineHeader=!1}render(){let t={selected:this.selected,clickable:this.clickable,"no-header":this.noHeader,"no-content":this.noContent,"one-line-header":this.oneLineHeader};return tt.html`
|
|
319
329
|
<div id="container" part="container" class="${(0,be.classMap)(t)}">
|
|
320
330
|
${this.clickable?tt.html`
|
|
321
331
|
<ft-ripple primary ?selected=${this.selected}></ft-ripple>
|
|
@@ -333,7 +343,7 @@
|
|
|
333
343
|
</ft-typography>
|
|
334
344
|
</div>
|
|
335
345
|
</div>
|
|
336
|
-
`}};_.elementDefinitions={"ft-ripple":y,"ft-typography":C};_.styles=me;X([(0,
|
|
346
|
+
`}};_.elementDefinitions={"ft-ripple":y,"ft-typography":C};_.styles=me;X([(0,U.property)()],_.prototype,"title",void 0);X([(0,U.property)({type:Boolean})],_.prototype,"clickable",void 0);X([(0,U.property)({type:Boolean})],_.prototype,"selected",void 0);X([(0,U.property)({type:Boolean})],_.prototype,"noHeader",void 0);X([(0,U.property)({type:Boolean})],_.prototype,"noContent",void 0);X([(0,U.property)({type:Boolean})],_.prototype,"oneLineHeader",void 0);var $e={"ft-card":_};(0,ve.customElements)($e);})();
|
|
337
347
|
/*! Bundled license information:
|
|
338
348
|
|
|
339
349
|
lit-html/lit-html.js:
|