@fluid-topics/ft-radio 1.0.0-alpha.1 → 1.0.1

package/build/ft-radio.light.js

@@ -1,4 +1,4 @@
-!function(t,i,e,o,s){const r=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),n=r,h=i.FtCssVariableFactory.extend("--ft-ripple-background-color",r),p=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),l=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),a=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),f=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),d=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),c=d,y=i.FtCssVariableFactory.extend("--ft-ripple-background-color",d),u=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),g=u,v=i.FtCssVariableFactory.extend("--ft-ripple-background-color",u),b=e.css`
+!function(t,i,e,o,s){const r=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),n=r,h=i.FtCssVariableFactory.extend("--ft-ripple-background-color",r),p=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),l=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),a=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),f=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),d=i.FtCssVariableFactory.create("--ft-ripple-border-radius","SIZE","0px"),c=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),y=c,u=i.FtCssVariableFactory.extend("--ft-ripple-background-color",c),g=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),v=g,b=i.FtCssVariableFactory.extend("--ft-ripple-background-color",g),$=e.css`
     :host {
         display: contents;
     }
@@ -11,6 +11,7 @@
 
     .ft-ripple:not(.ft-ripple--unbounded) {
         overflow: hidden;
+        border-radius: ${d};
     }
 
     .ft-ripple .ft-ripple--background,
@@ -28,19 +29,19 @@
     }
 
     .ft-ripple.ft-ripple--secondary .ft-ripple--background {
-        background-color: ${v};
+        background-color: ${b};
     }
 
     .ft-ripple.ft-ripple--secondary .ft-ripple--effect {
-        background-color: ${g};
+        background-color: ${v};
     }
 
     .ft-ripple.ft-ripple--primary .ft-ripple--background {
-        background-color: ${y};
+        background-color: ${u};
     }
 
     .ft-ripple.ft-ripple--primary .ft-ripple--effect {
-        background-color: ${c};
+        background-color: ${y};
     }
 
     .ft-ripple .ft-ripple--background {
@@ -87,7 +88,7 @@
         opacity: ${p};
         transform: translate(-50%, -50%) scale(1);
     }
-`;var $,m=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class x extends i.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new i.Debouncer(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.setupDebouncer=new i.Debouncer(10),this.moveRipple=t=>{var i,e;let{x:o,y:s}=this.getCoordinates(t),r=null!==(e=null===(i=this.ripple)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==e?e:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-r.x:r.width/2),this.originY=Math.round(null!=s?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.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 e.html`
+`;var m,x=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class w extends i.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new i.Debouncer(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.setupDebouncer=new i.Debouncer(10),this.moveRipple=t=>{var i,e;let{x:o,y:s}=this.getCoordinates(t),r=null!==(e=null===(i=this.ripple)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==e?e:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-r.x:r.width/2),this.originY=Math.round(null!=s?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.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 e.html`
             <style>
                 .ft-ripple .ft-ripple--effect,
                 .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
@@ -104,122 +105,122 @@
                 <div class="ft-ripple--background"></div>
                 <div class="ft-ripple--effect"></div>
             </div>
