npm - @codeforamerica/marcomms-design-system - Versions diffs - 1.13.1 → 1.15.0 - Mend

@codeforamerica/marcomms-design-system 1.13.1 → 1.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js +293 -202
package/package.json +1 -1
package/src/components/carousel.js +594 -114
package/src/components/carousel.stories.js +105 -1
package/src/components/slide.js +3 -3

package/dist/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*! For license information please see index.js.LICENSE.txt */
-(()=>{"use strict";const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),i=new WeakMap;class a{constructor(t,e,i){if(this._$cssResult$=!0,i!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const o=this.t;if(e&&void 0===t){const e=void 0!==o&&1===o.length;e&&(t=i.get(o)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&i.set(o,t))}return t}toString(){return this.cssText}}const s=(t,...e)=>{const i=1===t.length?t[0]:e.reduce((e,o,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+t[i+1],t[0]);return new a(i,t,o)},r=(o,i)=>{if(e)o.adoptedStyleSheets=i.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of i){const i=document.createElement("style"),a=t.litNonce;void 0!==a&&i.setAttribute("nonce",a),i.textContent=e.cssText,o.appendChild(i)}},n=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,o))(e)})(t):t,{is:l,defineProperty:c,getOwnPropertyDescriptor:h,getOwnPropertyNames:d,getOwnPropertySymbols:p,getPrototypeOf:g}=Object,v=globalThis,u=v.trustedTypes,m=u?u.emptyScript:"",f=v.reactiveElementPolyfillSupport,b=(t,e)=>t,w={toAttribute(t,e){switch(e){case Boolean:t=t?m:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},y=(t,e)=>!l(t,e),x={attribute:!0,type:String,converter:w,reflect:!1,useDefault:!1,hasChanged:y};Symbol.metadata??=Symbol("metadata"),v.litPropertyMetadata??=new WeakMap;class $ extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=x){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),i=this.getPropertyDescriptor(t,o,e);void 0!==i&&c(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){const{get:i,set:a}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:i,set(e){const s=i?.call(this);a?.call(this,e),this.requestUpdate(t,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??x}static _$Ei(){if(this.hasOwnProperty(b("elementProperties")))return;const t=g(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(b("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(b("properties"))){const t=this.properties,e=[...d(t),...p(t)];for(const o of e)this.createProperty(o,t[o])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,o]of e)this.elementProperties.set(t,o)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const o=this._$Eu(t,e);void 0!==o&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(n(t))}else void 0!==t&&e.push(n(t));return e}static _$Eu(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return r(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){const o=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,o);if(void 0!==i&&!0===o.reflect){const a=(void 0!==o.converter?.toAttribute?o.converter:w).toAttribute(e,o.type);this._$Em=t,null==a?this.removeAttribute(i):this.setAttribute(i,a),this._$Em=null}}_$AK(t,e){const o=this.constructor,i=o._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=o.getPropertyOptions(i),a="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:w;this._$Em=i;const s=a.fromAttribute(e,t.type);this[i]=s??this._$Ej?.get(i)??s,this._$Em=null}}requestUpdate(t,e,o,i=!1,a){if(void 0!==t){const s=this.constructor;if(!1===i&&(a=this[t]),o??=s.getPropertyOptions(t),!((o.hasChanged??y)(a,e)||o.useDefault&&o.reflect&&a===this._$Ej?.get(t)&&!this.hasAttribute(s._$Eu(t,o))))return;this.C(t,e,o)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:i,wrapped:a},s){o&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,s??e??this[t]),!0!==a||void 0!==s)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),!0===i&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,o]of t){const{wrapped:t}=o,i=this[e];!0!==t||this._$AL.has(e)||void 0===i||this.C(e,void 0,o,i)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[b("elementProperties")]=new Map,$[b("finalized")]=new Map,f?.({ReactiveElement:$}),(v.reactiveElementVersions??=[]).push("2.1.2");const k=globalThis,_=t=>t,z=k.trustedTypes,A=z?z.createPolicy("lit-html",{createHTML:t=>t}):void 0,E="$lit$",C=`lit$${Math.random().toFixed(9).slice(2)}$`,S="?"+C,T=`<${S}>`,U=document,L=()=>U.createComment(""),M=t=>null===t||"object"!=typeof t&&"function"!=typeof t,P=Array.isArray,H="[ \t\n\f\r]",N=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,R=/-->/g,I=/>/g,B=RegExp(`>|${H}(?:([^\\s"'>=/]+)(${H}*=${H}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),O=/'/g,F=/"/g,q=/^(?:script|style|textarea|title)$/i,j=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}),V=j(1),D=j(2),W=(j(3),Symbol.for("lit-noChange")),Z=Symbol.for("lit-nothing"),K=new WeakMap,J=U.createTreeWalker(U,129);function X(t,e){if(!P(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==A?A.createHTML(e):e}const Y=(t,e)=>{const o=t.length-1,i=[];let a,s=2===e?"<svg>":3===e?"<math>":"",r=N;for(let e=0;e<o;e++){const o=t[e];let n,l,c=-1,h=0;for(;h<o.length&&(r.lastIndex=h,l=r.exec(o),null!==l);)h=r.lastIndex,r===N?"!--"===l[1]?r=R:void 0!==l[1]?r=I:void 0!==l[2]?(q.test(l[2])&&(a=RegExp("</"+l[2],"g")),r=B):void 0!==l[3]&&(r=B):r===B?">"===l[0]?(r=a??N,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,n=l[1],r=void 0===l[3]?B:'"'===l[3]?F:O):r===F||r===O?r=B:r===R||r===I?r=N:(r=B,a=void 0);const d=r===B&&t[e+1].startsWith("/>")?" ":"";s+=r===N?o+T:c>=0?(i.push(n),o.slice(0,c)+E+o.slice(c)+C+d):o+C+(-2===c?e:d)}return[X(t,s+(t[o]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class G{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let a=0,s=0;const r=t.length-1,n=this.parts,[l,c]=Y(t,e);if(this.el=G.createElement(l,o),J.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=J.nextNode())&&n.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(E)){const e=c[s++],o=i.getAttribute(t).split(C),r=/([.?@])?(.*)/.exec(e);n.push({type:1,index:a,name:r[2],strings:o,ctor:"."===r[1]?it:"?"===r[1]?at:"@"===r[1]?st:ot}),i.removeAttribute(t)}else t.startsWith(C)&&(n.push({type:6,index:a}),i.removeAttribute(t));if(q.test(i.tagName)){const t=i.textContent.split(C),e=t.length-1;if(e>0){i.textContent=z?z.emptyScript:"";for(let o=0;o<e;o++)i.append(t[o],L()),J.nextNode(),n.push({type:2,index:++a});i.append(t[e],L())}}}else if(8===i.nodeType)if(i.data===S)n.push({type:2,index:a});else{let t=-1;for(;-1!==(t=i.data.indexOf(C,t+1));)n.push({type:7,index:a}),t+=C.length-1}a++}}static createElement(t,e){const o=U.createElement("template");return o.innerHTML=t,o}}function Q(t,e,o=t,i){if(e===W)return e;let a=void 0!==i?o._$Co?.[i]:o._$Cl;const s=M(e)?void 0:e._$litDirective$;return a?.constructor!==s&&(a?._$AO?.(!1),void 0===s?a=void 0:(a=new s(t),a._$AT(t,o,i)),void 0!==i?(o._$Co??=[])[i]=a:o._$Cl=a),void 0!==a&&(e=Q(t,a._$AS(t,e.values),a,i)),e}class tt{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){const{el:{content:e},parts:o}=this._$AD,i=(t?.creationScope??U).importNode(e,!0);J.currentNode=i;let a=J.nextNode(),s=0,r=0,n=o[0];for(;void 0!==n;){if(s===n.index){let e;2===n.type?e=new et(a,a.nextSibling,this,t):1===n.type?e=new n.ctor(a,n.name,n.strings,this,t):6===n.type&&(e=new rt(a,this,t)),this._$AV.push(e),n=o[++r]}s!==n?.index&&(a=J.nextNode(),s++)}return J.currentNode=U,i}p(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class et{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,o,i){this.type=2,this._$AH=Z,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),M(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.$(t):void 0!==t.nodeType?this.T(t):(t=>P(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==Z&&M(this._$AH)?this._$AA.nextSibling.data=t:this.T(U.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:o}=t,i="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=G.createElement(X(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new tt(i,this),o=t.u(this.options);t.p(e),this.T(o),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new G(t)),e}k(t){P(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const a of t)i===e.length?e.push(o=new et(this.O(L()),this.O(L()),this,this.options)):o=e[i],o._$AI(a),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=_(t).nextSibling;_(t).remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class ot{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,i,a){this.type=1,this._$AH=Z,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=a,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=Z}_$AI(t,e=this,o,i){const a=this.strings;let s=!1;if(void 0===a)t=Q(this,t,e,0),s=!M(t)||t!==this._$AH&&t!==W,s&&(this._$AH=t);else{const i=t;let r,n;for(t=a[0],r=0;r<a.length-1;r++)n=Q(this,i[o+r],e,r),n===W&&(n=this._$AH[r]),s||=!M(n)||n!==this._$AH[r],n===Z?t=Z:t!==Z&&(t+=(n??"")+a[r+1]),this._$AH[r]=n}s&&!i&&this.j(t)}j(t){t===Z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class it extends ot{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Z?void 0:t}}class at extends ot{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==Z)}}class st extends ot{constructor(t,e,o,i,a){super(t,e,o,i,a),this.type=5}_$AI(t,e=this){if((t=Q(this,t,e,0)??Z)===W)return;const o=this._$AH,i=t===Z&&o!==Z||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,a=t!==Z&&(o===Z||i);i&&this.element.removeEventListener(this.name,this,o),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class rt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const nt=k.litHtmlPolyfillSupport;nt?.(G,et),(k.litHtmlVersions??=[]).push("3.3.2");const lt=globalThis;class ct extends ${constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,o)=>{const i=o?.renderBefore??e;let a=i._$litPart$;if(void 0===a){const t=o?.renderBefore??null;i._$litPart$=a=new et(e.insertBefore(L(),t),t,void 0,o??{})}return a._$AI(t),a})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return W}}ct._$litElement$=!0,ct.finalized=!0,lt.litElementHydrateSupport?.({LitElement:ct});const ht=lt.litElementPolyfillSupport;ht?.({LitElement:ct}),(lt.litElementVersions??=[]).push("4.2.2");const dt=s`
+(()=>{"use strict";const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),o=new WeakMap;class a{constructor(t,e,o){if(this._$cssResult$=!0,o!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const i=this.t;if(e&&void 0===t){const e=void 0!==i&&1===i.length;e&&(t=o.get(i)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o.set(i,t))}return t}toString(){return this.cssText}}const s=(t,...e)=>{const o=1===t.length?t[0]:e.reduce((e,i,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[o+1],t[0]);return new a(o,t,i)},r=(i,o)=>{if(e)i.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement("style"),a=t.litNonce;void 0!==a&&o.setAttribute("nonce",a),o.textContent=e.cssText,i.appendChild(o)}},n=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,i))(e)})(t):t,{is:l,defineProperty:c,getOwnPropertyDescriptor:h,getOwnPropertyNames:d,getOwnPropertySymbols:p,getPrototypeOf:u}=Object,g=globalThis,v=g.trustedTypes,m=v?v.emptyScript:"",f=g.reactiveElementPolyfillSupport,b=(t,e)=>t,w={toAttribute(t,e){switch(e){case Boolean:t=t?m:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},y=(t,e)=>!l(t,e),x={attribute:!0,type:String,converter:w,reflect:!1,useDefault:!1,hasChanged:y};Symbol.metadata??=Symbol("metadata"),g.litPropertyMetadata??=new WeakMap;class $ extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=x){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&c(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:a}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const s=o?.call(this);a?.call(this,e),this.requestUpdate(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??x}static _$Ei(){if(this.hasOwnProperty(b("elementProperties")))return;const t=u(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(b("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(b("properties"))){const t=this.properties,e=[...d(t),...p(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(n(t))}else void 0!==t&&e.push(n(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return r(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(void 0!==o&&!0===i.reflect){const a=(void 0!==i.converter?.toAttribute?i.converter:w).toAttribute(e,i.type);this._$Em=t,null==a?this.removeAttribute(o):this.setAttribute(o,a),this._$Em=null}}_$AK(t,e){const i=this.constructor,o=i._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=i.getPropertyOptions(o),a="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:w;this._$Em=o;const s=a.fromAttribute(e,t.type);this[o]=s??this._$Ej?.get(o)??s,this._$Em=null}}requestUpdate(t,e,i,o=!1,a){if(void 0!==t){const s=this.constructor;if(!1===o&&(a=this[t]),i??=s.getPropertyOptions(t),!((i.hasChanged??y)(a,e)||i.useDefault&&i.reflect&&a===this._$Ej?.get(t)&&!this.hasAttribute(s._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:o,wrapped:a},s){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,s??e??this[t]),!0!==a||void 0!==s)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,i,o)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[b("elementProperties")]=new Map,$[b("finalized")]=new Map,f?.({ReactiveElement:$}),(g.reactiveElementVersions??=[]).push("2.1.2");const k=globalThis,_=t=>t,E=k.trustedTypes,A=E?E.createPolicy("lit-html",{createHTML:t=>t}):void 0,z="$lit$",P=`lit$${Math.random().toFixed(9).slice(2)}$`,S="?"+P,T=`<${S}>`,C=document,L=()=>C.createComment(""),U=t=>null===t||"object"!=typeof t&&"function"!=typeof t,M=Array.isArray,I="[ \t\n\f\r]",R=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H=/-->/g,N=/>/g,O=RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),V=/'/g,q=/"/g,B=/^(?:script|style|textarea|title)$/i,F=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),D=F(1),j=F(2),W=(F(3),Symbol.for("lit-noChange")),K=Symbol.for("lit-nothing"),X=new WeakMap,Z=C.createTreeWalker(C,129);function G(t,e){if(!M(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==A?A.createHTML(e):e}const Y=(t,e)=>{const i=t.length-1,o=[];let a,s=2===e?"<svg>":3===e?"<math>":"",r=R;for(let e=0;e<i;e++){const i=t[e];let n,l,c=-1,h=0;for(;h<i.length&&(r.lastIndex=h,l=r.exec(i),null!==l);)h=r.lastIndex,r===R?"!--"===l[1]?r=H:void 0!==l[1]?r=N:void 0!==l[2]?(B.test(l[2])&&(a=RegExp("</"+l[2],"g")),r=O):void 0!==l[3]&&(r=O):r===O?">"===l[0]?(r=a??R,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,n=l[1],r=void 0===l[3]?O:'"'===l[3]?q:V):r===q||r===V?r=O:r===H||r===N?r=R:(r=O,a=void 0);const d=r===O&&t[e+1].startsWith("/>")?" ":"";s+=r===R?i+T:c>=0?(o.push(n),i.slice(0,c)+z+i.slice(c)+P+d):i+P+(-2===c?e:d)}return[G(t,s+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class J{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let a=0,s=0;const r=t.length-1,n=this.parts,[l,c]=Y(t,e);if(this.el=J.createElement(l,i),Z.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=Z.nextNode())&&n.length<r;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(z)){const e=c[s++],i=o.getAttribute(t).split(P),r=/([.?@])?(.*)/.exec(e);n.push({type:1,index:a,name:r[2],strings:i,ctor:"."===r[1]?ot:"?"===r[1]?at:"@"===r[1]?st:it}),o.removeAttribute(t)}else t.startsWith(P)&&(n.push({type:6,index:a}),o.removeAttribute(t));if(B.test(o.tagName)){const t=o.textContent.split(P),e=t.length-1;if(e>0){o.textContent=E?E.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],L()),Z.nextNode(),n.push({type:2,index:++a});o.append(t[e],L())}}}else if(8===o.nodeType)if(o.data===S)n.push({type:2,index:a});else{let t=-1;for(;-1!==(t=o.data.indexOf(P,t+1));)n.push({type:7,index:a}),t+=P.length-1}a++}}static createElement(t,e){const i=C.createElement("template");return i.innerHTML=t,i}}function Q(t,e,i=t,o){if(e===W)return e;let a=void 0!==o?i._$Co?.[o]:i._$Cl;const s=U(e)?void 0:e._$litDirective$;return a?.constructor!==s&&(a?._$AO?.(!1),void 0===s?a=void 0:(a=new s(t),a._$AT(t,i,o)),void 0!==o?(i._$Co??=[])[o]=a:i._$Cl=a),void 0!==a&&(e=Q(t,a._$AS(t,e.values),a,o)),e}class tt{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){const{el:{content:e},parts:i}=this._$AD,o=(t?.creationScope??C).importNode(e,!0);Z.currentNode=o;let a=Z.nextNode(),s=0,r=0,n=i[0];for(;void 0!==n;){if(s===n.index){let e;2===n.type?e=new et(a,a.nextSibling,this,t):1===n.type?e=new n.ctor(a,n.name,n.strings,this,t):6===n.type&&(e=new rt(a,this,t)),this._$AV.push(e),n=i[++r]}s!==n?.index&&(a=Z.nextNode(),s++)}return Z.currentNode=C,o}p(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 et{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=K,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),U(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.$(t):void 0!==t.nodeType?this.T(t):(t=>M(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==K&&U(this._$AH)?this._$AA.nextSibling.data=t:this.T(C.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=J.createElement(G(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new tt(o,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=X.get(t.strings);return void 0===e&&X.set(t.strings,e=new J(t)),e}k(t){M(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const a of t)o===e.length?e.push(i=new et(this.O(L()),this.O(L()),this,this.options)):i=e[o],i._$AI(a),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=_(t).nextSibling;_(t).remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class it{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,a){this.type=1,this._$AH=K,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=a,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=K}_$AI(t,e=this,i,o){const a=this.strings;let s=!1;if(void 0===a)t=Q(this,t,e,0),s=!U(t)||t!==this._$AH&&t!==W,s&&(this._$AH=t);else{const o=t;let r,n;for(t=a[0],r=0;r<a.length-1;r++)n=Q(this,o[i+r],e,r),n===W&&(n=this._$AH[r]),s||=!U(n)||n!==this._$AH[r],n===K?t=K:t!==K&&(t+=(n??"")+a[r+1]),this._$AH[r]=n}s&&!o&&this.j(t)}j(t){t===K?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class ot extends it{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===K?void 0:t}}class at extends it{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==K)}}class st extends it{constructor(t,e,i,o,a){super(t,e,i,o,a),this.type=5}_$AI(t,e=this){if((t=Q(this,t,e,0)??K)===W)return;const i=this._$AH,o=t===K&&i!==K||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,a=t!==K&&(i===K||o);o&&this.element.removeEventListener(this.name,this,i),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class rt{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){Q(this,t)}}const nt=k.litHtmlPolyfillSupport;nt?.(J,et),(k.litHtmlVersions??=[]).push("3.3.2");const lt=globalThis;class ct extends ${constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{const o=i?.renderBefore??e;let a=o._$litPart$;if(void 0===a){const t=i?.renderBefore??null;o._$litPart$=a=new et(e.insertBefore(L(),t),t,void 0,i??{})}return a._$AI(t),a})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return W}}ct._$litElement$=!0,ct.finalized=!0,lt.litElementHydrateSupport?.({LitElement:ct});const ht=lt.litElementPolyfillSupport;ht?.({LitElement:ct}),(lt.litElementVersions??=[]).push("4.2.2");const dt=s`
   *,
   *::before,
   *::after {
@@ -35,22 +35,22 @@
         object-fit: cover;
         width: 100%;
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <style>
         :host {
           --size: var(--spacing-layout-${this.size||"4"}, 8rem);
         }
       </style>
       <picture>
-        ${this.imageUrl?V`
+        ${this.imageUrl?D`
               <img
                 src="${this.imageUrl}"
                 loading="lazy"
                 alt="${this.altText}"
               />
-            `:Z}
+            `:K}
       </picture>
-    `}}customElements.get("cfa-avatar")||customElements.define("cfa-avatar",pt);class gt extends ct{static properties={color:{},shape:{},styles:{}};static styles=(()=>[dt,s`
+    `}}customElements.get("cfa-avatar")||customElements.define("cfa-avatar",pt);class ut extends ct{static properties={color:{},shape:{},styles:{}};static styles=(()=>[dt,s`
       :host {
         --color: var(--blue-20);
@@ -66,7 +66,7 @@
       svg path {
         fill: var(--color, #fff);
       }
-    `])();constructor(){super(),this.shape="1"}blobTemplate(){let t;switch(this.shape){case"1":default:t=V`<svg
+    `])();constructor(){super(),this.shape="1"}blobTemplate(){let t;switch(this.shape){case"1":default:t=D`<svg
           width="628"
           height="577"
           viewBox="0 0 628 577"
@@ -78,7 +78,7 @@
             clip-rule="evenodd"
             d="M304.482 3.44206C399.413 -5.50752 504.225 1.17063 567.446 72.5295C633.526 147.115 639.549 256.491 613.992 352.793C589.57 444.814 526.084 523.087 438.164 559.679C355.477 594.092 265.039 570.416 184.315 531.621C103.504 492.784 22.0294 438.546 3.59029 350.826C-14.5863 264.355 39.2746 183.666 97.1329 116.868C151.394 54.223 221.956 11.2221 304.482 3.44206Z"
           />
-        </svg>`;break;case"2":t=V`<svg
+        </svg>`;break;case"2":t=D`<svg
           width="580"
           height="592"
           viewBox="0 0 580 592"
@@ -88,7 +88,7 @@
           <path
             d="M238.814 591.215C210.461 592.077 182.849 587.767 155.66 580.979C60.4457 557.059 4.05766 489.933 0.460672 390.376C-2.50155 306.442 8.71258 223.693 37.2769 144.499C73.2468 44.6185 170.894 -12.5948 276.159 2.81295C358.996 14.9883 437.177 39.3389 499.172 100.108C588.039 187.167 604.437 293.512 544.346 402.767C514.618 456.855 477.59 505.988 426.386 541.544C369.892 580.656 304.723 587.767 238.814 591.215Z"
           />
-        </svg>`;break;case"3":t=V`<svg
+        </svg>`;break;case"3":t=D`<svg
           width="620"
           height="613"
           viewBox="0 0 620 613"
@@ -100,7 +100,7 @@
             clip-rule="evenodd"
             d="M619.142 301.769C615.581 212.393 536.92 153.752 466.654 98.7402C397.998 44.9883 323.934 -10.5844 236.421 2.12929C141.656 15.8965 53.9975 76.8338 15.687 164.256C-20.6955 247.277 16.2818 336.243 54.5575 417.127C92.4807 497.265 137.965 580.831 224.139 604.752C314.166 629.742 409.183 593.817 484.092 536.359C559.738 478.336 622.883 395.641 619.142 301.769Z"
           />
-        </svg>`;break;case"4":t=V`<svg
+        </svg>`;break;case"4":t=D`<svg
           width="656"
           height="566"
           viewBox="0 0 656 566"
@@ -112,14 +112,14 @@
             clip-rule="evenodd"
             d="M332.011 564.695C235.808 569.34 135.091 552.4 71.2946 488.381C4.66596 421.518 -10.0767 327.738 8.2158 239.764C27.3773 147.61 73.5054 52.3693 169.88 14.2546C263.181 -22.6447 364.8 21.5179 455.491 62.8734C540.631 101.698 627.337 150.367 649.771 233.088C672.265 316.032 626.78 399.503 564.43 464.569C505.684 525.875 422.382 560.331 332.011 564.695Z"
           />
-        </svg>`}return t}render(){const t=this.color?`var(--${this.color})`:"var(--blue-20)";return V`
+        </svg>`}return t}render(){const t=this.color?`var(--${this.color})`:"var(--blue-20)";return D`
       <div
         class="blob"
         style="--color: ${t}"
       >
         ${this.blobTemplate()}
       </div>
-    `}}customElements.get("cfa-blob")||customElements.define("cfa-blob",gt);const vt=s`
+    `}}customElements.get("cfa-blob")||customElements.define("cfa-blob",ut);const gt=s`
   .cfa-button,
   a.cfa-button,
   .cfa-button > a,
@@ -276,7 +276,7 @@
     --font-size: var(--font-size-base);
     --line-height: var(--line-height-base);
   }
-`;class ut extends ct{static styles=(()=>[dt,s`
+`;class vt extends ct{static styles=(()=>[dt,s`
       :host {
         --size: 1.2em;
@@ -299,11 +299,11 @@
         white-space: nowrap;
         word-wrap: normal;
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <span class="icon">
         <slot></slot>
       </span>
-    `}}customElements.get("cfa-icon")||customElements.define("cfa-icon",ut);const mt=s`
+    `}}customElements.get("cfa-icon")||customElements.define("cfa-icon",vt);const mt=s`
   .serif {
     font-family: var(--font-family-serif) !important;
   }
@@ -447,7 +447,7 @@
       .label[color="yellow"] {
         --background-color: var(--yellow-20);
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <div class="label small strong" color="${this.color}">
         <slot />
       </div>
@@ -467,7 +467,7 @@
         padding: var(--spacing-component-1) var(--spacing-component-2);
         vertical-align: middle;
       }
-    `])();render(){return V` <slot /> `}}customElements.get("cfa-pill")||customElements.define("cfa-pill",bt);class wt extends ct{static properties={};static styles=(()=>[dt,s`
+    `])();render(){return D` <slot /> `}}customElements.get("cfa-pill")||customElements.define("cfa-pill",bt);class wt extends ct{static properties={};static styles=(()=>[dt,s`
       :host {
         --color: var(--purple-60);
@@ -488,7 +488,7 @@
       p + p {
         margin-block-start: var(--spacing-layout-half);
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <blockquote>
         <slot />
       </blockquote>
@@ -568,7 +568,7 @@
         opacity: 0.5;
         width: auto;
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <figure>
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 339.42 264.4" aria-hidden="true" shape-rendering="geometricPrecision">
           <path d="M91.69,126.5c-9.19,0-15.39,1-18.59,3,4.01-16,12.59-32.41,25.8-49.21h0c12.8-15.99,26.61-27.79,41.4-35.39h1.2l.61-1.21c3.19-1.2,4.79-4.2,4.79-9,0-3.2-1.39-6-4.21-8.4L104.9,2.29c-1.61-1.2-3.79-1.79-6.6-1.79l-4.2,1.2c-28.8,20.8-51.4,45.6-67.8,74.4C9.09,106.1.5,137.7.5,170.9c0,28.39,8.21,51.2,24.61,68.39,14.79,16.4,33.4,24.61,55.79,24.61,19.61,0,36.6-7.01,51-21,14-14.4,21-31.4,21-51s-6-34.8-18-46.8c-11.6-12.39-26-18.6-43.21-18.6Z"/>
@@ -595,11 +595,11 @@
         vertical-align: -0.125em;
         width: 1em;
       }
-    `])();constructor(){super()}iconTemplate(t){switch(t){case"bluesky":return V`
+    `])();constructor(){super()}iconTemplate(t){switch(t){case"bluesky":return D`
           <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 568 501">
             <path class="st0" d="M123.1,33.7c65.1,48.9,135.2,148,160.9,201.2,25.7-53.2,95.8-152.3,160.9-201.2,47-35.3,123.1-62.6,123.1,24.3s-9.9,145.7-15.8,166.6c-20.3,72.5-94.2,90.9-159.9,79.7,114.9,19.6,144.1,84.3,81,149.1-119.9,123-172.3-30.9-185.7-70.3-2.5-7.2-3.6-10.6-3.6-7.7,0-2.9-1.2.5-3.6,7.7-13.4,39.4-65.8,193.3-185.7,70.3-63.1-64.8-33.9-129.5,81-149.1-65.7,11.2-139.6-7.3-159.9-79.7C9.9,203.7,0,75.3,0,57.9,0-28.9,76.1-1.6,123.1,33.7Z"/>
           </svg>
-        `;case"dropbox":return V`
+        `;case"dropbox":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -611,7 +611,7 @@
               d="M264.4 116.3l-132 84.3 132 84.3-132 84.3L0 284.1l132.3-84.3L0 116.3 132.3 32l132.1 84.3zM131.6 395.7l132-84.3 132 84.3-132 84.3-132-84.3zm132.8-111.6l132-84.3-132-83.6L395.7 32 528 116.3l-132.3 84.3L528 284.8l-132.3 84.3-131.3-85z"
             />
           </svg>
-        `;case"facebook":return V`
+        `;case"facebook":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -623,7 +623,7 @@
               d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"
             />
           </svg>
-        `;case"github":return V`
+        `;case"github":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -635,7 +635,7 @@
               d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
             />
           </svg>
-        `;case"google-drive":return V`
+        `;case"google-drive":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -647,7 +647,7 @@
               d="M339 314.9L175.4 32h161.2l163.6 282.9H339zm-137.5 23.6L120.9 480h310.5L512 338.5H201.5zM154.1 67.4L0 338.5 80.6 480 237 208.8 154.1 67.4z"
             />
           </svg>
-        `;case"google":return V`
+        `;case"google":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -659,7 +659,7 @@
               d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z"
             />
           </svg>
-        `;case"instagram":return V`
+        `;case"instagram":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -671,7 +671,7 @@
               d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
             />
           </svg>
-        `;case"linkedin":return V`
+        `;case"linkedin":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -683,7 +683,7 @@
               d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
             />
           </svg>
-        `;case"reddit":return V`
+        `;case"reddit":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -695,7 +695,7 @@
               d="M0 256C0 114.6 114.6 0 256 0S512 114.6 512 256s-114.6 256-256 256L37.1 512c-13.7 0-20.5-16.5-10.9-26.2L75 437C28.7 390.7 0 326.7 0 256zM349.6 153.6c23.6 0 42.7-19.1 42.7-42.7s-19.1-42.7-42.7-42.7c-20.6 0-37.8 14.6-41.8 34c-34.5 3.7-61.4 33-61.4 68.4l0 .2c-37.5 1.6-71.8 12.3-99 29.1c-10.1-7.8-22.8-12.5-36.5-12.5c-33 0-59.8 26.8-59.8 59.8c0 24 14.1 44.6 34.4 54.1c2 69.4 77.6 125.2 170.6 125.2s168.7-55.9 170.6-125.3c20.2-9.6 34.1-30.2 34.1-54c0-33-26.8-59.8-59.8-59.8c-13.7 0-26.3 4.6-36.4 12.4c-27.4-17-62.1-27.7-100-29.1l0-.2c0-25.4 18.9-46.5 43.4-49.9l0 0c4.4 18.8 21.3 32.8 41.5 32.8zM177.1 246.9c16.7 0 29.5 17.6 28.5 39.3s-13.5 29.6-30.3 29.6s-31.4-8.8-30.4-30.5s15.4-38.3 32.1-38.3zm190.1 38.3c1 21.7-13.7 30.5-30.4 30.5s-29.3-7.9-30.3-29.6c-1-21.7 11.8-39.3 28.5-39.3s31.2 16.6 32.1 38.3zm-48.1 56.7c-10.3 24.6-34.6 41.9-63 41.9s-52.7-17.3-63-41.9c-1.2-2.9 .8-6.2 3.9-6.5c18.4-1.9 38.3-2.9 59.1-2.9s40.7 1 59.1 2.9c3.1 .3 5.1 3.6 3.9 6.5z"
             />
           </svg>
-        `;case"soundcloud":return V`
+        `;case"soundcloud":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -707,7 +707,7 @@
               d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2 .8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1 .6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7 .6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3 .1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"
             />
           </svg>
-        `;case"threads":return V`
+        `;case"threads":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -719,7 +719,7 @@
               d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"
             />
           </svg>
-        `;case"twitter":return V`
+        `;case"twitter":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -731,7 +731,7 @@
               d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
             />
           </svg>
-        `;case"wikipedia":return V`
+        `;case"wikipedia":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -743,7 +743,7 @@
               d="M640 51.2l-.3 12.2c-28.1 .8-45 15.8-55.8 40.3-25 57.8-103.3 240-155.3 358.6H415l-81.9-193.1c-32.5 63.6-68.3 130-99.2 193.1-.3 .3-15 0-15-.3C172 352.3 122.8 243.4 75.8 133.4 64.4 106.7 26.4 63.4 .2 63.7c0-3.1-.3-10-.3-14.2h161.9v13.9c-19.2 1.1-52.8 13.3-43.3 34.2 21.9 49.7 103.6 240.3 125.6 288.6 15-29.7 57.8-109.2 75.3-142.8-13.9-28.3-58.6-133.9-72.8-160-9.7-17.8-36.1-19.4-55.8-19.7V49.8l142.5 .3v13.1c-19.4 .6-38.1 7.8-29.4 26.1 18.9 40 30.6 68.1 48.1 104.7 5.6-10.8 34.7-69.4 48.1-100.8 8.9-20.6-3.9-28.6-38.6-29.4 .3-3.6 0-10.3 .3-13.6 44.4-.3 111.1-.3 123.1-.6v13.6c-22.5 .8-45.8 12.8-58.1 31.7l-59.2 122.8c6.4 16.1 63.3 142.8 69.2 156.7L559.2 91.8c-8.6-23.1-36.4-28.1-47.2-28.3V49.6l127.8 1.1 .2 .5z"
             />
           </svg>
-        `;case"youtube":return V`
+        `;case"youtube":return D`
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -755,7 +755,7 @@
               d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"
             />
           </svg>
-        `;default:return""}}render(){return V`
+        `;default:return""}}render(){return D`
       <span class="social-icon ${this.icon}" aria-hidden="true">
         ${this.iconTemplate(this.icon)}
       </span>
@@ -800,7 +800,7 @@
           background-size: 100% var(--highlight-thickness);
         }
       }
-    `])();constructor(){super(),this.animated=!0}firstUpdated(){const t=this.shadowRoot.querySelector(".stat");new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&t.target.classList.add("is-visible")})},{rootMargin:"0px 0px -20% 0px"}).observe(t)}render(){return V`
+    `])();constructor(){super(),this.animated=!0}firstUpdated(){const t=this.shadowRoot.querySelector(".stat");new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&t.target.classList.add("is-visible")})},{rootMargin:"0px 0px -20% 0px"}).observe(t)}render(){return D`
       <div class="stat ${this.animated?"is-animated":""}">
         <div class="above-label strong">${this.beforeLabel}</div>
         <div class="figure display-2">
@@ -871,7 +871,7 @@
       .body ::slotted(*) {
         margin-block-start: 0 !important;
       }
-    `])();constructor(){super(),this.open=!1}toggle(){this.open=!this.open}handleKeyPress(t){"Enter"!==t.key&&" "!==t.key||this.toggle()}render(){return V`
+    `])();constructor(){super(),this.open=!1}toggle(){this.open=!this.open}handleKeyPress(t){"Enter"!==t.key&&" "!==t.key||this.toggle()}render(){return D`
       <div class="item">
         <div
           class="header"
@@ -885,7 +885,7 @@
             <slot name="title"></slot>
           </div>
           <span class="icon" aria-hidden="true">
-            ${this.open?V`<cfa-icon>expand_less</cfa-icon>`:V`<cfa-icon>expand_more</cfa-icon>`}
+            ${this.open?D`<cfa-icon>expand_less</cfa-icon>`:D`<cfa-icon>expand_more</cfa-icon>`}
           </span>
         </div>
         <div
@@ -900,11 +900,11 @@
     :host {
       display: block;
     }
-  `)();render(){return V`
+  `)();render(){return D`
       <div role="tablist">
         <slot></slot>
       </div>
-    `}}customElements.get("cfa-accordion-item")||customElements.define("cfa-accordion-item",kt),customElements.get("cfa-accordion")||customElements.define("cfa-accordion",_t);class zt extends ct{static properties={theme:{}};static styles=(()=>[dt,s`
+    `}}customElements.get("cfa-accordion-item")||customElements.define("cfa-accordion-item",kt),customElements.get("cfa-accordion")||customElements.define("cfa-accordion",_t);class Et extends ct{static properties={theme:{}};static styles=(()=>[dt,s`
       :host {
         --bg-color: var(--purple-80);
         --text-color: var(--white);
@@ -956,13 +956,13 @@
         max-width: none !important;
         white-space: nowrap !important;
       }
-    `])();firstUpdated(){const t=this.shadowRoot.querySelector(".content"),e=t=>{t.classList.toggle("is-overflowing",t.scrollWidth>t.clientWidth)};"ResizeObserver"in window&&new ResizeObserver(t=>{e(t[0].target)}).observe(t),"MutationObserver"in window&&new MutationObserver(()=>{e(t)}).observe(t,{childList:!0}),e(t)}render(){return V`
+    `])();firstUpdated(){const t=this.shadowRoot.querySelector(".content"),e=t=>{t.classList.toggle("is-overflowing",t.scrollWidth>t.clientWidth)};"ResizeObserver"in window&&new ResizeObserver(t=>{e(t[0].target)}).observe(t),"MutationObserver"in window&&new MutationObserver(()=>{e(t)}).observe(t,{childList:!0}),e(t)}render(){return D`
       <div class="bar">
         <div class="content">
           <slot></slot>
         </div>
       </div>
-    `}}customElements.get("cfa-bar")||customElements.define("cfa-bar",zt);class At extends ct{static properties={theme:{}};static styles=(()=>[dt,s`
+    `}}customElements.get("cfa-bar")||customElements.define("cfa-bar",Et);class At extends ct{static properties={theme:{}};static styles=(()=>[dt,s`
       :host {
         --bg-color: var(--white);
         --padding: var(--spacing-component-4);
@@ -993,11 +993,11 @@
         max-width: 100%;
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <div class="box ${this.theme?"box--"+this.theme:""}">
         <slot />
       </div>
-    `}}customElements.get("cfa-box")||customElements.define("cfa-box",At);class Et extends ct{static properties={};static styles=(()=>[dt,s`
+    `}}customElements.get("cfa-box")||customElements.define("cfa-box",At);class zt extends ct{static properties={};static styles=(()=>[dt,s`
       slot {
         display: none;
       }
@@ -1042,10 +1042,10 @@
         color: var(--link-color);
         text-decoration: none;
       }
-    `])();handleSlotchange(t){const e=t.target.assignedNodes({flatten:!0});console.log(e);const o=this.shadowRoot.querySelector(".breadcrumbs");o.innerHTML="",e.forEach(t=>{"UL"===t.tagName&&t.querySelectorAll("li").forEach(t=>{o.appendChild(t.cloneNode(!0))})})}render(){return V`
+    `])();handleSlotchange(t){const e=t.target.assignedNodes({flatten:!0});console.log(e);const i=this.shadowRoot.querySelector(".breadcrumbs");i.innerHTML="",e.forEach(t=>{"UL"===t.tagName&&t.querySelectorAll("li").forEach(t=>{i.appendChild(t.cloneNode(!0))})})}render(){return D`
       <slot @slotchange=${this.handleSlotchange}></slot>
       <ul class="breadcrumbs"></ul>
-    `}}customElements.get("cfa-breadcrumbs")||customElements.define("cfa-breadcrumbs",Et);class Ct extends ct{static styles=(()=>[dt,s`
+    `}}customElements.get("cfa-breadcrumbs")||customElements.define("cfa-breadcrumbs",zt);class Pt extends ct{static styles=(()=>[dt,s`
       :host {
         --background: var(--white);
         --icon-color: var(--purple-80);
@@ -1080,7 +1080,7 @@
       .callout + .callout {
         margin-top: var(--spacing-layout-half);
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <div class="callout">
         <div class="icon">
           <cfa-icon>info</cfa-icon>
@@ -1089,7 +1089,7 @@
           <slot></slot>
         </div>
       </div>
-    `}}customElements.get("cfa-callout")||customElements.define("cfa-callout",Ct);class St extends ct{static properties={theme:{},linkUrl:{},linkTarget:{},visualType:{},visualUrl:{},visualThumbnailUrl:{},visualAltText:{},eyebrow:{},label:{},title:{},text:{},metaText:{},actionLabel:{}};static styles=(()=>[dt,mt,s`
+    `}}customElements.get("cfa-callout")||customElements.define("cfa-callout",Pt);class St extends ct{static properties={theme:{},linkUrl:{},linkTarget:{},visualType:{},visualUrl:{},visualThumbnailUrl:{},visualAltText:{},eyebrow:{},label:{},title:{},text:{},metaText:{},actionLabel:{}};static styles=(()=>[dt,mt,s`
       :host {
         --action-border-color: var(--purple-20);
         --action-border-hover-color: var(--red-60);
@@ -1344,10 +1344,10 @@
       .card--horizontal-compact .action-label {
         padding-block-start: var(--spacing-component-2);
       }
-    `])();visualTemplate(){let t;return"image"===this.visualType?t=V`
+    `])();visualTemplate(){let t;return"image"===this.visualType?t=D`
         <div class="visual image">
           <div class="fallback-image">
-            ${D`
+            ${j`
               <svg
                 width="1600"
                 height="900"
@@ -1369,7 +1369,7 @@
               </svg>
             `}
           </div>
-          ${this.visualUrl?V`
+          ${this.visualUrl?D`
                 <picture>
                   <source srcset="${this.visualUrl}" />
                   <img
@@ -1379,9 +1379,9 @@
                     onerror="this.style.display='none'"
                   />
                 </picture>
-              `:Z}
+              `:K}
         </div>
-      `:"logo"===this.visualType&&(t=V`
+      `:"logo"===this.visualType&&(t=D`
         <div class="visual logo">
           <picture>
             <source srcset="${this.visualUrl}" />
@@ -1392,42 +1392,42 @@
             />
           </picture>
         </div>
-      `),t}cardContentTemplate(){return V`
+      `),t}cardContentTemplate(){return D`
       ${this.visualTemplate()}
       <div class="content">
         <div class="header">
           <div>
-            ${this.eyebrow?V` <div class="eyebrow">${this.eyebrow}</div> `:Z}
-            ${this.title?V` <div class="h3 title">${this.title}</div> `:Z}
+            ${this.eyebrow?D` <div class="eyebrow">${this.eyebrow}</div> `:K}
+            ${this.title?D` <div class="h3 title">${this.title}</div> `:K}
           </div>
-          ${this.label?V`
+          ${this.label?D`
                 <div>
                   <cfa-label color="green">${this.label}</cfa-label>
                 </div>
-              `:Z}
+              `:K}
         </div>
         <div class="body">
-          ${this.text?V` <div class="small" .innerHTML="${this.text}"></div> `:Z}
-          ${this.metaText?V`
+          ${this.text?D` <div class="small" .innerHTML="${this.text}"></div> `:K}
+          ${this.metaText?D`
                 <div
                   class="meta-text small"
                   .innerHTML="${this.metaText}"
                 ></div>
-              `:Z}
-          ${this.actionLabel?V` <div class="action-label">${this.actionLabel}</div> `:Z}
+              `:K}
+          ${this.actionLabel?D` <div class="action-label">${this.actionLabel}</div> `:K}
         </div>
       </div>
-    `}render(){return V`
-      ${this.linkUrl?V`
+    `}render(){return D`
+      ${this.linkUrl?D`
             <a
               href="${this.linkUrl}"
               target="${this.linkTarget}"
-              rel="${"_blank"==this.linkTarget?"noopener":Z}"
+              rel="${"_blank"==this.linkTarget?"noopener":K}"
               class="card ${this.theme?"card--"+this.theme:""}"
             >
               ${this.cardContentTemplate()}
             </a>
-          `:V`
+          `:D`
             <div class="card ${this.theme?"card--"+this.theme:""}">
               ${this.cardContentTemplate()}
             </div>
@@ -1477,18 +1477,18 @@
         object-fit: contain;
         width: 100%;
       }
-    `])();cardContentTemplate(){let t;return t=this.imageUrl?V` <img src="${this.imageUrl}" alt="${this.name}" /> `:V` ${this.name} `,t}render(){return V`
-      ${this.linkUrl?V`
+    `])();cardContentTemplate(){let t;return t=this.imageUrl?D` <img src="${this.imageUrl}" alt="${this.name}" /> `:D` ${this.name} `,t}render(){return D`
+      ${this.linkUrl?D`
             <a
               href="${this.linkUrl}"
               target="${this.linkTarget||"_self"}"
-              rel="${"_blank"==this.linkTarget?"noopener noreferrer":Z}"
+              rel="${"_blank"==this.linkTarget?"noopener noreferrer":K}"
               class="card"
             >
               ${this.cardContentTemplate()}
             </a>
-          `:V` <div class="card">${this.cardContentTemplate()}</div> `}
-    `}}customElements.get("cfa-logo-card")||customElements.define("cfa-logo-card",Tt);class Ut extends ct{static properties={fontSize:{}};static styles=(()=>[dt,s`
+          `:D` <div class="card">${this.cardContentTemplate()}</div> `}
+    `}}customElements.get("cfa-logo-card")||customElements.define("cfa-logo-card",Tt);class Ct extends ct{static properties={fontSize:{}};static styles=(()=>[dt,s`
       :host {
         --link-color: var(--purple-80);
         --link-hover-color: var(--purple-80);
@@ -1549,12 +1549,12 @@
       a:hover {
         box-shadow: inset 0 calc(-1 * var(--medium)) var(--link-hover-color);
       }
-    `])();handleSlotchange(t){const e=t.target.assignedNodes({flatten:!0}),o=this.shadowRoot.querySelector("ul");o.innerHTML="",e.forEach(t=>{"UL"===t.tagName&&t.querySelectorAll("li").forEach(t=>{o.appendChild(t.cloneNode(!0))})})}render(){return V`
+    `])();handleSlotchange(t){const e=t.target.assignedNodes({flatten:!0}),i=this.shadowRoot.querySelector("ul");i.innerHTML="",e.forEach(t=>{"UL"===t.tagName&&t.querySelectorAll("li").forEach(t=>{i.appendChild(t.cloneNode(!0))})})}render(){return D`
       <slot @slotchange=${this.handleSlotchange}></slot>
       <nav data-font-size="${this.fontSize}">
         <ul></ul>
       </nav>
-    `}}customElements.get("cfa-nav")||customElements.define("cfa-nav",Ut);class Lt extends ct{static properties={fontSize:{}};static styles=(()=>[dt,s`
+    `}}customElements.get("cfa-nav")||customElements.define("cfa-nav",Ct);class Lt extends ct{static properties={fontSize:{}};static styles=(()=>[dt,s`
       :host {
         --bg-color: var(--white);
         --link-color: var(--purple-80);
@@ -1646,14 +1646,14 @@
           background-color: var(--blue-40);
         }
       }
-    `])();handleSlotchange(t){const e=t.target.assignedNodes({flatten:!0}),o=this.shadowRoot.querySelector("ul"),i=[];e.forEach(t=>{"UL"===t.tagName&&t.querySelectorAll("li").forEach(t=>{o.appendChild(t.cloneNode(!0));const e=t.querySelector("a")?.getAttribute("href");e&&e.startsWith("#")&&i.push(e.substring(1))})}),window.addEventListener("scroll",()=>this.updateActiveNav(i))}updateActiveNav(t){const e=window.scrollY;let o=null;if(t.forEach(t=>{const i=document.getElementById(t);i&&i.offsetTop<=e+256&&(o=t)}),this.shadowRoot.querySelectorAll("li a").forEach(t=>{t.classList.remove("is-active")}),o){const t=this.shadowRoot.querySelector(`li a[href*="#${o}"]`);t&&t.classList.add("is-active")}}render(){return V`
+    `])();handleSlotchange(t){const e=t.target.assignedNodes({flatten:!0}),i=this.shadowRoot.querySelector("ul"),o=[];e.forEach(t=>{"UL"===t.tagName&&t.querySelectorAll("li").forEach(t=>{i.appendChild(t.cloneNode(!0));const e=t.querySelector("a")?.getAttribute("href");e&&e.startsWith("#")&&o.push(e.substring(1))})}),window.addEventListener("scroll",()=>this.updateActiveNav(o))}updateActiveNav(t){const e=window.scrollY;let i=null;if(t.forEach(t=>{const o=document.getElementById(t);o&&o.offsetTop<=e+256&&(i=t)}),this.shadowRoot.querySelectorAll("li a").forEach(t=>{t.classList.remove("is-active")}),i){const t=this.shadowRoot.querySelector(`li a[href*="#${i}"]`);t&&t.classList.add("is-active")}}render(){return D`
       <slot @slotchange=${this.handleSlotchange}></slot>
       <nav>
         <ul>
           <li><strong>On this page: &ensp;</strong></li>
         </ul>
       </nav>
-    `}}customElements.get("cfa-page-nav")||customElements.define("cfa-page-nav",Lt);class Mt extends ct{static properties={previousTitle:{},previousUrl:{},nextTitle:{},nextUrl:{}};static styles=(()=>[dt,mt,vt,s`
+    `}}customElements.get("cfa-page-nav")||customElements.define("cfa-page-nav",Lt);class Ut extends ct{static properties={previousTitle:{},previousUrl:{},nextTitle:{},nextUrl:{}};static styles=(()=>[dt,mt,gt,s`
       :host {
         display: block;
       }
@@ -1692,10 +1692,10 @@
           text-align: start;
         }
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <nav>
         <div class="next">
-          ${this.nextUrl?V`
+          ${this.nextUrl?D`
                 <a href="${this.nextUrl}" class="cfa-button">
                   <span class="small label"
                     >Next <cfa-icon>arrow_forward</cfa-icon></span
@@ -1705,7 +1705,7 @@
               `:""}
         </div>
         <div class="previous">
-          ${this.previousUrl?V`
+          ${this.previousUrl?D`
                 <a
                   href="${this.previousUrl}"
                   class="cfa-button cfa-button--outline"
@@ -1718,7 +1718,7 @@
               `:""}
         </div>
       </nav>
-    `}}customElements.get("cfa-pager")||customElements.define("cfa-pager",Mt);class Pt extends ct{static properties=(()=>({page:{type:Number},totalPages:{type:Number},previousLabel:{},nextLabel:{}}))();static styles=(()=>[dt,vt,s`
+    `}}customElements.get("cfa-pager")||customElements.define("cfa-pager",Ut);class Mt extends ct{static properties=(()=>({page:{type:Number},totalPages:{type:Number},previousLabel:{},nextLabel:{}}))();static styles=(()=>[dt,gt,s`
       :host {
         display: block;
       }
@@ -1755,10 +1755,10 @@
       .next {
         text-align: right;
       }
-    `])();constructor(){super(),this.previousLabel="Previous",this.nextLabel="Next",this.page=1,this.totalPages=1}render(){return V`
+    `])();constructor(){super(),this.previousLabel="Previous",this.nextLabel="Next",this.page=1,this.totalPages=1}render(){return D`
       <div class="pagination">
         <div class="previous">
-          ${this.page>1?V`
+          ${this.page>1?D`
                 <button class="cfa-button" @click="${this.handlePreviousPage}">
                   <cfa-icon>arrow_back</cfa-icon>&nbsp;${this.previousLabel}
                 </button>
@@ -1766,14 +1766,14 @@
         </div>
         <div class="status">Page ${this.page} of ${this.totalPages}</div>
         <div class="next">
-          ${this.page<this.totalPages?V`
+          ${this.page<this.totalPages?D`
                 <button class="cfa-button" @click="${this.handleNextPage}">
                   ${this.nextLabel}&nbsp;<cfa-icon>arrow_forward</cfa-icon>
                 </button>
               `:""}
         </div>
       </div>
-    `}handleNextPage(){if(this.page<this.totalPages){this.page++;const t=new CustomEvent("page-change",{bubbles:!0,cancelable:!0,detail:this.page});this.dispatchEvent(t)}}handlePreviousPage(){if(this.page>1){this.page--;const t=new CustomEvent("page-change",{bubbles:!0,cancelable:!0,detail:this.page});this.dispatchEvent(t)}}}customElements.get("cfa-pagination")||customElements.define("cfa-pagination",Pt);class Ht extends ct{static properties={name:{type:"string"},title:{type:"string"},company:{type:"string"},pronouns:{type:"string"},imageUrl:{type:"string"},imageAltText:{type:"string"},linkUrl:{type:"string"},linkedInUrl:{type:"string"},twitterHandle:{type:"string"}};static styles=(()=>[dt,mt,s`
+    `}handleNextPage(){if(this.page<this.totalPages){this.page++;const t=new CustomEvent("page-change",{bubbles:!0,cancelable:!0,detail:this.page});this.dispatchEvent(t)}}handlePreviousPage(){if(this.page>1){this.page--;const t=new CustomEvent("page-change",{bubbles:!0,cancelable:!0,detail:this.page});this.dispatchEvent(t)}}}customElements.get("cfa-pagination")||customElements.define("cfa-pagination",Mt);class It extends ct{static properties={name:{type:"string"},title:{type:"string"},company:{type:"string"},pronouns:{type:"string"},imageUrl:{type:"string"},imageAltText:{type:"string"},linkUrl:{type:"string"},linkedInUrl:{type:"string"},twitterHandle:{type:"string"}};static styles=(()=>[dt,mt,s`
       :host {
         display: block;
       }
@@ -1884,25 +1884,25 @@
       .social > a + a {
         margin-inline-start: var(--spacing-component-2);
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <div class="card ${this.linkUrl?"has-link":""}">
         <!-- Link overlay pseudo-element so we can do nested links within the card -->
-        ${this.linkUrl?V`
+        ${this.linkUrl?D`
               <a
                 href="${this.linkUrl}"
                 target="${this.linkTarget||"_self"}"
-                rel="${"_blank"==this.linkTarget?"noopener":Z}"
+                rel="${"_blank"==this.linkTarget?"noopener":K}"
                 class="link-overlay"
                 tabindex="-1"
               >
               </a>
             `:""}
         <div class="avatar">
-          ${this.linkUrl?V`
+          ${this.linkUrl?D`
                 <a
                   href="${this.linkUrl}"
                   target="${this.linkTarget||"_self"}"
-                  rel="${"_blank"==this.linkTarget?"noopener":Z}"
+                  rel="${"_blank"==this.linkTarget?"noopener":K}"
                 >
                   <cfa-avatar
                     imageUrl="${this.imageUrl}"
@@ -1911,7 +1911,7 @@
                   >
                   </cfa-avatar>
                 </a>
-              `:V`
+              `:D`
                 <cfa-avatar
                   imageUrl="${this.imageUrl}"
                   altText="Avatar photo of ${this.name}"
@@ -1923,24 +1923,24 @@
         <div class="details">
           <div>
             <div class="name h4">
-              ${this.linkUrl?V`
+              ${this.linkUrl?D`
                     <a
                       href="${this.linkUrl}"
                       target="${this.linkTarget||"_self"}"
-                      rel="${"_blank"==this.linkTarget?"noopener":Z}"
+                      rel="${"_blank"==this.linkTarget?"noopener":K}"
                     >
                       ${this.name.trim()}
                     </a>
-                  `:V` ${this.name.trim()} `}
+                  `:D` ${this.name.trim()} `}
             </div>
-            ${this.pronouns?V` <span class="pronouns small">(${this.pronouns})</span> `:""}
+            ${this.pronouns?D` <span class="pronouns small">(${this.pronouns})</span> `:""}
           </div>
           <div class="title small">
             ${[this.title?.trim(),this.company?.trim()].filter(Boolean).join(", ")}
           </div>
-          ${this.linkedInUrl||this.twitterHandle?V`
+          ${this.linkedInUrl||this.twitterHandle?D`
                 <div class="social">
-                  ${this.linkedInUrl?V`
+                  ${this.linkedInUrl?D`
                         <a
                           href="${this.linkedInUrl}"
                           target="_blank"
@@ -1949,8 +1949,8 @@
                         >
                           <cfa-social-icon icon="linkedin" />
                         </a>
-                      `:Z}
-                  ${this.twitterHandle?V`
+                      `:K}
+                  ${this.twitterHandle?D`
                         <a
                           href="https://twitter.com/${this.twitterHandle}"
                           target="_blank"
@@ -1959,12 +1959,12 @@
                         >
                           <cfa-social-icon icon="twitter" />
                         </a>
-                      `:Z}
+                      `:K}
                 </div>
-              `:Z}
+              `:K}
         </div>
       </div>
-    `}}customElements.get("cfa-person-card")||customElements.define("cfa-person-card",Ht);class Nt extends ct{static properties={heading:{},text:{},actionLabel:{},linkUrl:{},linkTarget:{}};static styles=(()=>[dt,mt,s`
+    `}}customElements.get("cfa-person-card")||customElements.define("cfa-person-card",It);class Rt extends ct{static properties={heading:{},text:{},actionLabel:{},linkUrl:{},linkTarget:{}};static styles=(()=>[dt,mt,s`
       :host {
         --bg-color: var(--blue-20);
         --padding: var(--spacing-component-4);
@@ -2001,22 +2001,22 @@
       a.promo:hover .action-label {
         color: var(--action-label-hover-color);
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <a
         href="${this.linkUrl||"javascript:void(0)"}"
-        target="${this.linkTarget||Z}"
+        target="${this.linkTarget||K}"
         class="promo
       "
       >
-        ${this.heading?V` <div class="h4 sans-serif">${this.heading}</div> `:Z}
-        ${this.text?V` <div class="small">${this.text}</div> `:Z}
-        ${this.actionLabel?V`
+        ${this.heading?D` <div class="h4 sans-serif">${this.heading}</div> `:K}
+        ${this.text?D` <div class="small">${this.text}</div> `:K}
+        ${this.actionLabel?D`
               <div class="action-label small strong">
                 ${this.actionLabel} <cfa-icon>arrow_forward</cfa-icon>
               </div>
-            `:Z}
+            `:K}
       </a>
-    `}}customElements.get("cfa-promo")||customElements.define("cfa-promo",Nt);class Rt extends ct{static properties=(()=>({showLabel:{type:String},hideLabel:{type:String},showIcon:{type:String},hideIcon:{type:String},expanded:{type:Boolean,reflect:!0}}))();static styles=(()=>[dt,s`
+    `}}customElements.get("cfa-promo")||customElements.define("cfa-promo",Rt);class Ht extends ct{static properties=(()=>({showLabel:{type:String},hideLabel:{type:String},showIcon:{type:String},hideIcon:{type:String},expanded:{type:Boolean,reflect:!0}}))();static styles=(()=>[dt,s`
       :host {
         --color: var(--purple-60);
         --hover-color: var(--red-60);
@@ -2050,7 +2050,7 @@
       button:hover {
         color: var(--hover-color);
       }
-    `])();constructor(){super(),this.showLabel="Show more",this.hideLabel="Show less",this.showIcon="expand_more",this.hideIcon="expand_less",this.expanded=!1}render(){return V`
+    `])();constructor(){super(),this.showLabel="Show more",this.hideLabel="Show less",this.showIcon="expand_more",this.hideIcon="expand_less",this.expanded=!1}render(){return D`
       <slot
         id="content"
         class="content ${this.expanded?"is-expanded":"is-collapsed"}"
@@ -2067,7 +2067,7 @@
           <cfa-icon>${this.expanded?this.hideIcon:this.showIcon}</cfa-icon>
         </button>
       </div>
-    `}}customElements.get("cfa-reveal")||customElements.define("cfa-reveal",Rt);class It extends ct{static properties={imageUrl:{},imageAltText:{},linkUrl:{},linkTarget:{}};static styles=(()=>[dt,s`
+    `}}customElements.get("cfa-reveal")||customElements.define("cfa-reveal",Ht);class Nt extends ct{static properties={imageUrl:{},imageAltText:{},linkUrl:{},linkTarget:{}};static styles=(()=>[dt,s`
       :host {
         --background: var(--white, #fff);
         --width: var(--column-span-12);
@@ -2075,7 +2075,7 @@
       .slide {
         background: var(--background);
-        box-shadow: var(--shadow-small);
+        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
         color: inherit;
         display: flex;
         flex-direction: column;
@@ -2084,13 +2084,13 @@
         margin-inline: auto;
         max-width: var(--width);
         text-decoration: none;
-        transition: box-shadow 0.2s ease-in-out;
+        transition: filter 0.2s ease-in-out;
         width: 100%;
       }
       .slide:hover,
       .slide:focus {
-        box-shadow: var(--shadow-medium);
+        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
       }
       .image {
@@ -2144,10 +2144,10 @@
           box-shadow: inset -50px -50px 50px -50px var(--black-20);
         }
       }
-    `])();constructor(){super(),this.linkUrl="javascript:void(0);",this.linkTarget="_self"}render(){return V`
+    `])();constructor(){super(),this.linkUrl="javascript:void(0);",this.linkTarget="_self"}render(){return D`
       <a href="${this.linkUrl}" target="${this.linkTarget}" class="slide">
         <div class="image">
-          ${this.imageUrl?V`
+          ${this.imageUrl?D`
                 <img
                   src="${this.imageUrl}"
                   alt="${this.imageAltText}"
@@ -2160,7 +2160,7 @@
           <slot></slot>
         </div>
       </a>
-    `}}customElements.get("cfa-slide")||customElements.define("cfa-slide",It);class Bt extends ct{static properties=(()=>({active:{type:Boolean},panelId:{type:String}}))();static styles=(()=>[dt,mt,s`
+    `}}customElements.get("cfa-slide")||customElements.define("cfa-slide",Nt);class Ot extends ct{static properties=(()=>({active:{type:Boolean},panelId:{type:String}}))();static styles=(()=>[dt,mt,s`
       button {
         background: none;
         border: 0;
@@ -2186,7 +2186,7 @@
         color: var(--black);
         font-weight: bold;
       }
-    `])();constructor(){super(),this.active=!1,this.panelId=""}firstUpdated(){this.addEventListener("keydown",this._onKeyDown)}_onKeyDown(t){const e=Array.from(this.parentElement.querySelectorAll("cfa-tab")),o=e.indexOf(this);let i;switch(t.key){case"ArrowLeft":i=(o-1+e.length)%e.length,e[i].shadowRoot.querySelector("button").focus();break;case"ArrowRight":i=(o+1)%e.length,e[i].shadowRoot.querySelector("button").focus();break;case"Home":e[0].shadowRoot.querySelector("button").focus();break;case"End":e[e.length-1].shadowRoot.querySelector("button").focus()}}render(){return V`
+    `])();constructor(){super(),this.active=!1,this.panelId=""}firstUpdated(){this.addEventListener("keydown",this._onKeyDown)}_onKeyDown(t){const e=Array.from(this.parentElement.querySelectorAll("cfa-tab")),i=e.indexOf(this);let o;switch(t.key){case"ArrowLeft":o=(i-1+e.length)%e.length,e[o].shadowRoot.querySelector("button").focus();break;case"ArrowRight":o=(i+1)%e.length,e[o].shadowRoot.querySelector("button").focus();break;case"Home":e[0].shadowRoot.querySelector("button").focus();break;case"End":e[e.length-1].shadowRoot.querySelector("button").focus()}}render(){return D`
       <button
         role="tab"
         aria-selected="${this.active?"true":"false"}"
@@ -2196,7 +2196,7 @@
       >
         <slot></slot>
       </button>
-    `}}customElements.get("cfa-tab")||customElements.define("cfa-tab",Bt);class Ot extends ct{static properties={};static styles=(()=>[dt,vt,s`
+    `}}customElements.get("cfa-tab")||customElements.define("cfa-tab",Ot);class Vt extends ct{static properties={};static styles=(()=>[dt,gt,s`
       :host {
         display: block;
         width: calc(100% + var(--outer-margin));
@@ -2229,11 +2229,11 @@
         max-width: none !important;
         white-space: nowrap !important;
       }
-    `])();constructor(){super()}firstUpdated(){this.addEventListener("click",this._onTabClick),this.setAttribute("role","tablist"),this._setInitialAriaAttributes()}_setInitialAriaAttributes(){this.querySelectorAll("cfa-tab").forEach((t,e)=>{t.setAttribute("role","tab"),t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1"),0===e&&(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"))})}_onTabClick(t){const e=t.target.closest("cfa-tab");e&&this._setActiveTab(e)}_setActiveTab(t){this.querySelectorAll("cfa-tab").forEach(t=>{t.removeAttribute("active"),t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1")}),t.setAttribute("active",""),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0");let e=t.id;e&&e.startsWith("tab-")&&(e=e.substring(4)),console.log("Tab changed event dispatched with ID:",e),this.dispatchEvent(new CustomEvent("tab-changed",{detail:{id:e},bubbles:!0,composed:!0}))}render(){return V`
+    `])();constructor(){super()}firstUpdated(){this.addEventListener("click",this._onTabClick),this.setAttribute("role","tablist"),this._setInitialAriaAttributes()}_setInitialAriaAttributes(){this.querySelectorAll("cfa-tab").forEach((t,e)=>{t.setAttribute("role","tab"),t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1"),0===e&&(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"))})}_onTabClick(t){const e=t.target.closest("cfa-tab");e&&this._setActiveTab(e)}_setActiveTab(t){this.querySelectorAll("cfa-tab").forEach(t=>{t.removeAttribute("active"),t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1")}),t.setAttribute("active",""),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0");let e=t.id;e&&e.startsWith("tab-")&&(e=e.substring(4)),console.log("Tab changed event dispatched with ID:",e),this.dispatchEvent(new CustomEvent("tab-changed",{detail:{id:e},bubbles:!0,composed:!0}))}render(){return D`
       <div class="tab-list" role="tablist">
         <slot></slot>
       </div>
-    `}}customElements.get("cfa-tab-list")||customElements.define("cfa-tab-list",Ot);class Ft extends ct{static properties=(()=>({title:{type:String},description:{type:String},actionLabel:{type:String},linkUrl:{type:String},linkTarget:{type:String},imageUrl:{type:String},imageThumbnailUrl:{type:String},imageAltText:{type:String}}))();static styles=(()=>[dt,mt,s`
+    `}}customElements.get("cfa-tab-list")||customElements.define("cfa-tab-list",Vt);class qt extends ct{static properties=(()=>({title:{type:String},description:{type:String},actionLabel:{type:String},linkUrl:{type:String},linkTarget:{type:String},imageUrl:{type:String},imageThumbnailUrl:{type:String},imageAltText:{type:String}}))();static styles=(()=>[dt,mt,s`
       :host {
         --bg-color: var(--white);
         --title-color: var(--purple-60);
@@ -2302,8 +2302,8 @@
         margin-block-start: auto;
         padding-block-start: var(--spacing-layout-half);
       }
-    `])();tileContentTemplate(){return V`
-      ${this.imageUrl?V`
+    `])();tileContentTemplate(){return D`
+      ${this.imageUrl?D`
             <picture>
               <cfa-blob></cfa-blob>
               <img
@@ -2312,36 +2312,36 @@
                 load="lazy"
               />
             </picture>
-          `:Z}
+          `:K}
       <div class="title h3">${this.title}</div>
       <!-- Description -->
-      ${this.description?V` <p class="small">${this.description}</p> `:Z}
+      ${this.description?D` <p class="small">${this.description}</p> `:K}
       <!-- Action label -->
-      ${this.actionLabel?V`
+      ${this.actionLabel?D`
             <div class="label small strong">
               ${this.actionLabel}&nbsp;<cfa-icon>arrow_forward</cfa-icon>
             </div>
-          `:Z}
-    `}render(){return V`
+          `:K}
+    `}render(){return D`
       <style>
         cfa-blob {
           --color: var(--blob-color);
         }
       </style>
-      ${this.linkUrl?V`
+      ${this.linkUrl?D`
             <a
               href="${this.linkUrl}"
               target="${this.linkTarget}"
-              rel="${"_blank"==this.linkTarget?"noopener":Z}"
+              rel="${"_blank"==this.linkTarget?"noopener":K}"
               class="tile"
             >
               ${this.tileContentTemplate()}
             </a>
-          `:V` <div class="tile">${this.tileContentTemplate()}</div> `}
-    `}}customElements.get("cfa-tile")||customElements.define("cfa-tile",Ft);class qt extends ct{static styles=(()=>[dt,mt,s`
+          `:D` <div class="tile">${this.tileContentTemplate()}</div> `}
+    `}}customElements.get("cfa-tile")||customElements.define("cfa-tile",qt);class Bt extends ct{static styles=(()=>[dt,mt,s`
       :host {
         --label-color: var(--purple-60);
@@ -2361,118 +2361,209 @@
         overflow: auto;
         padding: var(--spacing-component-3);
       }
-    `])();render(){return V`
+    `])();render(){return D`
       <div class="label eyebrow-with-line">Transcript</div>
       <div class="text small">
         <slot />
       </div>
-    `}}customElements.get("cfa-transcript")||customElements.define("cfa-transcript",qt);class jt extends ct{static properties=(()=>({atScrollStart:{type:Boolean},atScrollEnd:{type:Boolean}}))();static styles=(()=>[dt,s`
+    `}}customElements.get("cfa-transcript")||customElements.define("cfa-transcript",Bt);class Ft extends ct{static SWIPE_THRESHOLD=50;static SHADOW_SPACE=32;static PROGRESS_UPDATE_INTERVAL=100;static AUTOPLAY_DURATION=1e4;static DESKTOP_BREAKPOINT=768;static ITEMS_PER_VIEW_DESKTOP=3;static ITEMS_PER_VIEW_MOBILE=1;static properties=(()=>({currentPage:{type:Number,state:!0},totalSlides:{type:Number,state:!0},progressPercentage:{type:Number,state:!0},isPaused:{type:Boolean,state:!0},prefersReducedMotion:{type:Boolean,state:!0},itemsPerView:{type:Number},autoPlay:{type:Boolean},autoPlayDuration:{type:Number}}))();static styles=(()=>[dt,s`
       :host {
-        --slide-width-mobile: 75vw;
-        --slide-width-desktop: var(--column-span-3);
+        --carousel-fade-duration: 300ms;
+        --carousel-control-size: var(--spacing-layout-2);
+        --carousel-dot-size: var(--spacing-component-3);
+        --carousel-dot-gap: var(--spacing-component-3);
+        --carousel-dot-color: var(--black-20);
+        --carousel-dot-active-color: var(--purple-60);
+        --carousel-gap: var(--spacing-layout-1);
+      }
-        display: block;
-        scrollbar-color: transparent transparent;
-        scrollbar-width: 0px;
-        scroll-behavior: smooth;
+      .carousel-container {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-component-3);
+      }
+      .carousel-slides {
+        width: 100%;
         overflow: hidden;
-        -webkit-overflow-scrolling: touch;
+        transition: height 400ms ease-in-out;
+        height: auto;
       }
-      :host(:focus) {
-        outline: none !important;
+      .carousel-track {
+        display: flex;
+        gap: var(--carousel-gap);
       }
-      ::-webkit-scrollbar {
-        background: transparent;
-        width: 0px;
+      ::slotted(*) {
+        flex: 0 0 calc((100% - (var(--items-per-view, 3) - 1) * var(--carousel-gap)) / var(--items-per-view, 3));
+        display: none;
+        opacity: 0;
+        transition: opacity var(--carousel-fade-duration) ease-in-out;
+      }
+      ::slotted([data-slide-active]) {
+        display: block;
+        opacity: 1;
+      }
+      @media (prefers-reduced-motion: reduce) {
+        .carousel-slides {
+          transition: none;
+        }
+        ::slotted(*) {
+          transition: none;
+        }
       }
-      .carousel {
+      .carousel-controls {
         display: flex;
-        gap: var(--spacing-layout-1);
-        overflow-x: scroll;
-        scroll-snap-type: x mandatory;
-        padding-block-start: var(--spacing-layout-half);
-        padding-block-end: var(--spacing-layout-1);
+        align-items: center;
+        justify-content: center;
+        gap: var(--spacing-component-3);
       }
-      .controls {
-        margin-block-start: calc(-1 * var(--spacing-layout-half));
-        margin-block-end: var(--spacing-layout-1);
-        text-align: center;
+      .carousel-button {
+        background-color: transparent;
+        border: 0;
+        border-radius: 50%;
+        color: var(--text-color);
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 1.5rem;
+        height: var(--carousel-control-size);
+        width: var(--carousel-control-size);
+        transition: all 0.2s ease-in-out;
+        flex-shrink: 0;
       }
-      .controls > * + * {
-        margin-inline-start: var(--spacing-layout-half);
+      .carousel-button:hover {
+        background-color: var(--purple-20);
+        border-color: var(--purple-60);
+        color: var(--purple-80);
       }
-      .controls button {
-        background: transparent;
+      .carousel-button:focus-visible {
+        outline: var(--focus-outline);
+        outline-offset: 2px;
+      }
+      .carousel-button cfa-icon {
+        --size: var(--font-size-base);
+        color: var(--purple-80);
+      }
+      .carousel-pagination {
+        display: flex;
+        align-items: center;
+        gap: var(--carousel-dot-gap);
+        flex-wrap: wrap;
+        justify-content: center;
+      }
+      .carousel-dot {
+        background-color: var(--carousel-dot-color);
         border: none;
         border-radius: 50%;
-        color: var(--purple-80);
         cursor: pointer;
-        font-size: var(--font-size-large, 1.25rem);
-        height: var(--spacing-layout-2);
-        transition: background-color 0.2s ease-in-out;
-        width: var(--spacing-layout-2);
+        height: var(--carousel-dot-size);
+        min-width: var(--carousel-dot-size);
+        padding: 0;
+        position: relative;
+        transition: all 0.3s ease-in-out;
       }
-      .controls button:hover,
-      .controls button:focus {
-        background-color: var(--white, #fff);
+      .carousel-dot:hover {
+        background-color: var(--gray-60);
       }
-      .controls button:focus {
+      .carousel-dot:focus-visible {
         outline: var(--focus-outline);
+        outline-offset: 3px;
       }
-      .controls button.disabled {
-        color: var(--black-20);
-        cursor: default;
+      .carousel-dot[aria-current="true"] {
+        background-color: var(--carousel-dot-color);
+        border-radius: var(--carousel-dot-size);
+        min-width: calc(var(--carousel-dot-size) * 4);
+        overflow: hidden;
       }
-      .controls button.disabled:hover,
-      .controls button.disabled:focus {
-        background: transparent;
-        outline: none;
+      .carousel-dot-progress {
+        background-color: var(--carousel-dot-active-color);
+        height: 100%;
+        width: 0%;
+        transition: width 100ms linear;
       }
-      ::slotted(*) {
-        flex: 0 0 var(--slide-width-mobile);
-        margin-block: var(--spacing-layout-1);
-        scroll-snap-align: center;
+      @media (prefers-reduced-motion: reduce) {
+        .carousel-dot-progress {
+          transition: none;
+        }
       }
-      @media (min-width: 1024px) {
-        ::slotted(*) {
-          flex: 0 0 var(--slide-width-desktop);
+      @media (max-width: 768px) {
+        /* Note: 768px matches Carousel.DESKTOP_BREAKPOINT - keep in sync */
+        .carousel-button {
+          font-size: 1.25rem;
+          height: calc(var(--carousel-control-size) * 0.85);
+          width: calc(var(--carousel-control-size) * 0.85);
         }
-        .spacer {
-          flex: 0 0
-            calc((100vw - var(--column-span-12)) / 2 - var(--outer-margin));
+        .carousel-dot {
+          height: calc(var(--carousel-dot-size) * 0.8);
+          min-width: calc(var(--carousel-dot-size) * 0.8);
         }
       }
-    `])();constructor(){super(),this.atScrollStart=!0,this.atScrollEnd=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",t=>{""===t.target.slot&&t.target.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})})}scrollPrevious(){const t=this.shadowRoot.querySelector(".carousel"),e=this.shadowRoot.querySelector("slot").assignedElements()[0].clientWidth;t.scrollBy({left:-e,behavior:"smooth"})}scrollNext(){const t=this.shadowRoot.querySelector(".carousel"),e=this.shadowRoot.querySelector("slot").assignedElements()[0].clientWidth;t.scrollBy({left:e,behavior:"smooth"})}handleScroll(t){0===t.target.scrollLeft?this.atScrollStart=!0:this.atScrollStart=!1,Math.round(t.target.scrollLeft+t.target.clientWidth)>=Math.round(t.target.scrollWidth)?this.atScrollEnd=!0:this.atScrollEnd=!1}render(){return V`
-      <div class="carousel" @scroll=${this.handleScroll}>
-        <div class="spacer"></div>
-        <slot></slot>
-        <div class="spacer"></div>
-      </div>
-      <div class="controls">
-        <button
-          class="previous ${this.atScrollStart?"disabled":""}"
-          @click="${this.scrollPrevious}"
-        >
-          <cfa-icon>arrow_back</cfa-icon>
-        </button>
-        <button
-          class="next ${this.atScrollEnd?"disabled":""}"
-          @click="${this.scrollNext}"
-        >
-          <cfa-icon>arrow_forward</cfa-icon>
-        </button>
+    `])();constructor(){super(),this.currentPage=0,this.totalSlides=0,this.progressPercentage=0,this.isPaused=!0,this.prefersReducedMotion=window.matchMedia("(prefers-reduced-motion: reduce)").matches,this.itemsPerView=Ft.ITEMS_PER_VIEW_DESKTOP,this.autoPlay=!0,this.autoPlayDuration=Math.max(100,Ft.AUTOPLAY_DURATION),this.autoPlayTimer=null,this.autoPlayTimeout=null,this.touchStartX=null,this.touchEndX=null,this._initialized=!1,this._resizeTimerId=null,this._mouseEnterListener=null,this._mouseLeaveListener=null}connectedCallback(){super.connectedCallback();const t=this.getAttribute("items-per-view");if(null!==t){const e=parseInt(t,10);isNaN(e)||(this.itemsPerView=e)}this.style.setProperty("--items-per-view",this.itemsPerView),this.addEventListener("keydown",t=>this._handleKeydown(t)),this.addEventListener("touchstart",t=>this._handleTouchStart(t),!1),this.addEventListener("touchend",t=>this._handleTouchEnd(t),!1),this._resizeListener=()=>{this._resizeTimerId&&clearTimeout(this._resizeTimerId),this._resizeTimerId=setTimeout(()=>{this.updateItemsPerView(),this.updateCarouselHeight()},150)},window.addEventListener("resize",this._resizeListener)}disconnectedCallback(){super.disconnectedCallback(),this.stopAutoPlay(),this._resizeListener&&window.removeEventListener("resize",this._resizeListener),this._resizeTimerId&&clearTimeout(this._resizeTimerId);const t=this.shadowRoot?.querySelector(".carousel-slides");t&&this._mouseEnterListener&&this._mouseLeaveListener&&(t.removeEventListener("mouseenter",this._mouseEnterListener),t.removeEventListener("mouseleave",this._mouseLeaveListener))}updated(t){t.has("itemsPerView")&&this.style.setProperty("--items-per-view",this.itemsPerView),t.has("currentPage")&&this.updateItemVisibility()}firstUpdated(){const t=this.shadowRoot.querySelector("slot"),e=this.shadowRoot.querySelector(".carousel-slides");t&&!this._slotChangeSetup&&(this._slotChangeSetup=!0,t.addEventListener("slotchange",()=>{this._slotChangeTimeout&&clearTimeout(this._slotChangeTimeout),this._slotChangeTimeout=setTimeout(()=>{this._initialized||this._initializeCarousel()},50)})),e&&!this._mouseEnterListener&&(this._mouseEnterListener=()=>{this.stopAutoPlay()},this._mouseLeaveListener=()=>{this.isPaused||this._scheduleNextPage()},e.addEventListener("mouseenter",this._mouseEnterListener),e.addEventListener("mouseleave",this._mouseLeaveListener))}_initializeCarousel(){if(this._initialized)return;const t=this.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements();0!==e.length&&(this._initialized=!0,this.totalSlides=e.length,this.updateItemsPerView(),this.updateItemVisibility(),this.startAutoPlay(),this._waitForImages(e,5e3).then(()=>{this.updateCarouselHeight()}))}_waitForImages(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3e3;return Promise.race([Promise.all(Array.from(t).map(t=>Promise.all(Array.from(t.querySelectorAll("img")).map(t=>t.complete?Promise.resolve():new Promise(e=>{t.addEventListener("load",e,{once:!0}),t.addEventListener("error",e,{once:!0})}))))),new Promise((t,i)=>setTimeout(()=>i(new Error("Image load timeout")),e))]).catch(()=>Promise.resolve())}get totalPages(){return Math.ceil(this.totalSlides/this.itemsPerView)}updateItemsPerView(){if(this.hasAttribute("items-per-view"))return;const t=window.innerWidth>=Ft.DESKTOP_BREAKPOINT?Ft.ITEMS_PER_VIEW_DESKTOP:Ft.ITEMS_PER_VIEW_MOBILE;t!==this.itemsPerView&&(this.itemsPerView=t,this.style.setProperty("--items-per-view",this.itemsPerView),this.currentPage>=this.totalPages&&(this.currentPage=0),this.requestUpdate())}updateItemVisibility(){const t=this.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements();if(0===e.length)return;const i=this.currentPage*this.itemsPerView,o=i+this.itemsPerView;e.forEach((t,e)=>{e>=i&&e<o?t.setAttribute("data-slide-active",""):t.removeAttribute("data-slide-active")}),this.updateCarouselHeight()}updateCarouselHeight(){const t=this.shadowRoot.querySelector("slot"),e=this.shadowRoot.querySelector(".carousel-slides");if(!t||!e)return;const i=t.assignedElements();if(0===i.length)return;const o=this.currentPage*this.itemsPerView,a=o+this.itemsPerView;requestAnimationFrame(()=>{requestAnimationFrame(()=>{setTimeout(()=>{let t=0;for(let e=o;e<a&&e<i.length;e++){const o=i[e].offsetHeight;t=Math.max(t,o)}const s=Math.max(t,Ft.SHADOW_SPACE);e.style.height=s+"px"},0)})})}startAutoPlay(){this.autoPlay&&!this.prefersReducedMotion&&0!==this.totalSlides?(this.isPaused=!1,this.progressPercentage=0,this._scheduleNextPage()):this.isPaused=!0}play(){this.prefersReducedMotion||this.startAutoPlay()}pause(){this.isPaused=!0,this.stopAutoPlay()}stopAutoPlay(){this.autoPlayTimer&&(clearInterval(this.autoPlayTimer),this.autoPlayTimer=null),this.autoPlayTimeout&&(clearTimeout(this.autoPlayTimeout),this.autoPlayTimeout=null)}_scheduleNextPage(){this.stopAutoPlay();const t=100/(this.autoPlayDuration/Ft.PROGRESS_UPDATE_INTERVAL);this.autoPlayTimer=setInterval(()=>{this.progressPercentage=Math.min(100,this.progressPercentage+t)},Ft.PROGRESS_UPDATE_INTERVAL),this.autoPlayTimeout=setTimeout(()=>{this.isPaused||(this.nextPage(),this.startAutoPlay())},this.autoPlayDuration)}nextPage(){this.currentPage=(this.currentPage+1)%this.totalPages,this.progressPercentage=0,this.stopAutoPlay(),this.requestUpdate(),this.play()}previousPage(){this.currentPage=(this.currentPage-1+this.totalPages)%this.totalPages,this.progressPercentage=0,this.stopAutoPlay(),this.requestUpdate(),this.play()}goToPage(t){t>=0&&t<this.totalPages&&t!==this.currentPage&&(this.currentPage=t,this.progressPercentage=0,this.stopAutoPlay(),this.requestUpdate(),this.play())}_handleKeydown(t){"ArrowRight"===t.key?(t.preventDefault(),this.nextPage(),this.pause()):"ArrowLeft"===t.key&&(t.preventDefault(),this.previousPage(),this.pause())}_handleTouchStart(t){t.changedTouches&&t.changedTouches.length>0&&(this.touchStartX=t.changedTouches[0].screenX)}_handleTouchEnd(t){t.changedTouches&&t.changedTouches.length>0&&(this.touchEndX=t.changedTouches[0].screenX,this._handleSwipe())}_handleSwipe(){if(null===this.touchStartX||null===this.touchEndX)return;const t=this.touchStartX-this.touchEndX;Math.abs(t)>Ft.SWIPE_THRESHOLD&&(t>0?(this.nextPage(),this.pause()):(this.previousPage(),this.pause()))}render(){return D`
+      <div
+        class="carousel-container"
+        role="region"
+        aria-label="Content carousel"
+      >
+        <div class="carousel-slides">
+          <div class="carousel-track">
+            <slot @slotchange=${()=>{if(!this._initialized){const t=this.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements();this.totalSlides=e.length,this.updateItemVisibility(),this.requestUpdate()}}}}></slot>
+          </div>
+        </div>
+        ${this.totalSlides>0?D`
+              <div class="carousel-controls">
+                <button
+                  class="carousel-button"
+                  @click=${()=>this.previousPage()}
+                  aria-label="Previous page"
+                >
+                  <cfa-icon>arrow_back</cfa-icon>
+                </button>
+                <div class="carousel-pagination">
+                  ${Array.from({length:this.totalPages}).map((t,e)=>D`
+                      <button
+                        class="carousel-dot"
+                        @click=${()=>this.goToPage(e)}
+                        aria-label="Go to page ${e+1} of ${this.totalPages}"
+                        aria-current=${e===this.currentPage?"true":"false"}
+                      >
+                        ${e!==this.currentPage||this.prefersReducedMotion?"":D`<div
+                              class="carousel-dot-progress"
+                              style="width: ${this.progressPercentage}%"
+                            ></div>`}
+                      </button>
+                    `)}
+                </div>
+                <button
+                  class="carousel-button"
+                  @click=${()=>this.nextPage()}
+                  aria-label="Next page"
+                >
+                  <cfa-icon>arrow_forward</cfa-icon>
+                </button>
+              </div>
+            `:""}
       </div>
-    `}}customElements.get("cfa-carousel")||customElements.define("cfa-carousel",jt)})();
+    `}}customElements.get("cfa-carousel")||customElements.define("cfa-carousel",Ft)})();