@fluid-topics/ft-card 2.1.12 → 2.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-card.light.js +31 -31
- package/build/ft-card.min.js +39 -39
- package/package.json +5 -5
package/build/ft-card.light.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
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((Ne,_t)=>{_t.exports=ftGlobals.wcUtils});var R=ot((Re,At)=>{At.exports=ftGlobals.lit});var it=ot((We,Ft)=>{Ft.exports=ftGlobals.litDecorators});var lt=ot((Be,Tt)=>{Tt.exports=ftGlobals.litClassMap});var ve=x(A());var tt=x(R()),N=x(it()),xe=x(A());var Nt=x(R()),$=x(it()),Rt=x(lt()),Y=x(A());var kt=x(R()),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),zt={color:Et,backgroundColor:u.FtCssVariableFactory.extend("--ft-ripple-background-color","",Et)},Ot=kt.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -61,11 +61,11 @@
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
64
|
-
background-color: ${
|
|
64
|
+
background-color: ${Ht.backgroundColor};
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
68
|
-
background-color: ${
|
|
68
|
+
background-color: ${Ht.color};
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
.ft-ripple .ft-ripple--background {
|
|
@@ -110,20 +110,20 @@
|
|
|
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,s=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,e):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(n,t,e,o);else for(var h=n.length-1;h>=0;h--)(r=n[h])&&(s=(i<3?r(s):i>3?r(t,e,s):r(t,e))||s);return i>3&&s&&Object.defineProperty(t,e,s),s},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:s}=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(s!=null?s-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
|
|
113
|
+
`;var v=function(n,t,e,o){var i=arguments.length,s=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,e):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(n,t,e,o);else for(var h=n.length-1;h>=0;h--)(r=n[h])&&(s=(i<3?r(s):i>3?r(t,e,s):r(t,e))||s);return i>3&&s&&Object.defineProperty(t,e,s),s},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:s}=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(s!=null?s-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 Nt.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,Rt.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)=>p=>{h.forEach(d=>window.addEventListener(d,this.endPress,{once:!0})),this.startPress(p)},o=e("mouseup","contextmenu"),i=e("touchend","touchcancel"),s=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",s,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",s,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,s;return e.x!=null?{x:i,y:s}=e:o.touches!=null&&(i=o.touches[0].clientX,s=o.touches[0].clientY),{x:i,y:s}}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=Ot;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 Bt=x(A());var
|
|
125
|
-
\f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
126
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Mt=/'/g,Vt=/"/g,Zt=/^(?:script|style|textarea|title)$/i,mt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),Kt=mt(1),Xt=mt(2),Yt=mt(3),J=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),It=new WeakMap,k=O.createTreeWalker(O,129);function Gt(n,t){if(!gt(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return Lt!==void 0?Lt.createHTML(t):t}var Ce=(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=Dt:m[1]!==void 0?r=Pt:m[2]!==void 0?(Zt.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]==='"'?Vt:Mt):r===Vt||r===Mt?r=z:r===Dt||r===Pt?r=G:(r=z,i=void 0);let C=r===z&&n[h+1].startsWith("/>")?" ":"";s+=r===G?p+He:c>=0?(o.push(d),p.slice(0,c)+Ut+p.slice(c)+E+C):p+E+(c===-2?h:C)}return[Gt(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]=Ce(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(Ut)){let T=m[r++],C=i.getAttribute(c).split(E),et=/([.?@])?(.*)/.exec(T);p.push({type:1,index:s,name:et[2],strings:C,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(Zt.test(i.tagName)){let c=i.textContent.split(E),T=c.length-1;if(T>0){i.textContent=rt?rt.emptyScript:"";for(let C=0;C<T;C++)i.append(c[C],nt()),k.nextNode(),p.push({type:2,index:++s});i.append(c[T],nt())}}}else if(i.nodeType===8)if(i.data===jt)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 N(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=N(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=N(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):we(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(Gt(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=It.get(t.strings);return e===void 0&&It.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&&t!==this._$AB;){let o=t.nextSibling;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=N(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=N(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=N(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){N(this,t)}};var Ee=ut.litHtmlPolyfillSupport;Ee?.(Q,st),(ut.litHtmlVersions??=[]).push("3.3.0");var Jt=Symbol.for(""),ze=n=>{if(n?.r===Jt)return n?._$litStatic$},xt=n=>({_$litStatic$:n,r:Jt});var qt=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=ze(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=qt.get(c))===void 0&&(r.raw=r,qt.set(c,t=r)),e=h}return n(t,...e)},$t=bt(Kt),Ge=bt(Xt),qe=bt(Yt);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(W()),a=x(A()),Qt=a.FtCssVariableFactory.extend("--ft-typography-font-family","",a.designSystemVariables.titleFont),H=a.FtCssVariableFactory.extend("--ft-typography-font-family","",a.designSystemVariables.contentFont),l={fontFamily:H,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","",Qt),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","",Qt),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")},P={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",H),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")},M={fontFamily:a.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",H),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","",H),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","",H),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","",H),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","",H),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","",H),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","",H),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")},te=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)=>p=>{h.forEach(d=>window.addEventListener(d,this.endPress,{once:!0})),this.startPress(p)},o=e("mouseup","contextmenu"),i=e("touchend","touchcancel"),s=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",s,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",s,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,s;return e.x!=null?{x:i,y:s}=e:o.touches!=null&&(i=o.touches[0].clientX,s=o.touches[0].clientY),{x:i,y:s}}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=Ot;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 Bt=x(A());var Wt={"ft-ripple":y};(0,Bt.customElements)(Wt);var ut=globalThis,Lt=n=>n,rt=ut.trustedTypes,Dt=rt?rt.createPolicy("lit-html",{createHTML:n=>n}):void 0,jt="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Zt="?"+E,Ce=`<${Zt}>`,O=document,nt=()=>O.createComment(""),q=n=>n===null||typeof n!="object"&&typeof n!="function",gt=Array.isArray,He=n=>gt(n)||typeof n?.[Symbol.iterator]=="function",pt=`[
|
|
125
|
+
\f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Mt=/-->/g,Pt=/>/g,z=RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
|
|
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`
|
|
127
127
|
.ft-typography--title {
|
|
128
128
|
font-family: ${L.fontFamily};
|
|
129
129
|
font-size: ${L.fontSize};
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
line-height: ${L.lineHeight};
|
|
133
133
|
text-transform: ${L.textTransform};
|
|
134
134
|
}
|
|
135
|
-
`,
|
|
135
|
+
`,oe=S.css`
|
|
136
136
|
.ft-typography--title-dense {
|
|
137
137
|
font-family: ${D.fontFamily};
|
|
138
138
|
font-size: ${D.fontSize};
|
|
@@ -141,17 +141,8 @@
|
|
|
141
141
|
line-height: ${D.lineHeight};
|
|
142
142
|
text-transform: ${D.textTransform};
|
|
143
143
|
}
|
|
144
|
-
`,oe=S.css`
|
|
145
|
-
.ft-typography--subtitle1 {
|
|
146
|
-
font-family: ${P.fontFamily};
|
|
147
|
-
font-size: ${P.fontSize};
|
|
148
|
-
font-weight: ${P.fontWeight};
|
|
149
|
-
letter-spacing: ${P.letterSpacing};
|
|
150
|
-
line-height: ${P.lineHeight};
|
|
151
|
-
text-transform: ${P.textTransform};
|
|
152
|
-
}
|
|
153
144
|
`,ie=S.css`
|
|
154
|
-
.ft-typography--
|
|
145
|
+
.ft-typography--subtitle1 {
|
|
155
146
|
font-family: ${M.fontFamily};
|
|
156
147
|
font-size: ${M.fontSize};
|
|
157
148
|
font-weight: ${M.fontWeight};
|
|
@@ -159,8 +150,17 @@
|
|
|
159
150
|
line-height: ${M.lineHeight};
|
|
160
151
|
text-transform: ${M.textTransform};
|
|
161
152
|
}
|
|
162
|
-
|
|
163
153
|
`,re=S.css`
|
|
154
|
+
.ft-typography--subtitle2 {
|
|
155
|
+
font-family: ${P.fontFamily};
|
|
156
|
+
font-size: ${P.fontSize};
|
|
157
|
+
font-weight: ${P.fontWeight};
|
|
158
|
+
letter-spacing: ${P.letterSpacing};
|
|
159
|
+
line-height: ${P.lineHeight};
|
|
160
|
+
text-transform: ${P.textTransform};
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
`,ne=S.css`
|
|
164
164
|
.ft-typography--body1 {
|
|
165
165
|
font-family: ${V.fontFamily};
|
|
166
166
|
font-size: ${V.fontSize};
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
line-height: ${V.lineHeight};
|
|
170
170
|
text-transform: ${V.textTransform};
|
|
171
171
|
}
|
|
172
|
-
`,
|
|
172
|
+
`,se=S.css`
|
|
173
173
|
.ft-typography--body2 {
|
|
174
174
|
font-family: ${I.fontFamily};
|
|
175
175
|
font-size: ${I.fontSize};
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
line-height: ${I.lineHeight};
|
|
179
179
|
text-transform: ${I.textTransform};
|
|
180
180
|
}
|
|
181
|
-
`,
|
|
181
|
+
`,ae=S.css`
|
|
182
182
|
.ft-typography--caption {
|
|
183
183
|
font-family: ${U.fontFamily};
|
|
184
184
|
font-size: ${U.fontSize};
|
|
@@ -187,7 +187,7 @@
|
|
|
187
187
|
line-height: ${U.lineHeight};
|
|
188
188
|
text-transform: ${U.textTransform};
|
|
189
189
|
}
|
|
190
|
-
`,
|
|
190
|
+
`,le=S.css`
|
|
191
191
|
.ft-typography--breadcrumb {
|
|
192
192
|
font-family: ${j.fontFamily};
|
|
193
193
|
font-size: ${j.fontSize};
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
line-height: ${j.lineHeight};
|
|
197
197
|
text-transform: ${j.textTransform};
|
|
198
198
|
}
|
|
199
|
-
`,
|
|
199
|
+
`,pe=S.css`
|
|
200
200
|
.ft-typography--overline {
|
|
201
201
|
font-family: ${Z.fontFamily};
|
|
202
202
|
font-size: ${Z.fontSize};
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
line-height: ${Z.lineHeight};
|
|
206
206
|
text-transform: ${Z.textTransform};
|
|
207
207
|
}
|
|
208
|
-
`,
|
|
208
|
+
`,fe=S.css`
|
|
209
209
|
.ft-typography--button {
|
|
210
210
|
font-family: ${K.fontFamily};
|
|
211
211
|
font-size: ${K.fontSize};
|
|
@@ -214,11 +214,11 @@
|
|
|
214
214
|
line-height: ${K.lineHeight};
|
|
215
215
|
text-transform: ${K.textTransform};
|
|
216
216
|
}
|
|
217
|
-
`,
|
|
217
|
+
`,he=S.css`
|
|
218
218
|
.ft-typography {
|
|
219
219
|
vertical-align: inherit;
|
|
220
220
|
}
|
|
221
|
-
`;var
|
|
221
|
+
`;var de=function(n,t,e,o){var i=arguments.length,s=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,e):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(n,t,e,o);else for(var h=n.length-1;h>=0;h--)(r=n[h])&&(s=(i<3?r(s):i>3?r(t,e,s):r(t,e))||s);return i>3&&s&&Object.defineProperty(t,e,s),s},C=class extends ce.FtLitElement{constructor(){super(...arguments),this.variant=at.body1}render(){return this.element?$t`
|
|
222
222
|
<${xt(this.element)}
|
|
223
223
|
part="text"
|
|
224
224
|
class="ft-typography ft-typography--${this.variant}">
|
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
</${xt(this.element)}>
|
|
227
227
|
`:$t`
|
|
228
228
|
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
229
|
-
`}};
|
|
229
|
+
`}};C.styles=[ee,oe,ie,re,ne,se,ae,le,pe,fe,he];de([(0,vt.property)()],C.prototype,"element",void 0);de([(0,vt.property)()],C.prototype,"variant",void 0);var ue=x(A());var ye={"ft-typography":C};(0,ue.customElements)(ye);var ge=x(R()),f=x(A());var g={padding:f.FtCssVariableFactory.create("--ft-card-padding","","SIZE","12px"),borderRadius:f.FtCssVariableFactory.extend("--ft-card-border-radius","",f.designSystemVariables.borderRadiusM),borderStyle:f.FtCssVariableFactory.create("--ft-card-border-style","","UNKNOWN","none"),borderColor:f.FtCssVariableFactory.extend("--ft-card-border-color","",f.designSystemVariables.colorOutline),hoverBorderColor:f.FtCssVariableFactory.extend("--ft-card-hover-border-color","",f.designSystemVariables.colorPrimary),outlineStyle:f.FtCssVariableFactory.create("--ft-card-outline-style","","UNKNOWN","solid"),outlineWidth:f.FtCssVariableFactory.create("--ft-card-outline-width","","SIZE","0"),outlineColor:f.FtCssVariableFactory.extend("--ft-card-outline-color","",f.designSystemVariables.colorPrimary),selectedOutlineStyle:f.FtCssVariableFactory.create("--ft-card-selected-outline-style","","UNKNOWN","solid"),selectedOutlineWidth:f.FtCssVariableFactory.create("--ft-card-selected-outline-width","","SIZE","2px"),selectedOutlineColor:f.FtCssVariableFactory.extend("--ft-card-selected-outline-color","",f.designSystemVariables.colorPrimary),selectedBorderRadius:f.FtCssVariableFactory.extend("--ft-card-selected-border-radius","",f.designSystemVariables.borderRadiusM),colorSurface:f.FtCssVariableFactory.extend("--ft-card-background-color","",f.designSystemVariables.colorSurface),colorOnSurfaceMedium:f.FtCssVariableFactory.extend("--ft-card-content-color","",f.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceHigh:f.FtCssVariableFactory.extend("--ft-card-title-color","",f.designSystemVariables.colorOnSurfaceHigh),elevation02:f.FtCssVariableFactory.extend("--ft-card-elevation","",f.designSystemVariables.elevation02),elevation04:f.FtCssVariableFactory.extend("--ft-card-selected-elevation","",f.designSystemVariables.elevation04)},me=ge.css`
|
|
230
230
|
:host {
|
|
231
231
|
display: block;
|
|
232
232
|
}
|
|
@@ -315,8 +315,8 @@
|
|
|
315
315
|
#action {
|
|
316
316
|
grid-area: actions;
|
|
317
317
|
}
|
|
318
|
-
`;var
|
|
319
|
-
<div id="container" part="container" class="${(0,
|
|
318
|
+
`;var be=x(lt()),X=function(n,t,e,o){var i=arguments.length,s=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,e):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(n,t,e,o);else for(var h=n.length-1;h>=0;h--)(r=n[h])&&(s=(i<3?r(s):i>3?r(t,e,s):r(t,e))||s);return i>3&&s&&Object.defineProperty(t,e,s),s},_=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
|
+
<div id="container" part="container" class="${(0,be.classMap)(t)}">
|
|
320
320
|
${this.clickable?tt.html`
|
|
321
321
|
<ft-ripple primary ?selected=${this.selected}></ft-ripple>
|
|
322
322
|
`:tt.nothing}
|
|
@@ -333,7 +333,7 @@
|
|
|
333
333
|
</ft-typography>
|
|
334
334
|
</div>
|
|
335
335
|
</div>
|
|
336
|
-
`}};_.elementDefinitions={"ft-ripple":y,"ft-typography":
|
|
336
|
+
`}};_.elementDefinitions={"ft-ripple":y,"ft-typography":C};_.styles=me;X([(0,N.property)()],_.prototype,"title",void 0);X([(0,N.property)({type:Boolean})],_.prototype,"clickable",void 0);X([(0,N.property)({type:Boolean})],_.prototype,"selected",void 0);X([(0,N.property)({type:Boolean})],_.prototype,"noHeader",void 0);X([(0,N.property)({type:Boolean})],_.prototype,"noContent",void 0);X([(0,N.property)({type:Boolean})],_.prototype,"oneLineHeader",void 0);var $e={"ft-card":_};(0,ve.customElements)($e);})();
|
|
337
337
|
/*! Bundled license information:
|
|
338
338
|
|
|
339
339
|
lit-html/lit-html.js:
|