-        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var i,e;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(i=this.target)||void 0===i||i.removeAttribute("data-is-ft-ripple-target")):null===(e=this.target)||void 0===e||e.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>{var t;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;i&&this.setupFor(i),this.setRippleSize()}))}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const i=(...t)=>i=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(i)},e=i("mouseup","contextmenu"),o=i("touchend","touchcancel"),s=t=>{["Enter"," "].includes(t.key)&&i("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",e),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",s),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",e),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",s),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const i=t,e=t;let o,s;return null!=i.x?({x:o,y:s}=i):null!=e.touches&&(o=e.touches[0].clientX,s=e.touches[0].clientY),{x:o,y:s}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let i of t.composedPath()){if(i===this.target)break;if("hasAttribute"in i&&i.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}x.elementDefinitions={},x.styles=b,m([o.property({type:Boolean})],x.prototype,"primary",void 0),m([o.property({type:Boolean})],x.prototype,"secondary",void 0),m([o.property({type:Boolean})],x.prototype,"unbounded",void 0),m([o.property({type:Boolean})],x.prototype,"activated",void 0),m([o.property({type:Boolean})],x.prototype,"selected",void 0),m([o.property({type:Boolean})],x.prototype,"disabled",void 0),m([o.state()],x.prototype,"hovered",void 0),m([o.state()],x.prototype,"focused",void 0),m([o.state()],x.prototype,"pressed",void 0),m([o.state()],x.prototype,"rippling",void 0),m([o.state()],x.prototype,"rippleSize",void 0),m([o.state()],x.prototype,"originX",void 0),m([o.state()],x.prototype,"originY",void 0),m([o.query(".ft-ripple")],x.prototype,"ripple",void 0),m([o.query(".ft-ripple--effect")],x.prototype,"rippleEffect",void 0),i.customElement("ft-ripple")(x);const w=window,k=w.trustedTypes,z=k?k.createPolicy("lit-html",{createHTML:t=>t}):void 0,A="$lit$",C=`lit$${(Math.random()+"").slice(9)}$`,_="?"+C,j=`<${_}>`,O=document,S=()=>O.createComment(""),E=t=>null===t||"object"!=typeof t&&"function"!=typeof t,N=Array.isArray,D="[ \t\n\f\r]",B=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,R=/-->/g,I=/>/g,M=RegExp(`>|${D}(?:([^\\s"'>=/]+)(${D}*=${D}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),T=/'/g,U=/"/g,F=/^(?:script|style|textarea|title)$/i,G=(t=>(i,...e)=>({_$litType$:t,strings:i,values:e}))(1),W=Symbol.for("lit-noChange"),Z=Symbol.for("lit-nothing"),K=new WeakMap,H=O.createTreeWalker(O,129,null,!1),L=(t,i)=>{const e=t.length-1,o=[];let s,r=2===i?"<svg>":"",n=B;for(let i=0;i<e;i++){const e=t[i];let h,p,l=-1,a=0;for(;a<e.length&&(n.lastIndex=a,p=n.exec(e),null!==p);)a=n.lastIndex,n===B?"!--"===p[1]?n=R:void 0!==p[1]?n=I:void 0!==p[2]?(F.test(p[2])&&(s=RegExp("</"+p[2],"g")),n=M):void 0!==p[3]&&(n=M):n===M?">"===p[0]?(n=null!=s?s:B,l=-1):void 0===p[1]?l=-2:(l=n.lastIndex-p[2].length,h=p[1],n=void 0===p[3]?M:'"'===p[3]?U:T):n===U||n===T?n=M:n===R||n===I?n=B:(n=M,s=void 0);const f=n===M&&t[i+1].startsWith("/>")?" ":"";r+=n===B?e+j:l>=0?(o.push(h),e.slice(0,l)+A+e.slice(l)+C+f):e+C+(-2===l?(o.push(void 0),i):f)}const h=r+(t[e]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==z?z.createHTML(h):h,o]};class P{constructor({strings:t,_$litType$:i},e){let o;this.parts=[];let s=0,r=0;const n=t.length-1,h=this.parts,[p,l]=L(t,i);if(this.el=P.createElement(p,e),H.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes)}for(;null!==(o=H.nextNode())&&h.length<n;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const i of o.getAttributeNames())if(i.endsWith(A)||i.startsWith(C)){const e=l[r++];if(t.push(i),void 0!==e){const t=o.getAttribute(e.toLowerCase()+A).split(C),i=/([.?@])?(.*)/.exec(e);h.push({type:1,index:s,name:i[2],strings:t,ctor:"."===i[1]?J:"?"===i[1]?tt:"@"===i[1]?it:q})}else h.push({type:6,index:s})}for(const i of t)o.removeAttribute(i)}if(F.test(o.tagName)){const t=o.textContent.split(C),i=t.length-1;if(i>0){o.textContent=k?k.emptyScript:"";for(let e=0;e<i;e++)o.append(t[e],S()),H.nextNode(),h.push({type:2,index:++s});o.append(t[i],S())}}}else if(8===o.nodeType)if(o.data===_)h.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(C,t+1));)h.push({type:7,index:s}),t+=C.length-1}s++}}static createElement(t,i){const e=O.createElement("template");return e.innerHTML=t,e}}function V(t,i,e=t,o){var s,r,n,h;if(i===W)return i;let p=void 0!==o?null===(s=e._$Co)||void 0===s?void 0:s[o]:e._$Cl;const l=E(i)?void 0:i._$litDirective$;return(null==p?void 0:p.constructor)!==l&&(null===(r=null==p?void 0:p._$AO)||void 0===r||r.call(p,!1),void 0===l?p=void 0:(p=new l(t),p._$AT(t,e,o)),void 0!==o?(null!==(n=(h=e)._$Co)&&void 0!==n?n:h._$Co=[])[o]=p:e._$Cl=p),void 0!==p&&(i=V(t,p._$AS(t,i.values),p,o)),i}class X{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var i;const{el:{content:e},parts:o}=this._$AD,s=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:O).importNode(e,!0);H.currentNode=s;let r=H.nextNode(),n=0,h=0,p=o[0];for(;void 0!==p;){if(n===p.index){let i;2===p.type?i=new Y(r,r.nextSibling,this,t):1===p.type?i=new p.ctor(r,p.name,p.strings,this,t):6===p.type&&(i=new et(r,this,t)),this._$AV.push(i),p=o[++h]}n!==(null==p?void 0:p.index)&&(r=H.nextNode(),n++)}return s}v(t){let i=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,i),i+=e.strings.length-2):e._$AI(t[i])),i++}}class Y{constructor(t,i,e,o){var s;this.type=2,this._$AH=Z,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=e,this.options=o,this._$Cp=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===(null==t?void 0:t.nodeType)&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=V(this,t,i),E(t)?t===Z||null==t||""===t?(this._$AH!==Z&&this._$AR(),this._$AH=Z):t!==this._$AH&&t!==W&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>N(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==Z&&E(this._$AH)?this._$AA.nextSibling.data=t:this.$(O.createTextNode(t)),this._$AH=t}g(t){var i;const{values:e,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=P.createElement(o.h,this.options)),o);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===s)this._$AH.v(e);else{const t=new X(s,this),i=t.u(this.options);t.v(e),this.$(i),this._$AH=t}}_$AC(t){let i=K.get(t.strings);return void 0===i&&K.set(t.strings,i=new P(t)),i}T(t){N(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let e,o=0;for(const s of t)o===i.length?i.push(e=new Y(this.k(S()),this.k(S()),this,this.options)):e=i[o],e._$AI(s),o++;o<i.length&&(this._$AR(e&&e._$AB.nextSibling,o),i.length=o)}_$AR(t=this._$AA.nextSibling,i){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var i;void 0===this._$AM&&(this._$Cp=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class q{constructor(t,i,e,o,s){this.type=1,this._$AH=Z,this._$AN=void 0,this.element=t,this.name=i,this._$AM=o,this.options=s,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=Z}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,e,o){const s=this.strings;let r=!1;if(void 0===s)t=V(this,t,i,0),r=!E(t)||t!==this._$AH&&t!==W,r&&(this._$AH=t);else{const o=t;let n,h;for(t=s[0],n=0;n<s.length-1;n++)h=V(this,o[e+n],i,n),h===W&&(h=this._$AH[n]),r||(r=!E(h)||h!==this._$AH[n]),h===Z?t=Z:t!==Z&&(t+=(null!=h?h:"")+s[n+1]),this._$AH[n]=h}r&&!o&&this.j(t)}j(t){t===Z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class J extends q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Z?void 0:t}}const Q=k?k.emptyScript:"";class tt extends q{constructor(){super(...arguments),this.type=4}j(t){t&&t!==Z?this.element.setAttribute(this.name,Q):this.element.removeAttribute(this.name)}}class it extends q{constructor(t,i,e,o,s){super(t,i,e,o,s),this.type=5}_$AI(t,i=this){var e;if((t=null!==(e=V(this,t,i,0))&&void 0!==e?e:Z)===W)return;const o=this._$AH,s=t===Z&&o!==Z||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==Z&&(o===Z||s);s&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==e?e:this.element,t):this._$AH.handleEvent(t)}}class et{constructor(t,i,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){V(this,t)}}const ot=w.litHtmlPolyfillSupport;null==ot||ot(P,Y),(null!==($=w.litHtmlVersions)&&void 0!==$?$:w.litHtmlVersions=[]).push("2.7.3");
+        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var i,e;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(i=this.target)||void 0===i||i.removeAttribute("data-is-ft-ripple-target")):null===(e=this.target)||void 0===e||e.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>{var t;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;i&&this.setupFor(i),this.setRippleSize()}))}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const i=(...t)=>i=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(i)},e=i("mouseup","contextmenu"),o=i("touchend","touchcancel"),s=t=>{["Enter"," "].includes(t.key)&&i("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",e),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",s),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",e),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",s),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const i=t,e=t;let o,s;return null!=i.x?({x:o,y:s}=i):null!=e.touches&&(o=e.touches[0].clientX,s=e.touches[0].clientY),{x:o,y:s}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let i of t.composedPath()){if(i===this.target)break;if("hasAttribute"in i&&i.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}w.elementDefinitions={},w.styles=$,x([o.property({type:Boolean})],w.prototype,"primary",void 0),x([o.property({type:Boolean})],w.prototype,"secondary",void 0),x([o.property({type:Boolean})],w.prototype,"unbounded",void 0),x([o.property({type:Boolean})],w.prototype,"activated",void 0),x([o.property({type:Boolean})],w.prototype,"selected",void 0),x([o.property({type:Boolean})],w.prototype,"disabled",void 0),x([o.state()],w.prototype,"hovered",void 0),x([o.state()],w.prototype,"focused",void 0),x([o.state()],w.prototype,"pressed",void 0),x([o.state()],w.prototype,"rippling",void 0),x([o.state()],w.prototype,"rippleSize",void 0),x([o.state()],w.prototype,"originX",void 0),x([o.state()],w.prototype,"originY",void 0),x([o.query(".ft-ripple")],w.prototype,"ripple",void 0),x([o.query(".ft-ripple--effect")],w.prototype,"rippleEffect",void 0),i.customElement("ft-ripple")(w);const k=window,z=k.trustedTypes,A=z?z.createPolicy("lit-html",{createHTML:t=>t}):void 0,C="$lit$",S=`lit$${(Math.random()+"").slice(9)}$`,_="?"+S,j=`<${_}>`,O=document,E=()=>O.createComment(""),N=t=>null===t||"object"!=typeof t&&"function"!=typeof t,D=Array.isArray,B="[ \t\n\f\r]",R=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,I=/-->/g,M=/>/g,T=RegExp(`>|${B}(?:([^\\s"'>=/]+)(${B}*=${B}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),U=/'/g,Z=/"/g,F=/^(?:script|style|textarea|title)$/i,G=(t=>(i,...e)=>({_$litType$:t,strings:i,values:e}))(1),W=Symbol.for("lit-noChange"),K=Symbol.for("lit-nothing"),H=new WeakMap,L=O.createTreeWalker(O,129,null,!1),P=(t,i)=>{const e=t.length-1,o=[];let s,r=2===i?"<svg>":"",n=R;for(let i=0;i<e;i++){const e=t[i];let h,p,l=-1,a=0;for(;a<e.length&&(n.lastIndex=a,p=n.exec(e),null!==p);)a=n.lastIndex,n===R?"!--"===p[1]?n=I:void 0!==p[1]?n=M:void 0!==p[2]?(F.test(p[2])&&(s=RegExp("</"+p[2],"g")),n=T):void 0!==p[3]&&(n=T):n===T?">"===p[0]?(n=null!=s?s:R,l=-1):void 0===p[1]?l=-2:(l=n.lastIndex-p[2].length,h=p[1],n=void 0===p[3]?T:'"'===p[3]?Z:U):n===Z||n===U?n=T:n===I||n===M?n=R:(n=T,s=void 0);const f=n===T&&t[i+1].startsWith("/>")?" ":"";r+=n===R?e+j:l>=0?(o.push(h),e.slice(0,l)+C+e.slice(l)+S+f):e+S+(-2===l?(o.push(void 0),i):f)}const h=r+(t[e]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==A?A.createHTML(h):h,o]};class V{constructor({strings:t,_$litType$:i},e){let o;this.parts=[];let s=0,r=0;const n=t.length-1,h=this.parts,[p,l]=P(t,i);if(this.el=V.createElement(p,e),L.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes)}for(;null!==(o=L.nextNode())&&h.length<n;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const i of o.getAttributeNames())if(i.endsWith(C)||i.startsWith(S)){const e=l[r++];if(t.push(i),void 0!==e){const t=o.getAttribute(e.toLowerCase()+C).split(S),i=/([.?@])?(.*)/.exec(e);h.push({type:1,index:s,name:i[2],strings:t,ctor:"."===i[1]?Q:"?"===i[1]?it:"@"===i[1]?et:J})}else h.push({type:6,index:s})}for(const i of t)o.removeAttribute(i)}if(F.test(o.tagName)){const t=o.textContent.split(S),i=t.length-1;if(i>0){o.textContent=z?z.emptyScript:"";for(let e=0;e<i;e++)o.append(t[e],E()),L.nextNode(),h.push({type:2,index:++s});o.append(t[i],E())}}}else if(8===o.nodeType)if(o.data===_)h.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(S,t+1));)h.push({type:7,index:s}),t+=S.length-1}s++}}static createElement(t,i){const e=O.createElement("template");return e.innerHTML=t,e}}function X(t,i,e=t,o){var s,r,n,h;if(i===W)return i;let p=void 0!==o?null===(s=e._$Co)||void 0===s?void 0:s[o]:e._$Cl;const l=N(i)?void 0:i._$litDirective$;return(null==p?void 0:p.constructor)!==l&&(null===(r=null==p?void 0:p._$AO)||void 0===r||r.call(p,!1),void 0===l?p=void 0:(p=new l(t),p._$AT(t,e,o)),void 0!==o?(null!==(n=(h=e)._$Co)&&void 0!==n?n:h._$Co=[])[o]=p:e._$Cl=p),void 0!==p&&(i=X(t,p._$AS(t,i.values),p,o)),i}class Y{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var i;const{el:{content:e},parts:o}=this._$AD,s=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:O).importNode(e,!0);L.currentNode=s;let r=L.nextNode(),n=0,h=0,p=o[0];for(;void 0!==p;){if(n===p.index){let i;2===p.type?i=new q(r,r.nextSibling,this,t):1===p.type?i=new p.ctor(r,p.name,p.strings,this,t):6===p.type&&(i=new ot(r,this,t)),this._$AV.push(i),p=o[++h]}n!==(null==p?void 0:p.index)&&(r=L.nextNode(),n++)}return s}v(t){let i=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,i),i+=e.strings.length-2):e._$AI(t[i])),i++}}class q{constructor(t,i,e,o){var s;this.type=2,this._$AH=K,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=e,this.options=o,this._$Cp=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===(null==t?void 0:t.nodeType)&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=X(this,t,i),N(t)?t===K||null==t||""===t?(this._$AH!==K&&this._$AR(),this._$AH=K):t!==this._$AH&&t!==W&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>D(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==K&&N(this._$AH)?this._$AA.nextSibling.data=t:this.$(O.createTextNode(t)),this._$AH=t}g(t){var i;const{values:e,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=V.createElement(o.h,this.options)),o);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===s)this._$AH.v(e);else{const t=new Y(s,this),i=t.u(this.options);t.v(e),this.$(i),this._$AH=t}}_$AC(t){let i=H.get(t.strings);return void 0===i&&H.set(t.strings,i=new V(t)),i}T(t){D(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let e,o=0;for(const s of t)o===i.length?i.push(e=new q(this.k(E()),this.k(E()),this,this.options)):e=i[o],e._$AI(s),o++;o<i.length&&(this._$AR(e&&e._$AB.nextSibling,o),i.length=o)}_$AR(t=this._$AA.nextSibling,i){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var i;void 0===this._$AM&&(this._$Cp=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class J{constructor(t,i,e,o,s){this.type=1,this._$AH=K,this._$AN=void 0,this.element=t,this.name=i,this._$AM=o,this.options=s,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=K}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,e,o){const s=this.strings;let r=!1;if(void 0===s)t=X(this,t,i,0),r=!N(t)||t!==this._$AH&&t!==W,r&&(this._$AH=t);else{const o=t;let n,h;for(t=s[0],n=0;n<s.length-1;n++)h=X(this,o[e+n],i,n),h===W&&(h=this._$AH[n]),r||(r=!N(h)||h!==this._$AH[n]),h===K?t=K:t!==K&&(t+=(null!=h?h:"")+s[n+1]),this._$AH[n]=h}r&&!o&&this.j(t)}j(t){t===K?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class Q extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===K?void 0:t}}const tt=z?z.emptyScript:"";class it extends J{constructor(){super(...arguments),this.type=4}j(t){t&&t!==K?this.element.setAttribute(this.name,tt):this.element.removeAttribute(this.name)}}class et extends J{constructor(t,i,e,o,s){super(t,i,e,o,s),this.type=5}_$AI(t,i=this){var e;if((t=null!==(e=X(this,t,i,0))&&void 0!==e?e:K)===W)return;const o=this._$AH,s=t===K&&o!==K||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==K&&(o===K||s);s&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==e?e:this.element,t):this._$AH.handleEvent(t)}}class ot{constructor(t,i,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){X(this,t)}}const st=k.litHtmlPolyfillSupport;null==st||st(V,q),(null!==(m=k.litHtmlVersions)&&void 0!==m?m:k.litHtmlVersions=[]).push("2.7.3");
 /**
      * @license
      * Copyright 2020 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-const st=Symbol.for(""),rt=t=>{if((null==t?void 0:t.r)===st)return null==t?void 0:t._$litStatic$},nt=t=>({_$litStatic$:t,r:st}),ht=new Map,pt=(t=>(i,...e)=>{const o=e.length;let s,r;const n=[],h=[];let p,l=0,a=!1;for(;l<o;){for(p=i[l];l<o&&void 0!==(r=e[l],s=rt(r));)p+=s+i[++l],a=!0;l!==o&&h.push(r),n.push(p),l++}if(l===o&&n.push(i[o]),a){const t=n.join("$$lit$$");void 0===(i=ht.get(t))&&(n.raw=n,ht.set(t,i=n)),e=h}return t(i,...e)})(G);var lt;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(lt||(lt={}));const at=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.titleFont),ft=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.contentFont),dt={fontFamily:ft,fontSize:i.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:i.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:i.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:i.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:i.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},ct=i.FtCssVariableFactory.extend("--ft-typography-title-font-family",at),yt=i.FtCssVariableFactory.extend("--ft-typography-title-font-size",dt.fontSize,"20px"),ut=i.FtCssVariableFactory.extend("--ft-typography-title-font-weight",dt.fontWeight,"normal"),gt=i.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",dt.letterSpacing,"0.15px"),vt=i.FtCssVariableFactory.extend("--ft-typography-title-line-height",dt.lineHeight,"1.2"),bt=i.FtCssVariableFactory.extend("--ft-typography-title-text-transform",dt.textTransform,"inherit"),$t=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",at),mt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",dt.fontSize,"14px"),xt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",dt.fontWeight,"normal"),wt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",dt.letterSpacing,"0.105px"),kt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",dt.lineHeight,"1.7"),zt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",dt.textTransform,"inherit"),At=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",ft),Ct=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",dt.fontSize,"16px"),_t=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",dt.fontWeight,"600"),jt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",dt.letterSpacing,"0.144px"),Ot=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",dt.lineHeight,"1.5"),St=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",dt.textTransform,"inherit"),Et=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",ft),Nt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",dt.fontSize,"14px"),Dt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",dt.fontWeight,"normal"),Bt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",dt.letterSpacing,"0.098px"),Rt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",dt.lineHeight,"1.7"),It=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",dt.textTransform,"inherit"),Mt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-family",ft),Tt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-size",dt.fontSize,"16px"),Ut=i.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",dt.fontWeight,"normal"),Ft=i.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",dt.letterSpacing,"0.496px"),Gt=i.FtCssVariableFactory.extend("--ft-typography-body1-line-height",dt.lineHeight,"1.5"),Wt=i.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",dt.textTransform,"inherit"),Zt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-family",ft),Kt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-size",dt.fontSize,"14px"),Ht=i.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",dt.fontWeight,"normal"),Lt=i.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",dt.letterSpacing,"0.252px"),Pt=i.FtCssVariableFactory.extend("--ft-typography-body2-line-height",dt.lineHeight,"1.4"),Vt=i.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",dt.textTransform,"inherit"),Xt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-family",ft),Yt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-size",dt.fontSize,"12px"),qt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",dt.fontWeight,"normal"),Jt=i.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",dt.letterSpacing,"0.396px"),Qt=i.FtCssVariableFactory.extend("--ft-typography-caption-line-height",dt.lineHeight,"1.33"),ti=i.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",dt.textTransform,"inherit"),ii=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",ft),ei=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",dt.fontSize,"10px"),oi=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",dt.fontWeight,"normal"),si=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",dt.letterSpacing,"0.33px"),ri=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",dt.lineHeight,"1.6"),ni=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",dt.textTransform,"inherit"),hi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-family",ft),pi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-size",dt.fontSize,"10px"),li=i.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",dt.fontWeight,"normal"),ai=i.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",dt.letterSpacing,"1.5px"),fi=i.FtCssVariableFactory.extend("--ft-typography-overline-line-height",dt.lineHeight,"1.6"),di=i.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",dt.textTransform,"uppercase"),ci=i.FtCssVariableFactory.extend("--ft-typography-button-font-family",ft),yi=i.FtCssVariableFactory.extend("--ft-typography-button-font-size",dt.fontSize,"14px"),ui=i.FtCssVariableFactory.extend("--ft-typography-button-font-weight",dt.fontWeight,"600"),gi=i.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",dt.letterSpacing,"1.246px"),vi=i.FtCssVariableFactory.extend("--ft-typography-button-line-height",dt.lineHeight,"1.15"),bi=i.FtCssVariableFactory.extend("--ft-typography-button-text-transform",dt.textTransform,"uppercase"),$i=e.css`
+const rt=Symbol.for(""),nt=t=>{if((null==t?void 0:t.r)===rt)return null==t?void 0:t._$litStatic$},ht=t=>({_$litStatic$:t,r:rt}),pt=new Map,lt=(t=>(i,...e)=>{const o=e.length;let s,r;const n=[],h=[];let p,l=0,a=!1;for(;l<o;){for(p=i[l];l<o&&void 0!==(r=e[l],s=nt(r));)p+=s+i[++l],a=!0;l!==o&&h.push(r),n.push(p),l++}if(l===o&&n.push(i[o]),a){const t=n.join("$$lit$$");void 0===(i=pt.get(t))&&(n.raw=n,pt.set(t,i=n)),e=h}return t(i,...e)})(G);var at;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(at||(at={}));const ft=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.titleFont),dt=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.contentFont),ct={fontFamily:dt,fontSize:i.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:i.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:i.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:i.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:i.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},yt=i.FtCssVariableFactory.extend("--ft-typography-title-font-family",ft),ut=i.FtCssVariableFactory.extend("--ft-typography-title-font-size",ct.fontSize,"20px"),gt=i.FtCssVariableFactory.extend("--ft-typography-title-font-weight",ct.fontWeight,"normal"),vt=i.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",ct.letterSpacing,"0.15px"),bt=i.FtCssVariableFactory.extend("--ft-typography-title-line-height",ct.lineHeight,"1.2"),$t=i.FtCssVariableFactory.extend("--ft-typography-title-text-transform",ct.textTransform,"inherit"),mt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",ft),xt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",ct.fontSize,"14px"),wt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",ct.fontWeight,"normal"),kt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",ct.letterSpacing,"0.105px"),zt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",ct.lineHeight,"1.7"),At=i.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",ct.textTransform,"inherit"),Ct=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",dt),St=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",ct.fontSize,"16px"),_t=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",ct.fontWeight,"600"),jt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",ct.letterSpacing,"0.144px"),Ot=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",ct.lineHeight,"1.5"),Et=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",ct.textTransform,"inherit"),Nt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",dt),Dt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",ct.fontSize,"14px"),Bt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",ct.fontWeight,"normal"),Rt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",ct.letterSpacing,"0.098px"),It=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",ct.lineHeight,"1.7"),Mt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",ct.textTransform,"inherit"),Tt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-family",dt),Ut=i.FtCssVariableFactory.extend("--ft-typography-body1-font-size",ct.fontSize,"16px"),Zt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",ct.fontWeight,"normal"),Ft=i.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",ct.letterSpacing,"0.496px"),Gt=i.FtCssVariableFactory.extend("--ft-typography-body1-line-height",ct.lineHeight,"1.5"),Wt=i.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",ct.textTransform,"inherit"),Kt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-family",dt),Ht=i.FtCssVariableFactory.extend("--ft-typography-body2-font-size",ct.fontSize,"14px"),Lt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",ct.fontWeight,"normal"),Pt=i.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",ct.letterSpacing,"0.252px"),Vt=i.FtCssVariableFactory.extend("--ft-typography-body2-line-height",ct.lineHeight,"1.4"),Xt=i.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",ct.textTransform,"inherit"),Yt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-family",dt),qt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-size",ct.fontSize,"12px"),Jt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",ct.fontWeight,"normal"),Qt=i.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",ct.letterSpacing,"0.396px"),ti=i.FtCssVariableFactory.extend("--ft-typography-caption-line-height",ct.lineHeight,"1.33"),ii=i.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",ct.textTransform,"inherit"),ei=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",dt),oi=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",ct.fontSize,"10px"),si=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",ct.fontWeight,"normal"),ri=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",ct.letterSpacing,"0.33px"),ni=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",ct.lineHeight,"1.6"),hi=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",ct.textTransform,"inherit"),pi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-family",dt),li=i.FtCssVariableFactory.extend("--ft-typography-overline-font-size",ct.fontSize,"10px"),ai=i.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",ct.fontWeight,"normal"),fi=i.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",ct.letterSpacing,"1.5px"),di=i.FtCssVariableFactory.extend("--ft-typography-overline-line-height",ct.lineHeight,"1.6"),ci=i.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",ct.textTransform,"uppercase"),yi=i.FtCssVariableFactory.extend("--ft-typography-button-font-family",dt),ui=i.FtCssVariableFactory.extend("--ft-typography-button-font-size",ct.fontSize,"14px"),gi=i.FtCssVariableFactory.extend("--ft-typography-button-font-weight",ct.fontWeight,"600"),vi=i.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",ct.letterSpacing,"1.246px"),bi=i.FtCssVariableFactory.extend("--ft-typography-button-line-height",ct.lineHeight,"1.15"),$i=i.FtCssVariableFactory.extend("--ft-typography-button-text-transform",ct.textTransform,"uppercase"),mi=e.css`
     .ft-typography--title {
-        font-family: ${ct};
-        font-size: ${yt};
-        font-weight: ${ut};
-        letter-spacing: ${gt};
-        line-height: ${vt};
-        text-transform: ${bt};
-    }
-`,mi=e.css`
-    .ft-typography--title-dense {
-        font-family: ${$t};
-        font-size: ${mt};
-        font-weight: ${xt};
-        letter-spacing: ${wt};
-        line-height: ${kt};
-        text-transform: ${zt};
+        font-family: ${yt};
+        font-size: ${ut};
+        font-weight: ${gt};
+        letter-spacing: ${vt};
+        line-height: ${bt};
+        text-transform: ${$t};
     }
 `,xi=e.css`
+    .ft-typography--title-dense {
+        font-family: ${mt};
+        font-size: ${xt};
+        font-weight: ${wt};
+        letter-spacing: ${kt};
+        line-height: ${zt};
+        text-transform: ${At};
+    }
+`,wi=e.css`
     .ft-typography--subtitle1 {
-        font-family: ${At};
-        font-size: ${Ct};
+        font-family: ${Ct};
+        font-size: ${St};
         font-weight: ${_t};
         letter-spacing: ${jt};
         line-height: ${Ot};
-        text-transform: ${St};
+        text-transform: ${Et};
     }
-`,wi=e.css`
+`,ki=e.css`
     .ft-typography--subtitle2 {
-        font-family: ${Et};
-        font-size: ${Nt};
-        font-weight: ${Dt};
-        letter-spacing: ${Bt};
-        line-height: ${Rt};
-        text-transform: ${It};
+        font-family: ${Nt};
+        font-size: ${Dt};
+        font-weight: ${Bt};
+        letter-spacing: ${Rt};
+        line-height: ${It};
+        text-transform: ${Mt};
     }
 
-`,ki=e.css`
+`,zi=e.css`
     .ft-typography--body1 {
-        font-family: ${Mt};
-        font-size: ${Tt};
-        font-weight: ${Ut};
+        font-family: ${Tt};
+        font-size: ${Ut};
+        font-weight: ${Zt};
         letter-spacing: ${Ft};
         line-height: ${Gt};
         text-transform: ${Wt};
     }
-`,zi=e.css`
-    .ft-typography--body2 {
-        font-family: ${Zt};
-        font-size: ${Kt};
-        font-weight: ${Ht};
-        letter-spacing: ${Lt};
-        line-height: ${Pt};
-        text-transform: ${Vt};
-    }
 `,Ai=e.css`
-    .ft-typography--caption {
-        font-family: ${Xt};
-        font-size: ${Yt};
-        font-weight: ${qt};
-        letter-spacing: ${Jt};
-        line-height: ${Qt};
-        text-transform: ${ti};
+    .ft-typography--body2 {
+        font-family: ${Kt};
+        font-size: ${Ht};
+        font-weight: ${Lt};
+        letter-spacing: ${Pt};
+        line-height: ${Vt};
+        text-transform: ${Xt};
     }
 `,Ci=e.css`
+    .ft-typography--caption {
+        font-family: ${Yt};
+        font-size: ${qt};
+        font-weight: ${Jt};
+        letter-spacing: ${Qt};
+        line-height: ${ti};
+        text-transform: ${ii};
+    }
+`,Si=e.css`
     .ft-typography--breadcrumb {
-        font-family: ${ii};
-        font-size: ${ei};
-        font-weight: ${oi};
-        letter-spacing: ${si};
-        line-height: ${ri};
-        text-transform: ${ni};
+        font-family: ${ei};
+        font-size: ${oi};
+        font-weight: ${si};
+        letter-spacing: ${ri};
+        line-height: ${ni};
+        text-transform: ${hi};
     }
 `,_i=e.css`
     .ft-typography--overline {
-        font-family: ${hi};
-        font-size: ${pi};
-        font-weight: ${li};
-        letter-spacing: ${ai};
-        line-height: ${fi};
-        text-transform: ${di};
+        font-family: ${pi};
+        font-size: ${li};
+        font-weight: ${ai};
+        letter-spacing: ${fi};
+        line-height: ${di};
+        text-transform: ${ci};
     }
 `,ji=e.css`
     .ft-typography--button {
-        font-family: ${ci};
-        font-size: ${yi};
-        font-weight: ${ui};
-        letter-spacing: ${gi};
-        line-height: ${vi};
-        text-transform: ${bi};
+        font-family: ${yi};
+        font-size: ${ui};
+        font-weight: ${gi};
+        letter-spacing: ${vi};
+        line-height: ${bi};
+        text-transform: ${$i};
     }
 `,Oi=e.css`
     .ft-typography {
         vertical-align: inherit;
     }
-`;var Si=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Ei extends i.FtLitElement{constructor(){super(...arguments),this.variant=lt.body1}render(){return this.element?pt`
-                <${nt(this.element)}
+`;var Ei=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Ni extends i.FtLitElement{constructor(){super(...arguments),this.variant=at.body1}render(){return this.element?lt`
+                <${ht(this.element)}
                         class="ft-typography ft-typography--${this.variant}">
                     <slot></slot>
-                </${nt(this.element)}>
-            `:pt`
+                </${ht(this.element)}>
+            `:lt`
             <slot class="ft-typography ft-typography--${this.variant}"></slot>
-        `}}Ei.styles=[$i,mi,xi,wi,ki,zi,Ai,Ci,_i,ji,Oi],Si([o.property()],Ei.prototype,"element",void 0),Si([o.property()],Ei.prototype,"variant",void 0),i.customElement("ft-typography")(Ei);const Ni={textColor:i.FtCssVariableFactory.extend("--ft-radio-text-color",i.designSystemVariables.colorOnSurfaceHigh),colorPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),borderColor:i.FtCssVariableFactory.extend("--ft-radio-border-color",i.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system")},Di=e.css`
+        `}}Ni.styles=[mi,xi,wi,ki,zi,Ai,Ci,Si,_i,ji,Oi],Ei([o.property()],Ni.prototype,"element",void 0),Ei([o.property()],Ni.prototype,"variant",void 0),i.customElement("ft-typography")(Ni);const Di={textColor:i.FtCssVariableFactory.extend("--ft-radio-text-color",i.designSystemVariables.colorOnSurfaceHigh),colorPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),borderColor:i.FtCssVariableFactory.extend("--ft-radio-border-color",i.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system")},Bi=e.css`
     * {
         box-sizing: border-box;
     }
 
     .ft-radio {
         box-sizing: border-box;
-        color: ${Ni.textColor};
+        color: ${Di.textColor};
 
         display: inline-flex;
         align-items: center;
@@ -227,7 +228,7 @@ const st=Symbol.for(""),rt=t=>{if((null==t?void 0:t.r)===st)return null==t?void
     }
 
     .ft-radio--disabled {
-        color: ${Ni.colorOnSurfaceDisabled};
+        color: ${Di.colorOnSurfaceDisabled};
     }
 
     input {
@@ -250,7 +251,7 @@ const st=Symbol.for(""),rt=t=>{if((null==t?void 0:t.r)===st)return null==t?void
     }
 
     .ft-radio--box {
-        border: 2px solid ${Ni.borderColor};
+        border: 2px solid ${Di.borderColor};
         border-radius: 50%;
 
         display: flex;
@@ -263,7 +264,7 @@ const st=Symbol.for(""),rt=t=>{if((null==t?void 0:t.r)===st)return null==t?void
 
     .ft-radio--box:after {
         content: " ";
-        background-color: ${Ni.colorPrimary};
+        background-color: ${Di.colorPrimary};
 
         border-radius: 50%;
 
@@ -275,7 +276,7 @@ const st=Symbol.for(""),rt=t=>{if((null==t?void 0:t.r)===st)return null==t?void
     }
 
     .ft-radio--checked .ft-radio--box {
-        border-color: ${Ni.colorPrimary};
+        border-color: ${Di.colorPrimary};
     }
 
 
@@ -284,14 +285,14 @@ const st=Symbol.for(""),rt=t=>{if((null==t?void 0:t.r)===st)return null==t?void
     }
 
     .ft-radio--disabled .ft-radio--box {
-        border-color: ${Ni.colorOnSurfaceDisabled};
+        border-color: ${Di.colorOnSurfaceDisabled};
         background-color: transparent;
     }
 
     .ft-radio--disabled .ft-radio--box:after {
-        background-color: ${Ni.colorOnSurfaceDisabled};
+        background-color: ${Di.colorOnSurfaceDisabled};
     }
-`;var Bi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Ri extends CustomEvent{constructor(t,i){super("change",{detail:{value:t,checked:i},bubbles:!0,composed:!0})}}class Ii extends i.FtLitElement{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return e.html`
+`;var Ri=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Ii extends CustomEvent{constructor(t,i){super("change",{detail:{value:t,checked:i},bubbles:!0,composed:!0})}}class Mi extends i.FtLitElement{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return e.html`
             <div class="${s.classMap(t)}">
                 <div class="ft-radio--box-container">
                     <ft-ripple
@@ -316,14 +317,14 @@ const st=Symbol.for(""),rt=t=>{if((null==t?void 0:t.r)===st)return null==t?void
                     </ft-typography>
                 </label>
             </div>
-        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Ri(this.value,this.checked))}contentAvailableCallback(t){var i;super.contentAvailableCallback(t),null===(i=this.ripple)||void 0===i||i.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Ri(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}Ii.elementDefinitions={"ft-ripple":x,"ft-typography":Ei},Ii.styles=Di,Bi([o.property()],Ii.prototype,"value",void 0),Bi([o.property()],Ii.prototype,"name",void 0),Bi([o.property({type:Boolean,reflect:!0})],Ii.prototype,"checked",void 0),Bi([o.property({type:Boolean})],Ii.prototype,"disabled",void 0),Bi([o.query(".ft-radio")],Ii.prototype,"container",void 0),Bi([o.query("ft-ripple")],Ii.prototype,"ripple",void 0),Bi([o.query("input")],Ii.prototype,"input",void 0);const Mi=e.css`
+        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Ii(this.value,this.checked))}contentAvailableCallback(t){var i;super.contentAvailableCallback(t),null===(i=this.ripple)||void 0===i||i.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Ii(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}Mi.elementDefinitions={"ft-ripple":w,"ft-typography":Ni},Mi.styles=Bi,Ri([o.property()],Mi.prototype,"value",void 0),Ri([o.property()],Mi.prototype,"name",void 0),Ri([o.property({type:Boolean,reflect:!0})],Mi.prototype,"checked",void 0),Ri([o.property({type:Boolean})],Mi.prototype,"disabled",void 0),Ri([o.query(".ft-radio")],Mi.prototype,"container",void 0),Ri([o.query("ft-ripple")],Mi.prototype,"ripple",void 0),Ri([o.query("input")],Mi.prototype,"input",void 0);const Ti=e.css`
     :host {
         display: contents;
     }
-`;var Ti=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Ui extends i.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return e.html`
+`;var Ui=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Zi extends i.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return e.html`
             <slot @slotchange=${this.onSlotChange}
                   @change=${this.onChange}
                   @keydown=${this.onKeyDown}
                   @focusin=${this.focusCurrentValue}
             ></slot>
-        `}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((i=>i.checked=t.detail.value===i.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let i=this.findFtRadio(t),e=this.radioButtons.indexOf(i)-1;this.radioButtons[e<0?this.radioButtons.length-1:e].select();break}case"ArrowDown":case"ArrowRight":{let i=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[i>this.radioButtons.length-1?0:i].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}Ui.elementDefinitions={},Ui.styles=Mi,Ti([o.property()],Ui.prototype,"name",void 0),Ti([o.queryAssignedElements()],Ui.prototype,"radioButtons",void 0),i.customElement("ft-radio")(Ii),i.customElement("ft-radio-group")(Ui),t.FtRadio=Ii,t.FtRadioChangeEvent=Ri,t.FtRadioCssVariables=Ni,t.FtRadioGroup=Ui,t.FtRadioGroupCssVariables={},t.groupStyles=Mi,t.styles=Di}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litClassMap);
+        `}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((i=>i.checked=t.detail.value===i.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let i=this.findFtRadio(t),e=this.radioButtons.indexOf(i)-1;this.radioButtons[e<0?this.radioButtons.length-1:e].select();break}case"ArrowDown":case"ArrowRight":{let i=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[i>this.radioButtons.length-1?0:i].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}Zi.elementDefinitions={},Zi.styles=Ti,Ui([o.property()],Zi.prototype,"name",void 0),Ui([o.queryAssignedElements()],Zi.prototype,"radioButtons",void 0),i.customElement("ft-radio")(Mi),i.customElement("ft-radio-group")(Zi),t.FtRadio=Mi,t.FtRadioChangeEvent=Ii,t.FtRadioCssVariables=Di,t.FtRadioGroup=Zi,t.FtRadioGroupCssVariables={},t.groupStyles=Ti,t.styles=Bi}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litClassMap);

package/build/ft-radio.min.js

@@ -56,7 +56,7 @@ const p=window,f=p.ShadowRoot&&(void 0===p.ShadyCSS||p.ShadyCSS.nativeShadow)&&"
      * Copyright 2017 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-var R;E.finalized=!0,E.elementProperties=new Map,E.elementStyles=[],E.shadowRootOptions={mode:"open"},null==S||S({ReactiveElement:E}),(null!==(x=w.reactiveElementVersions)&&void 0!==x?x:w.reactiveElementVersions=[]).push("1.6.1");const M=window,U=M.trustedTypes,F=U?U.createPolicy("lit-html",{createHTML:t=>t}):void 0,A="$lit$",j=`lit$${(Math.random()+"").slice(9)}$`,L="?"+j,B=`<${L}>`,P=document,z=()=>P.createComment(""),D=t=>null===t||"object"!=typeof t&&"function"!=typeof t,_=Array.isArray,T="[ \t\n\f\r]",W=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H=/-->/g,K=/>/g,I=RegExp(`>|${T}(?:([^\\s"'>=/]+)(${T}*=${T}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),V=/'/g,Z=/"/g,J=/^(?:script|style|textarea|title)$/i,X=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),q=Symbol.for("lit-noChange"),Y=Symbol.for("lit-nothing"),G=new WeakMap,Q=P.createTreeWalker(P,129,null,!1),tt=(t,e)=>{const i=t.length-1,o=[];let r,s=2===e?"<svg>":"",n=W;for(let e=0;e<i;e++){const i=t[e];let a,l,h=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===W?"!--"===l[1]?n=H:void 0!==l[1]?n=K:void 0!==l[2]?(J.test(l[2])&&(r=RegExp("</"+l[2],"g")),n=I):void 0!==l[3]&&(n=I):n===I?">"===l[0]?(n=null!=r?r:W,h=-1):void 0===l[1]?h=-2:(h=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?I:'"'===l[3]?Z:V):n===Z||n===V?n=I:n===H||n===K?n=W:(n=I,r=void 0);const p=n===I&&t[e+1].startsWith("/>")?" ":"";s+=n===W?i+B:h>=0?(o.push(a),i.slice(0,h)+A+i.slice(h)+j+p):i+j+(-2===h?(o.push(void 0),e):p)}const a=s+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==F?F.createHTML(a):a,o]};class et{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let r=0,s=0;const n=t.length-1,a=this.parts,[l,h]=tt(t,e);if(this.el=et.createElement(l,i),Q.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=Q.nextNode())&&a.length<n;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith(A)||e.startsWith(j)){const i=h[s++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+A).split(j),e=/([.?@])?(.*)/.exec(i);a.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?nt:"?"===e[1]?lt:"@"===e[1]?ht:st})}else a.push({type:6,index:r})}for(const e of t)o.removeAttribute(e)}if(J.test(o.tagName)){const t=o.textContent.split(j),e=t.length-1;if(e>0){o.textContent=U?U.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],z()),Q.nextNode(),a.push({type:2,index:++r});o.append(t[e],z())}}}else if(8===o.nodeType)if(o.data===L)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(j,t+1));)a.push({type:7,index:r}),t+=j.length-1}r++}}static createElement(t,e){const i=P.createElement("template");return i.innerHTML=t,i}}function it(t,e,i=t,o){var r,s,n,a;if(e===q)return e;let l=void 0!==o?null===(r=i._$Co)||void 0===r?void 0:r[o]:i._$Cl;const h=D(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==h&&(null===(s=null==l?void 0:l._$AO)||void 0===s||s.call(l,!1),void 0===h?l=void 0:(l=new h(t),l._$AT(t,i,o)),void 0!==o?(null!==(n=(a=i)._$Co)&&void 0!==n?n:a._$Co=[])[o]=l:i._$Cl=l),void 0!==l&&(e=it(t,l._$AS(t,e.values),l,o)),e}class ot{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){var e;const{el:{content:i},parts:o}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:P).importNode(i,!0);Q.currentNode=r;let s=Q.nextNode(),n=0,a=0,l=o[0];for(;void 0!==l;){if(n===l.index){let e;2===l.type?e=new rt(s,s.nextSibling,this,t):1===l.type?e=new l.ctor(s,l.name,l.strings,this,t):6===l.type&&(e=new ct(s,this,t)),this._$AV.push(e),l=o[++a]}n!==(null==l?void 0:l.index)&&(s=Q.nextNode(),n++)}return r}v(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class rt{constructor(t,e,i,o){var r;this.type=2,this._$AH=Y,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cp=null===(r=null==o?void 0:o.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=it(this,t,e),D(t)?t===Y||null==t||""===t?(this._$AH!==Y&&this._$AR(),this._$AH=Y):t!==this._$AH&&t!==q&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>_(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==Y&&D(this._$AH)?this._$AA.nextSibling.data=t:this.$(P.createTextNode(t)),this._$AH=t}g(t){var e;const{values:i,_$litType$:o}=t,r="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=et.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(i);else{const t=new ot(r,this),e=t.u(this.options);t.v(i),this.$(e),this._$AH=t}}_$AC(t){let e=G.get(t.strings);return void 0===e&&G.set(t.strings,e=new et(t)),e}T(t){_(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const r of t)o===e.length?e.push(i=new rt(this.k(z()),this.k(z()),this,this.options)):i=e[o],i._$AI(r),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class st{constructor(t,e,i,o,r){this.type=1,this._$AH=Y,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=Y}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const r=this.strings;let s=!1;if(void 0===r)t=it(this,t,e,0),s=!D(t)||t!==this._$AH&&t!==q,s&&(this._$AH=t);else{const o=t;let n,a;for(t=r[0],n=0;n<r.length-1;n++)a=it(this,o[i+n],e,n),a===q&&(a=this._$AH[n]),s||(s=!D(a)||a!==this._$AH[n]),a===Y?t=Y:t!==Y&&(t+=(null!=a?a:"")+r[n+1]),this._$AH[n]=a}s&&!o&&this.j(t)}j(t){t===Y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class nt extends st{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Y?void 0:t}}const at=U?U.emptyScript:"";class lt extends st{constructor(){super(...arguments),this.type=4}j(t){t&&t!==Y?this.element.setAttribute(this.name,at):this.element.removeAttribute(this.name)}}class ht extends st{constructor(t,e,i,o,r){super(t,e,i,o,r),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=it(this,t,e,0))&&void 0!==i?i:Y)===q)return;const o=this._$AH,r=t===Y&&o!==Y||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==Y&&(o===Y||r);r&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class ct{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){it(this,t)}}const pt=M.litHtmlPolyfillSupport;null==pt||pt(et,rt),(null!==(R=M.litHtmlVersions)&&void 0!==R?R:M.litHtmlVersions=[]).push("2.7.3");
+var R;E.finalized=!0,E.elementProperties=new Map,E.elementStyles=[],E.shadowRootOptions={mode:"open"},null==S||S({ReactiveElement:E}),(null!==(x=w.reactiveElementVersions)&&void 0!==x?x:w.reactiveElementVersions=[]).push("1.6.1");const M=window,U=M.trustedTypes,F=U?U.createPolicy("lit-html",{createHTML:t=>t}):void 0,A="$lit$",j=`lit$${(Math.random()+"").slice(9)}$`,L="?"+j,B=`<${L}>`,P=document,z=()=>P.createComment(""),D=t=>null===t||"object"!=typeof t&&"function"!=typeof t,_=Array.isArray,T="[ \t\n\f\r]",W=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H=/-->/g,K=/>/g,I=RegExp(`>|${T}(?:([^\\s"'>=/]+)(${T}*=${T}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Z=/'/g,V=/"/g,J=/^(?:script|style|textarea|title)$/i,X=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),q=Symbol.for("lit-noChange"),Y=Symbol.for("lit-nothing"),G=new WeakMap,Q=P.createTreeWalker(P,129,null,!1),tt=(t,e)=>{const i=t.length-1,o=[];let r,s=2===e?"<svg>":"",n=W;for(let e=0;e<i;e++){const i=t[e];let a,l,h=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===W?"!--"===l[1]?n=H:void 0!==l[1]?n=K:void 0!==l[2]?(J.test(l[2])&&(r=RegExp("</"+l[2],"g")),n=I):void 0!==l[3]&&(n=I):n===I?">"===l[0]?(n=null!=r?r:W,h=-1):void 0===l[1]?h=-2:(h=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?I:'"'===l[3]?V:Z):n===V||n===Z?n=I:n===H||n===K?n=W:(n=I,r=void 0);const p=n===I&&t[e+1].startsWith("/>")?" ":"";s+=n===W?i+B:h>=0?(o.push(a),i.slice(0,h)+A+i.slice(h)+j+p):i+j+(-2===h?(o.push(void 0),e):p)}const a=s+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==F?F.createHTML(a):a,o]};class et{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let r=0,s=0;const n=t.length-1,a=this.parts,[l,h]=tt(t,e);if(this.el=et.createElement(l,i),Q.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=Q.nextNode())&&a.length<n;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith(A)||e.startsWith(j)){const i=h[s++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+A).split(j),e=/([.?@])?(.*)/.exec(i);a.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?nt:"?"===e[1]?lt:"@"===e[1]?ht:st})}else a.push({type:6,index:r})}for(const e of t)o.removeAttribute(e)}if(J.test(o.tagName)){const t=o.textContent.split(j),e=t.length-1;if(e>0){o.textContent=U?U.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],z()),Q.nextNode(),a.push({type:2,index:++r});o.append(t[e],z())}}}else if(8===o.nodeType)if(o.data===L)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(j,t+1));)a.push({type:7,index:r}),t+=j.length-1}r++}}static createElement(t,e){const i=P.createElement("template");return i.innerHTML=t,i}}function it(t,e,i=t,o){var r,s,n,a;if(e===q)return e;let l=void 0!==o?null===(r=i._$Co)||void 0===r?void 0:r[o]:i._$Cl;const h=D(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==h&&(null===(s=null==l?void 0:l._$AO)||void 0===s||s.call(l,!1),void 0===h?l=void 0:(l=new h(t),l._$AT(t,i,o)),void 0!==o?(null!==(n=(a=i)._$Co)&&void 0!==n?n:a._$Co=[])[o]=l:i._$Cl=l),void 0!==l&&(e=it(t,l._$AS(t,e.values),l,o)),e}class ot{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){var e;const{el:{content:i},parts:o}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:P).importNode(i,!0);Q.currentNode=r;let s=Q.nextNode(),n=0,a=0,l=o[0];for(;void 0!==l;){if(n===l.index){let e;2===l.type?e=new rt(s,s.nextSibling,this,t):1===l.type?e=new l.ctor(s,l.name,l.strings,this,t):6===l.type&&(e=new ct(s,this,t)),this._$AV.push(e),l=o[++a]}n!==(null==l?void 0:l.index)&&(s=Q.nextNode(),n++)}return r}v(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class rt{constructor(t,e,i,o){var r;this.type=2,this._$AH=Y,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cp=null===(r=null==o?void 0:o.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=it(this,t,e),D(t)?t===Y||null==t||""===t?(this._$AH!==Y&&this._$AR(),this._$AH=Y):t!==this._$AH&&t!==q&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>_(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==Y&&D(this._$AH)?this._$AA.nextSibling.data=t:this.$(P.createTextNode(t)),this._$AH=t}g(t){var e;const{values:i,_$litType$:o}=t,r="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=et.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(i);else{const t=new ot(r,this),e=t.u(this.options);t.v(i),this.$(e),this._$AH=t}}_$AC(t){let e=G.get(t.strings);return void 0===e&&G.set(t.strings,e=new et(t)),e}T(t){_(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const r of t)o===e.length?e.push(i=new rt(this.k(z()),this.k(z()),this,this.options)):i=e[o],i._$AI(r),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class st{constructor(t,e,i,o,r){this.type=1,this._$AH=Y,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=Y}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const r=this.strings;let s=!1;if(void 0===r)t=it(this,t,e,0),s=!D(t)||t!==this._$AH&&t!==q,s&&(this._$AH=t);else{const o=t;let n,a;for(t=r[0],n=0;n<r.length-1;n++)a=it(this,o[i+n],e,n),a===q&&(a=this._$AH[n]),s||(s=!D(a)||a!==this._$AH[n]),a===Y?t=Y:t!==Y&&(t+=(null!=a?a:"")+r[n+1]),this._$AH[n]=a}s&&!o&&this.j(t)}j(t){t===Y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class nt extends st{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Y?void 0:t}}const at=U?U.emptyScript:"";class lt extends st{constructor(){super(...arguments),this.type=4}j(t){t&&t!==Y?this.element.setAttribute(this.name,at):this.element.removeAttribute(this.name)}}class ht extends st{constructor(t,e,i,o,r){super(t,e,i,o,r),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=it(this,t,e,0))&&void 0!==i?i:Y)===q)return;const o=this._$AH,r=t===Y&&o!==Y||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==Y&&(o===Y||r);r&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class ct{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){it(this,t)}}const pt=M.litHtmlPolyfillSupport;null==pt||pt(et,rt),(null!==(R=M.litHtmlVersions)&&void 0!==R?R:M.litHtmlVersions=[]).push("2.7.3");
 /**
      * @license
      * Copyright 2017 Google LLC
@@ -105,7 +105,7 @@ const Nt=1;class Et{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
      * @license
      * Copyright 2018 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
-     */const Rt=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends Et{constructor(t){var e;if(super(t),t.type!==Nt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var i,o;if(void 0===this.it){this.it=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.nt)||void 0===i?void 0:i.has(t))&&this.it.add(t);return this.render(e)}const r=t.element.classList;this.it.forEach((t=>{t in e||(r.remove(t),this.it.delete(t))}));for(const t in e){const i=!!e[t];i===this.it.has(t)||(null===(o=this.nt)||void 0===o?void 0:o.has(t))||(i?(r.add(t),this.it.add(t)):(r.remove(t),this.it.delete(t)))}return q}}),Mt=vt.extend("--ft-ripple-color",gt.colorContent),Ut=Mt,Ft=vt.extend("--ft-ripple-background-color",Mt),At=vt.external(gt.opacityContentOnSurfacePressed,"Design system"),jt=vt.external(gt.opacityContentOnSurfaceHover,"Design system"),Lt=vt.external(gt.opacityContentOnSurfaceFocused,"Design system"),Bt=vt.external(gt.opacityContentOnSurfaceSelected,"Design system"),Pt=vt.extend("--ft-ripple-color",gt.colorPrimary),zt=Pt,Dt=vt.extend("--ft-ripple-background-color",Pt),_t=vt.extend("--ft-ripple-color",gt.colorSecondary),Tt=_t,Wt=vt.extend("--ft-ripple-background-color",_t),Ht=g`
+     */const Rt=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends Et{constructor(t){var e;if(super(t),t.type!==Nt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var i,o;if(void 0===this.it){this.it=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.nt)||void 0===i?void 0:i.has(t))&&this.it.add(t);return this.render(e)}const r=t.element.classList;this.it.forEach((t=>{t in e||(r.remove(t),this.it.delete(t))}));for(const t in e){const i=!!e[t];i===this.it.has(t)||(null===(o=this.nt)||void 0===o?void 0:o.has(t))||(i?(r.add(t),this.it.add(t)):(r.remove(t),this.it.delete(t)))}return q}}),Mt=vt.extend("--ft-ripple-color",gt.colorContent),Ut=Mt,Ft=vt.extend("--ft-ripple-background-color",Mt),At=vt.external(gt.opacityContentOnSurfacePressed,"Design system"),jt=vt.external(gt.opacityContentOnSurfaceHover,"Design system"),Lt=vt.external(gt.opacityContentOnSurfaceFocused,"Design system"),Bt=vt.external(gt.opacityContentOnSurfaceSelected,"Design system"),Pt=vt.create("--ft-ripple-border-radius","SIZE","0px"),zt=vt.extend("--ft-ripple-color",gt.colorPrimary),Dt=zt,_t=vt.extend("--ft-ripple-background-color",zt),Tt=vt.extend("--ft-ripple-color",gt.colorSecondary),Wt=Tt,Ht=vt.extend("--ft-ripple-background-color",Tt),Kt=g`
     :host {
         display: contents;
     }
@@ -118,6 +118,7 @@ const Nt=1;class Et{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
 
     .ft-ripple:not(.ft-ripple--unbounded) {
         overflow: hidden;
+        border-radius: ${Pt};
     }
 
     .ft-ripple .ft-ripple--background,
@@ -135,19 +136,19 @@ const Nt=1;class Et{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .ft-ripple.ft-ripple--secondary .ft-ripple--background {
-        background-color: ${Wt};
+        background-color: ${Ht};
     }
 
     .ft-ripple.ft-ripple--secondary .ft-ripple--effect {
-        background-color: ${Tt};
+        background-color: ${Wt};
     }
 
     .ft-ripple.ft-ripple--primary .ft-ripple--background {
-        background-color: ${Dt};
+        background-color: ${_t};
     }
 
     .ft-ripple.ft-ripple--primary .ft-ripple--effect {
-        background-color: ${zt};
+        background-color: ${Dt};
     }
 
     .ft-ripple .ft-ripple--background {
@@ -194,7 +195,7 @@ const Nt=1;class Et{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
         opacity: ${At};
         transform: translate(-50%, -50%) scale(1);
     }
-`;var Kt=function(t,e,i,o){for(var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};class It extends St{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new e(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.setupDebouncer=new e(10),this.moveRipple=t=>{var e,i;let{x:o,y:r}=this.getCoordinates(t),s=null!==(i=null===(e=this.ripple)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==i?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-s.x:s.width/2),this.originY=Math.round(null!=r?r-s.y:s.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return X`
+`;var It=function(t,e,i,o){for(var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};class Zt extends St{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new e(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.setupDebouncer=new e(10),this.moveRipple=t=>{var e,i;let{x:o,y:r}=this.getCoordinates(t),s=null!==(i=null===(e=this.ripple)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==i?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-s.x:s.width/2),this.originY=Math.round(null!=r?r-s.y:s.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return X`
             <style>
                 .ft-ripple .ft-ripple--effect,
                 .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
@@ -211,122 +212,122 @@ const Nt=1;class Et{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
                 <div class="ft-ripple--background"></div>
                 <div class="ft-ripple--effect"></div>
             </div>
-        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>{var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(e),this.setRippleSize()}))}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),r=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",r),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",i),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",r),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const e=t,i=t;let o,r;return null!=e.x?({x:o,y:r}=e):null!=i.touches&&(o=i.touches[0].clientX,r=i.touches[0].clientY),{x:o,y:r}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}It.elementDefinitions={},It.styles=Ht,Kt([o({type:Boolean})],It.prototype,"primary",void 0),Kt([o({type:Boolean})],It.prototype,"secondary",void 0),Kt([o({type:Boolean})],It.prototype,"unbounded",void 0),Kt([o({type:Boolean})],It.prototype,"activated",void 0),Kt([o({type:Boolean})],It.prototype,"selected",void 0),Kt([o({type:Boolean})],It.prototype,"disabled",void 0),Kt([r()],It.prototype,"hovered",void 0),Kt([r()],It.prototype,"focused",void 0),Kt([r()],It.prototype,"pressed",void 0),Kt([r()],It.prototype,"rippling",void 0),Kt([r()],It.prototype,"rippleSize",void 0),Kt([r()],It.prototype,"originX",void 0),Kt([r()],It.prototype,"originY",void 0),Kt([n(".ft-ripple")],It.prototype,"ripple",void 0),Kt([n(".ft-ripple--effect")],It.prototype,"rippleEffect",void 0),c("ft-ripple")(It);
+        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>{var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(e),this.setRippleSize()}))}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),r=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",r),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",i),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",r),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const e=t,i=t;let o,r;return null!=e.x?({x:o,y:r}=e):null!=i.touches&&(o=i.touches[0].clientX,r=i.touches[0].clientY),{x:o,y:r}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}Zt.elementDefinitions={},Zt.styles=Kt,It([o({type:Boolean})],Zt.prototype,"primary",void 0),It([o({type:Boolean})],Zt.prototype,"secondary",void 0),It([o({type:Boolean})],Zt.prototype,"unbounded",void 0),It([o({type:Boolean})],Zt.prototype,"activated",void 0),It([o({type:Boolean})],Zt.prototype,"selected",void 0),It([o({type:Boolean})],Zt.prototype,"disabled",void 0),It([r()],Zt.prototype,"hovered",void 0),It([r()],Zt.prototype,"focused",void 0),It([r()],Zt.prototype,"pressed",void 0),It([r()],Zt.prototype,"rippling",void 0),It([r()],Zt.prototype,"rippleSize",void 0),It([r()],Zt.prototype,"originX",void 0),It([r()],Zt.prototype,"originY",void 0),It([n(".ft-ripple")],Zt.prototype,"ripple",void 0),It([n(".ft-ripple--effect")],Zt.prototype,"rippleEffect",void 0),c("ft-ripple")(Zt);
 /**
      * @license
      * Copyright 2020 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-const Vt=Symbol.for(""),Zt=t=>{if((null==t?void 0:t.r)===Vt)return null==t?void 0:t._$litStatic$},Jt=t=>({_$litStatic$:t,r:Vt}),Xt=new Map,qt=(t=>(e,...i)=>{const o=i.length;let r,s;const n=[],a=[];let l,h=0,c=!1;for(;h<o;){for(l=e[h];h<o&&void 0!==(s=i[h],r=Zt(s));)l+=r+e[++h],c=!0;h!==o&&a.push(s),n.push(l),h++}if(h===o&&n.push(e[o]),c){const t=n.join("$$lit$$");void 0===(e=Xt.get(t))&&(n.raw=n,Xt.set(t,e=n)),i=a}return t(e,...i)})(X);var Yt;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(Yt||(Yt={}));const Gt=vt.extend("--ft-typography-font-family",gt.titleFont),Qt=vt.extend("--ft-typography-font-family",gt.contentFont),te={fontFamily:Qt,fontSize:vt.create("--ft-typography-font-size","SIZE","16px"),fontWeight:vt.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:vt.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:vt.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:vt.create("--ft-typography-text-transform","UNKNOWN","inherit")},ee=vt.extend("--ft-typography-title-font-family",Gt),ie=vt.extend("--ft-typography-title-font-size",te.fontSize,"20px"),oe=vt.extend("--ft-typography-title-font-weight",te.fontWeight,"normal"),re=vt.extend("--ft-typography-title-letter-spacing",te.letterSpacing,"0.15px"),se=vt.extend("--ft-typography-title-line-height",te.lineHeight,"1.2"),ne=vt.extend("--ft-typography-title-text-transform",te.textTransform,"inherit"),ae=vt.extend("--ft-typography-title-dense-font-family",Gt),le=vt.extend("--ft-typography-title-dense-font-size",te.fontSize,"14px"),he=vt.extend("--ft-typography-title-dense-font-weight",te.fontWeight,"normal"),ce=vt.extend("--ft-typography-title-dense-letter-spacing",te.letterSpacing,"0.105px"),pe=vt.extend("--ft-typography-title-dense-line-height",te.lineHeight,"1.7"),fe=vt.extend("--ft-typography-title-dense-text-transform",te.textTransform,"inherit"),de=vt.extend("--ft-typography-subtitle1-font-family",Qt),ue=vt.extend("--ft-typography-subtitle1-font-size",te.fontSize,"16px"),ye=vt.extend("--ft-typography-subtitle1-font-weight",te.fontWeight,"600"),ve=vt.extend("--ft-typography-subtitle1-letter-spacing",te.letterSpacing,"0.144px"),ge=vt.extend("--ft-typography-subtitle1-line-height",te.lineHeight,"1.5"),be=vt.extend("--ft-typography-subtitle1-text-transform",te.textTransform,"inherit"),me=vt.extend("--ft-typography-subtitle2-font-family",Qt),xe=vt.extend("--ft-typography-subtitle2-font-size",te.fontSize,"14px"),we=vt.extend("--ft-typography-subtitle2-font-weight",te.fontWeight,"normal"),$e=vt.extend("--ft-typography-subtitle2-letter-spacing",te.letterSpacing,"0.098px"),Oe=vt.extend("--ft-typography-subtitle2-line-height",te.lineHeight,"1.7"),Se=vt.extend("--ft-typography-subtitle2-text-transform",te.textTransform,"inherit"),ke=vt.extend("--ft-typography-body1-font-family",Qt),Ce=vt.extend("--ft-typography-body1-font-size",te.fontSize,"16px"),Ne=vt.extend("--ft-typography-body1-font-weight",te.fontWeight,"normal"),Ee=vt.extend("--ft-typography-body1-letter-spacing",te.letterSpacing,"0.496px"),Re=vt.extend("--ft-typography-body1-line-height",te.lineHeight,"1.5"),Me=vt.extend("--ft-typography-body1-text-transform",te.textTransform,"inherit"),Ue=vt.extend("--ft-typography-body2-font-family",Qt),Fe=vt.extend("--ft-typography-body2-font-size",te.fontSize,"14px"),Ae=vt.extend("--ft-typography-body2-font-weight",te.fontWeight,"normal"),je=vt.extend("--ft-typography-body2-letter-spacing",te.letterSpacing,"0.252px"),Le=vt.extend("--ft-typography-body2-line-height",te.lineHeight,"1.4"),Be=vt.extend("--ft-typography-body2-text-transform",te.textTransform,"inherit"),Pe=vt.extend("--ft-typography-caption-font-family",Qt),ze=vt.extend("--ft-typography-caption-font-size",te.fontSize,"12px"),De=vt.extend("--ft-typography-caption-font-weight",te.fontWeight,"normal"),_e=vt.extend("--ft-typography-caption-letter-spacing",te.letterSpacing,"0.396px"),Te=vt.extend("--ft-typography-caption-line-height",te.lineHeight,"1.33"),We=vt.extend("--ft-typography-caption-text-transform",te.textTransform,"inherit"),He=vt.extend("--ft-typography-breadcrumb-font-family",Qt),Ke=vt.extend("--ft-typography-breadcrumb-font-size",te.fontSize,"10px"),Ie=vt.extend("--ft-typography-breadcrumb-font-weight",te.fontWeight,"normal"),Ve=vt.extend("--ft-typography-breadcrumb-letter-spacing",te.letterSpacing,"0.33px"),Ze=vt.extend("--ft-typography-breadcrumb-line-height",te.lineHeight,"1.6"),Je=vt.extend("--ft-typography-breadcrumb-text-transform",te.textTransform,"inherit"),Xe=vt.extend("--ft-typography-overline-font-family",Qt),qe=vt.extend("--ft-typography-overline-font-size",te.fontSize,"10px"),Ye=vt.extend("--ft-typography-overline-font-weight",te.fontWeight,"normal"),Ge=vt.extend("--ft-typography-overline-letter-spacing",te.letterSpacing,"1.5px"),Qe=vt.extend("--ft-typography-overline-line-height",te.lineHeight,"1.6"),ti=vt.extend("--ft-typography-overline-text-transform",te.textTransform,"uppercase"),ei=vt.extend("--ft-typography-button-font-family",Qt),ii=vt.extend("--ft-typography-button-font-size",te.fontSize,"14px"),oi=vt.extend("--ft-typography-button-font-weight",te.fontWeight,"600"),ri=vt.extend("--ft-typography-button-letter-spacing",te.letterSpacing,"1.246px"),si=vt.extend("--ft-typography-button-line-height",te.lineHeight,"1.15"),ni=vt.extend("--ft-typography-button-text-transform",te.textTransform,"uppercase"),ai=g`
+const Vt=Symbol.for(""),Jt=t=>{if((null==t?void 0:t.r)===Vt)return null==t?void 0:t._$litStatic$},Xt=t=>({_$litStatic$:t,r:Vt}),qt=new Map,Yt=(t=>(e,...i)=>{const o=i.length;let r,s;const n=[],a=[];let l,h=0,c=!1;for(;h<o;){for(l=e[h];h<o&&void 0!==(s=i[h],r=Jt(s));)l+=r+e[++h],c=!0;h!==o&&a.push(s),n.push(l),h++}if(h===o&&n.push(e[o]),c){const t=n.join("$$lit$$");void 0===(e=qt.get(t))&&(n.raw=n,qt.set(t,e=n)),i=a}return t(e,...i)})(X);var Gt;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(Gt||(Gt={}));const Qt=vt.extend("--ft-typography-font-family",gt.titleFont),te=vt.extend("--ft-typography-font-family",gt.contentFont),ee={fontFamily:te,fontSize:vt.create("--ft-typography-font-size","SIZE","16px"),fontWeight:vt.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:vt.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:vt.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:vt.create("--ft-typography-text-transform","UNKNOWN","inherit")},ie=vt.extend("--ft-typography-title-font-family",Qt),oe=vt.extend("--ft-typography-title-font-size",ee.fontSize,"20px"),re=vt.extend("--ft-typography-title-font-weight",ee.fontWeight,"normal"),se=vt.extend("--ft-typography-title-letter-spacing",ee.letterSpacing,"0.15px"),ne=vt.extend("--ft-typography-title-line-height",ee.lineHeight,"1.2"),ae=vt.extend("--ft-typography-title-text-transform",ee.textTransform,"inherit"),le=vt.extend("--ft-typography-title-dense-font-family",Qt),he=vt.extend("--ft-typography-title-dense-font-size",ee.fontSize,"14px"),ce=vt.extend("--ft-typography-title-dense-font-weight",ee.fontWeight,"normal"),pe=vt.extend("--ft-typography-title-dense-letter-spacing",ee.letterSpacing,"0.105px"),fe=vt.extend("--ft-typography-title-dense-line-height",ee.lineHeight,"1.7"),de=vt.extend("--ft-typography-title-dense-text-transform",ee.textTransform,"inherit"),ue=vt.extend("--ft-typography-subtitle1-font-family",te),ye=vt.extend("--ft-typography-subtitle1-font-size",ee.fontSize,"16px"),ve=vt.extend("--ft-typography-subtitle1-font-weight",ee.fontWeight,"600"),ge=vt.extend("--ft-typography-subtitle1-letter-spacing",ee.letterSpacing,"0.144px"),be=vt.extend("--ft-typography-subtitle1-line-height",ee.lineHeight,"1.5"),me=vt.extend("--ft-typography-subtitle1-text-transform",ee.textTransform,"inherit"),xe=vt.extend("--ft-typography-subtitle2-font-family",te),we=vt.extend("--ft-typography-subtitle2-font-size",ee.fontSize,"14px"),$e=vt.extend("--ft-typography-subtitle2-font-weight",ee.fontWeight,"normal"),Oe=vt.extend("--ft-typography-subtitle2-letter-spacing",ee.letterSpacing,"0.098px"),Se=vt.extend("--ft-typography-subtitle2-line-height",ee.lineHeight,"1.7"),ke=vt.extend("--ft-typography-subtitle2-text-transform",ee.textTransform,"inherit"),Ce=vt.extend("--ft-typography-body1-font-family",te),Ne=vt.extend("--ft-typography-body1-font-size",ee.fontSize,"16px"),Ee=vt.extend("--ft-typography-body1-font-weight",ee.fontWeight,"normal"),Re=vt.extend("--ft-typography-body1-letter-spacing",ee.letterSpacing,"0.496px"),Me=vt.extend("--ft-typography-body1-line-height",ee.lineHeight,"1.5"),Ue=vt.extend("--ft-typography-body1-text-transform",ee.textTransform,"inherit"),Fe=vt.extend("--ft-typography-body2-font-family",te),Ae=vt.extend("--ft-typography-body2-font-size",ee.fontSize,"14px"),je=vt.extend("--ft-typography-body2-font-weight",ee.fontWeight,"normal"),Le=vt.extend("--ft-typography-body2-letter-spacing",ee.letterSpacing,"0.252px"),Be=vt.extend("--ft-typography-body2-line-height",ee.lineHeight,"1.4"),Pe=vt.extend("--ft-typography-body2-text-transform",ee.textTransform,"inherit"),ze=vt.extend("--ft-typography-caption-font-family",te),De=vt.extend("--ft-typography-caption-font-size",ee.fontSize,"12px"),_e=vt.extend("--ft-typography-caption-font-weight",ee.fontWeight,"normal"),Te=vt.extend("--ft-typography-caption-letter-spacing",ee.letterSpacing,"0.396px"),We=vt.extend("--ft-typography-caption-line-height",ee.lineHeight,"1.33"),He=vt.extend("--ft-typography-caption-text-transform",ee.textTransform,"inherit"),Ke=vt.extend("--ft-typography-breadcrumb-font-family",te),Ie=vt.extend("--ft-typography-breadcrumb-font-size",ee.fontSize,"10px"),Ze=vt.extend("--ft-typography-breadcrumb-font-weight",ee.fontWeight,"normal"),Ve=vt.extend("--ft-typography-breadcrumb-letter-spacing",ee.letterSpacing,"0.33px"),Je=vt.extend("--ft-typography-breadcrumb-line-height",ee.lineHeight,"1.6"),Xe=vt.extend("--ft-typography-breadcrumb-text-transform",ee.textTransform,"inherit"),qe=vt.extend("--ft-typography-overline-font-family",te),Ye=vt.extend("--ft-typography-overline-font-size",ee.fontSize,"10px"),Ge=vt.extend("--ft-typography-overline-font-weight",ee.fontWeight,"normal"),Qe=vt.extend("--ft-typography-overline-letter-spacing",ee.letterSpacing,"1.5px"),ti=vt.extend("--ft-typography-overline-line-height",ee.lineHeight,"1.6"),ei=vt.extend("--ft-typography-overline-text-transform",ee.textTransform,"uppercase"),ii=vt.extend("--ft-typography-button-font-family",te),oi=vt.extend("--ft-typography-button-font-size",ee.fontSize,"14px"),ri=vt.extend("--ft-typography-button-font-weight",ee.fontWeight,"600"),si=vt.extend("--ft-typography-button-letter-spacing",ee.letterSpacing,"1.246px"),ni=vt.extend("--ft-typography-button-line-height",ee.lineHeight,"1.15"),ai=vt.extend("--ft-typography-button-text-transform",ee.textTransform,"uppercase"),li=g`
     .ft-typography--title {
-        font-family: ${ee};
-        font-size: ${ie};
-        font-weight: ${oe};
-        letter-spacing: ${re};
-        line-height: ${se};
-        text-transform: ${ne};
-    }
-`,li=g`
-    .ft-typography--title-dense {
-        font-family: ${ae};
-        font-size: ${le};
-        font-weight: ${he};
-        letter-spacing: ${ce};
-        line-height: ${pe};
-        text-transform: ${fe};
+        font-family: ${ie};
+        font-size: ${oe};
+        font-weight: ${re};
+        letter-spacing: ${se};
+        line-height: ${ne};
+        text-transform: ${ae};
     }
 `,hi=g`
-    .ft-typography--subtitle1 {
-        font-family: ${de};
-        font-size: ${ue};
-        font-weight: ${ye};
-        letter-spacing: ${ve};
-        line-height: ${ge};
-        text-transform: ${be};
+    .ft-typography--title-dense {
+        font-family: ${le};
+        font-size: ${he};
+        font-weight: ${ce};
+        letter-spacing: ${pe};
+        line-height: ${fe};
+        text-transform: ${de};
     }
 `,ci=g`
+    .ft-typography--subtitle1 {
+        font-family: ${ue};
+        font-size: ${ye};
+        font-weight: ${ve};
+        letter-spacing: ${ge};
+        line-height: ${be};
+        text-transform: ${me};
+    }
+`,pi=g`
     .ft-typography--subtitle2 {
-        font-family: ${me};
-        font-size: ${xe};
-        font-weight: ${we};
-        letter-spacing: ${$e};
-        line-height: ${Oe};
-        text-transform: ${Se};
+        font-family: ${xe};
+        font-size: ${we};
+        font-weight: ${$e};
+        letter-spacing: ${Oe};
+        line-height: ${Se};
+        text-transform: ${ke};
     }
 
-`,pi=g`
+`,fi=g`
     .ft-typography--body1 {
-        font-family: ${ke};
-        font-size: ${Ce};
-        font-weight: ${Ne};
-        letter-spacing: ${Ee};
-        line-height: ${Re};
-        text-transform: ${Me};
+        font-family: ${Ce};
+        font-size: ${Ne};
+        font-weight: ${Ee};
+        letter-spacing: ${Re};
+        line-height: ${Me};
+        text-transform: ${Ue};
     }
-`,fi=g`
+`,di=g`
     .ft-typography--body2 {
-        font-family: ${Ue};
-        font-size: ${Fe};
-        font-weight: ${Ae};
-        letter-spacing: ${je};
-        line-height: ${Le};
-        text-transform: ${Be};
+        font-family: ${Fe};
+        font-size: ${Ae};
+        font-weight: ${je};
+        letter-spacing: ${Le};
+        line-height: ${Be};
+        text-transform: ${Pe};
     }
-`,di=g`
+`,ui=g`
     .ft-typography--caption {
-        font-family: ${Pe};
-        font-size: ${ze};
-        font-weight: ${De};
-        letter-spacing: ${_e};
-        line-height: ${Te};
-        text-transform: ${We};
+        font-family: ${ze};
+        font-size: ${De};
+        font-weight: ${_e};
+        letter-spacing: ${Te};
+        line-height: ${We};
+        text-transform: ${He};
     }
-`,ui=g`
+`,yi=g`
     .ft-typography--breadcrumb {
-        font-family: ${He};
-        font-size: ${Ke};
-        font-weight: ${Ie};
+        font-family: ${Ke};
+        font-size: ${Ie};
+        font-weight: ${Ze};
         letter-spacing: ${Ve};
-        line-height: ${Ze};
-        text-transform: ${Je};
-    }
-`,yi=g`
-    .ft-typography--overline {
-        font-family: ${Xe};
-        font-size: ${qe};
-        font-weight: ${Ye};
-        letter-spacing: ${Ge};
-        line-height: ${Qe};
-        text-transform: ${ti};
+        line-height: ${Je};
+        text-transform: ${Xe};
     }
 `,vi=g`
-    .ft-typography--button {
-        font-family: ${ei};
-        font-size: ${ii};
-        font-weight: ${oi};
-        letter-spacing: ${ri};
-        line-height: ${si};
-        text-transform: ${ni};
+    .ft-typography--overline {
+        font-family: ${qe};
+        font-size: ${Ye};
+        font-weight: ${Ge};
+        letter-spacing: ${Qe};
+        line-height: ${ti};
+        text-transform: ${ei};
     }
 `,gi=g`
+    .ft-typography--button {
+        font-family: ${ii};
+        font-size: ${oi};
+        font-weight: ${ri};
+        letter-spacing: ${si};
+        line-height: ${ni};
+        text-transform: ${ai};
+    }
+`,bi=g`
     .ft-typography {
         vertical-align: inherit;
     }
-`;var bi=function(t,e,i,o){for(var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};class mi extends St{constructor(){super(...arguments),this.variant=Yt.body1}render(){return this.element?qt`
-                <${Jt(this.element)}
+`;var mi=function(t,e,i,o){for(var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};class xi extends St{constructor(){super(...arguments),this.variant=Gt.body1}render(){return this.element?Yt`
+                <${Xt(this.element)}
                         class="ft-typography ft-typography--${this.variant}">
                     <slot></slot>
-                </${Jt(this.element)}>
-            `:qt`
+                </${Xt(this.element)}>
+            `:Yt`
             <slot class="ft-typography ft-typography--${this.variant}"></slot>
-        `}}mi.styles=[ai,li,hi,ci,pi,fi,di,ui,yi,vi,gi],bi([o()],mi.prototype,"element",void 0),bi([o()],mi.prototype,"variant",void 0),c("ft-typography")(mi);const xi={textColor:vt.extend("--ft-radio-text-color",gt.colorOnSurfaceHigh),colorPrimary:vt.external(gt.colorPrimary,"Design system"),colorOnPrimary:vt.external(gt.colorOnPrimary,"Design system"),borderColor:vt.extend("--ft-radio-border-color",gt.colorOnSurfaceMedium),colorOnSurfaceDisabled:vt.external(gt.colorOnSurfaceDisabled,"Design system")},wi=g`
+        `}}xi.styles=[li,hi,ci,pi,fi,di,ui,yi,vi,gi,bi],mi([o()],xi.prototype,"element",void 0),mi([o()],xi.prototype,"variant",void 0),c("ft-typography")(xi);const wi={textColor:vt.extend("--ft-radio-text-color",gt.colorOnSurfaceHigh),colorPrimary:vt.external(gt.colorPrimary,"Design system"),colorOnPrimary:vt.external(gt.colorOnPrimary,"Design system"),borderColor:vt.extend("--ft-radio-border-color",gt.colorOnSurfaceMedium),colorOnSurfaceDisabled:vt.external(gt.colorOnSurfaceDisabled,"Design system")},$i=g`
     * {
         box-sizing: border-box;
     }
 
     .ft-radio {
         box-sizing: border-box;
-        color: ${xi.textColor};
+        color: ${wi.textColor};
 
         display: inline-flex;
         align-items: center;
@@ -334,7 +335,7 @@ const Vt=Symbol.for(""),Zt=t=>{if((null==t?void 0:t.r)===Vt)return null==t?void
     }
 
     .ft-radio--disabled {
-        color: ${xi.colorOnSurfaceDisabled};
+        color: ${wi.colorOnSurfaceDisabled};
     }
 
     input {
@@ -357,7 +358,7 @@ const Vt=Symbol.for(""),Zt=t=>{if((null==t?void 0:t.r)===Vt)return null==t?void
     }
 
     .ft-radio--box {
-        border: 2px solid ${xi.borderColor};
+        border: 2px solid ${wi.borderColor};
         border-radius: 50%;
 
         display: flex;
@@ -370,7 +371,7 @@ const Vt=Symbol.for(""),Zt=t=>{if((null==t?void 0:t.r)===Vt)return null==t?void
 
     .ft-radio--box:after {
         content: " ";
-        background-color: ${xi.colorPrimary};
+        background-color: ${wi.colorPrimary};
 
         border-radius: 50%;
 
@@ -382,7 +383,7 @@ const Vt=Symbol.for(""),Zt=t=>{if((null==t?void 0:t.r)===Vt)return null==t?void
     }
 
     .ft-radio--checked .ft-radio--box {
-        border-color: ${xi.colorPrimary};
+        border-color: ${wi.colorPrimary};
     }
 
 
@@ -391,14 +392,14 @@ const Vt=Symbol.for(""),Zt=t=>{if((null==t?void 0:t.r)===Vt)return null==t?void
     }
 
     .ft-radio--disabled .ft-radio--box {
-        border-color: ${xi.colorOnSurfaceDisabled};
+        border-color: ${wi.colorOnSurfaceDisabled};
         background-color: transparent;
     }
 
     .ft-radio--disabled .ft-radio--box:after {
-        background-color: ${xi.colorOnSurfaceDisabled};
+        background-color: ${wi.colorOnSurfaceDisabled};
     }
-`;var $i=function(t,e,i,o){for(var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};class Oi extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Si extends St{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return X`
+`;var Oi=function(t,e,i,o){for(var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};class Si extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class ki extends St{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return X`
             <div class="${Rt(t)}">
                 <div class="ft-radio--box-container">
                     <ft-ripple
@@ -423,14 +424,14 @@ const Vt=Symbol.for(""),Zt=t=>{if((null==t?void 0:t.r)===Vt)return null==t?void
                     </ft-typography>
                 </label>
             </div>
-        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Oi(this.value,this.checked))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Oi(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}Si.elementDefinitions={"ft-ripple":It,"ft-typography":mi},Si.styles=wi,$i([o()],Si.prototype,"value",void 0),$i([o()],Si.prototype,"name",void 0),$i([o({type:Boolean,reflect:!0})],Si.prototype,"checked",void 0),$i([o({type:Boolean})],Si.prototype,"disabled",void 0),$i([n(".ft-radio")],Si.prototype,"container",void 0),$i([n("ft-ripple")],Si.prototype,"ripple",void 0),$i([n("input")],Si.prototype,"input",void 0);const ki=g`
+        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Si(this.value,this.checked))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Si(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}ki.elementDefinitions={"ft-ripple":Zt,"ft-typography":xi},ki.styles=$i,Oi([o()],ki.prototype,"value",void 0),Oi([o()],ki.prototype,"name",void 0),Oi([o({type:Boolean,reflect:!0})],ki.prototype,"checked",void 0),Oi([o({type:Boolean})],ki.prototype,"disabled",void 0),Oi([n(".ft-radio")],ki.prototype,"container",void 0),Oi([n("ft-ripple")],ki.prototype,"ripple",void 0),Oi([n("input")],ki.prototype,"input",void 0);const Ci=g`
     :host {
         display: contents;
     }
-`;var Ci=function(t,e,i,o){for(var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};class Ni extends St{constructor(){super(...arguments),this.name=""}render(){return X`
+`;var Ni=function(t,e,i,o){for(var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};class Ei extends St{constructor(){super(...arguments),this.name=""}render(){return X`
             <slot @slotchange=${this.onSlotChange}
                   @change=${this.onChange}
                   @keydown=${this.onKeyDown}
                   @focusin=${this.focusCurrentValue}
             ></slot>
-        `}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}Ni.elementDefinitions={},Ni.styles=ki,Ci([o()],Ni.prototype,"name",void 0),Ci([function(t){const{slot:e,selector:i}=null!=t?t:{};return s({descriptor:o=>({get(){var o;const r="slot"+(e?`[name=${e}]`:":not([name])"),s=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(r),n=null!=s?l(s,t):[];return i?n.filter((t=>t.matches(i))):n},enumerable:!0,configurable:!0})})}()],Ni.prototype,"radioButtons",void 0),c("ft-radio")(Si),c("ft-radio-group")(Ni),t.FtRadio=Si,t.FtRadioChangeEvent=Oi,t.FtRadioCssVariables=xi,t.FtRadioGroup=Ni,t.FtRadioGroupCssVariables={},t.groupStyles=ki,t.styles=wi}({});
+        `}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}Ei.elementDefinitions={},Ei.styles=Ci,Ni([o()],Ei.prototype,"name",void 0),Ni([function(t){const{slot:e,selector:i}=null!=t?t:{};return s({descriptor:o=>({get(){var o;const r="slot"+(e?`[name=${e}]`:":not([name])"),s=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(r),n=null!=s?l(s,t):[];return i?n.filter((t=>t.matches(i))):n},enumerable:!0,configurable:!0})})}()],Ei.prototype,"radioButtons",void 0),c("ft-radio")(ki),c("ft-radio-group")(Ei),t.FtRadio=ki,t.FtRadioChangeEvent=Si,t.FtRadioCssVariables=wi,t.FtRadioGroup=Ei,t.FtRadioGroupCssVariables={},t.groupStyles=Ci,t.styles=$i}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-radio",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.1",
   "description": "A radio component",
   "keywords": [
     "Lit"
@@ -19,10 +19,10 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-ripple": "1.0.0-alpha.1",
-    "@fluid-topics/ft-typography": "1.0.0-alpha.1",
-    "@fluid-topics/ft-wc-utils": "1.0.0-alpha.1",
+    "@fluid-topics/ft-ripple": "1.0.1",
+    "@fluid-topics/ft-typography": "1.0.1",
+    "@fluid-topics/ft-wc-utils": "1.0.1",
     "lit": "2.7.2"
   },
-  "gitHead": "bb54c217f788a915a443db6f496f02e176d05306"
+  "gitHead": "8e883d50248d276ce48981f8a1a0407e46400bd1"
 }