@cfpb/cfpb-design-system 4.0.2 → 4.0.4

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 (54) hide show
  1. package/CHANGELOG.md +45 -1
  2. package/dist/components/cfpb-forms/index.css +1 -1
  3. package/dist/components/cfpb-forms/index.css.map +2 -2
  4. package/dist/components/cfpb-forms/index.js.map +1 -1
  5. package/dist/components/cfpb-layout/index.css +1 -1
  6. package/dist/components/cfpb-layout/index.css.map +2 -2
  7. package/dist/components/cfpb-layout/index.js.map +1 -1
  8. package/dist/components/cfpb-typography/index.css +1 -1
  9. package/dist/components/cfpb-typography/index.css.map +2 -2
  10. package/dist/components/cfpb-typography/index.js.map +1 -1
  11. package/dist/elements/cfpb-button/index.js +4 -4
  12. package/dist/elements/cfpb-button/index.js.map +2 -2
  13. package/dist/elements/cfpb-checkbox/index.js +29 -0
  14. package/dist/elements/cfpb-checkbox/index.js.map +7 -0
  15. package/dist/elements/cfpb-file-upload/index.js +4 -4
  16. package/dist/elements/cfpb-file-upload/index.js.map +2 -2
  17. package/dist/elements/cfpb-form-choice/index.js +29 -0
  18. package/dist/elements/cfpb-form-choice/index.js.map +7 -0
  19. package/dist/elements/cfpb-multiselect/index.js +30 -0
  20. package/dist/elements/cfpb-multiselect/index.js.map +7 -0
  21. package/dist/elements/cfpb-tag-filter/index.js +31 -0
  22. package/dist/elements/cfpb-tag-filter/index.js.map +7 -0
  23. package/dist/elements/cfpb-tag-group/index.js +29 -0
  24. package/dist/elements/cfpb-tag-group/index.js.map +7 -0
  25. package/dist/elements/cfpb-tag-topic/index.js +30 -0
  26. package/dist/elements/cfpb-tag-topic/index.js.map +7 -0
  27. package/dist/elements/index.js +42 -0
  28. package/dist/elements/index.js.map +7 -0
  29. package/dist/index.css +1 -1
  30. package/dist/index.css.map +2 -2
  31. package/dist/index.js +6 -4
  32. package/dist/index.js.map +4 -4
  33. package/package.json +1 -1
  34. package/src/components/cfpb-forms/multiselect-model.js +1 -1
  35. package/src/components/cfpb-forms/multiselect.js +1 -1
  36. package/src/components/cfpb-forms/multiselect.scss +2 -1
  37. package/src/components/cfpb-layout/card-group.scss +2 -2
  38. package/src/components/cfpb-typography/mixins.scss +1 -1
  39. package/src/components/cfpb-typography/tagline.scss +1 -1
  40. package/src/elements/cfpb-button/index.js +8 -4
  41. package/src/elements/cfpb-file-upload/index.js +5 -1
  42. package/src/elements/cfpb-form-choice/cfpb-form-choice.component.scss +261 -0
  43. package/src/elements/cfpb-form-choice/index.js +103 -0
  44. package/src/elements/cfpb-tag-filter/cfpb-tag-filter.component.scss +51 -0
  45. package/src/elements/cfpb-tag-filter/index.js +55 -0
  46. package/src/elements/cfpb-tag-filter/index.spec.js +43 -0
  47. package/src/elements/cfpb-tag-group/cfpb-tag-group.component.scss +43 -0
  48. package/src/elements/cfpb-tag-group/index.js +311 -0
  49. package/src/elements/cfpb-tag-group/index.spec.js +160 -0
  50. package/src/elements/cfpb-tag-topic/cfpb-tag-topic.component.scss +88 -0
  51. package/src/elements/cfpb-tag-topic/index.js +62 -0
  52. package/src/elements/index.js +11 -0
  53. package/src/index.js +1 -2
  54. package/src/utilities/utilities.scss +1 -1
@@ -0,0 +1,29 @@
1
+ (()=>{var Le=Object.defineProperty;var re=i=>{throw TypeError(i)};var ze=(i,e,t)=>e in i?Le(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var ie=(i,e,t)=>ze(i,typeof e!="symbol"?e+"":e,t),ae=(i,e,t)=>e.has(i)||re("Cannot "+t);var se=(i,e,t)=>(ae(i,e,"read from private field"),t?t.call(i):e.get(i)),le=(i,e,t)=>e.has(i)?re("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t);var D=(i,e,t)=>(ae(i,e,"access private method"),t);var de=(i,e,t)=>new Promise((o,r)=>{var s=l=>{try{d(t.next(l))}catch(c){r(c)}},a=l=>{try{d(t.throw(l))}catch(c){r(c)}},d=l=>l.done?o(l.value):Promise.resolve(l.value).then(s,a);d((t=t.apply(i,e)).next())});var N=globalThis,L=N.ShadowRoot&&(N.ShadyCSS===void 0||N.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,I=Symbol(),ce=new WeakMap,E=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==I)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(L&&e===void 0){let o=t!==void 0&&t.length===1;o&&(e=ce.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&ce.set(t,e))}return e}toString(){return this.cssText}},z=i=>new E(typeof i=="string"?i:i+"",void 0,I),V=(i,...e)=>{let t=i.length===1?i[0]:e.reduce(((o,r,s)=>o+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[s+1]),i[0]);return new E(t,i,I)},he=(i,e)=>{if(L)i.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(let t of e){let o=document.createElement("style"),r=N.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=t.cssText,i.appendChild(o)}},W=L?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(let o of e.cssRules)t+=o.cssText;return z(t)})(i):i;var{is:Be,defineProperty:je,getOwnPropertyDescriptor:De,getOwnPropertyNames:Ie,getOwnPropertySymbols:Ve,getPrototypeOf:We}=Object,u=globalThis,ne=u.trustedTypes,qe=ne?ne.emptyScript:"",q=u.reactiveElementPolyfillSupport,C=(i,e)=>i,K={toAttribute(i,e){switch(e){case Boolean:i=i?qe:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch(o){t=null}}return t}},ue=(i,e)=>!Be(i,e),fe={attribute:!0,type:String,converter:K,reflect:!1,useDefault:!1,hasChanged:ue},be,me;(be=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(me=u.litPropertyMetadata)!=null||(u.litPropertyMetadata=new WeakMap);var m=class extends HTMLElement{static addInitializer(e){var t;this._$Ei(),((t=this.l)!=null?t:this.l=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=fe){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let o=Symbol(),r=this.getPropertyDescriptor(e,o,t);r!==void 0&&je(this.prototype,e,r)}}static getPropertyDescriptor(e,t,o){var a;let{get:r,set:s}=(a=De(this.prototype,e))!=null?a:{get(){return this[t]},set(d){this[t]=d}};return{get:r,set(d){let l=r==null?void 0:r.call(this);s==null||s.call(this,d),this.requestUpdate(e,l,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){var t;return(t=this.elementProperties.get(e))!=null?t:fe}static _$Ei(){if(this.hasOwnProperty(C("elementProperties")))return;let e=We(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(C("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(C("properties"))){let t=this.properties,o=[...Ie(t),...Ve(t)];for(let r of o)this.createProperty(r,t[r])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[o,r]of t)this.elementProperties.set(o,r)}this._$Eh=new Map;for(let[t,o]of this.elementProperties){let r=this._$Eu(t,o);r!==void 0&&this._$Eh.set(r,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let o=new Set(e.flat(1/0).reverse());for(let r of o)t.unshift(W(r))}else e!==void 0&&t.push(W(e));return t}static _$Eu(e,t){let o=t.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach((t=>t(this)))}addController(e){var t,o;((t=this._$EO)!=null?t:this._$EO=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)==null||o.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let o of t.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){var t;let e=(t=this.shadowRoot)!=null?t:this.attachShadow(this.constructor.shadowRootOptions);return he(e,this.constructor.elementStyles),e}connectedCallback(){var e,t;(e=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach((o=>{var r;return(r=o.hostConnected)==null?void 0:r.call(o)}))}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach((t=>{var o;return(o=t.hostDisconnected)==null?void 0:o.call(t)}))}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$ET(e,t){var s;let o=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,o);if(r!==void 0&&o.reflect===!0){let a=(((s=o.converter)==null?void 0:s.toAttribute)!==void 0?o.converter:K).toAttribute(t,o.type);this._$Em=e,a==null?this.removeAttribute(r):this.setAttribute(r,a),this._$Em=null}}_$AK(e,t){var s,a,d,l;let o=this.constructor,r=o._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let c=o.getPropertyOptions(r),n=typeof c.converter=="function"?{fromAttribute:c.converter}:((s=c.converter)==null?void 0:s.fromAttribute)!==void 0?c.converter:K;this._$Em=r,this[r]=(l=(d=n.fromAttribute(t,c.type))!=null?d:(a=this._$Ej)==null?void 0:a.get(r))!=null?l:null,this._$Em=null}}requestUpdate(e,t,o){var r,s;if(e!==void 0){let a=this.constructor,d=this[e];if(o!=null||(o=a.getPropertyOptions(e)),!(((r=o.hasChanged)!=null?r:ue)(d,t)||o.useDefault&&o.reflect&&d===((s=this._$Ej)==null?void 0:s.get(e))&&!this.hasAttribute(a._$Eu(e,o))))return;this.C(e,t,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,t,{useDefault:o,reflect:r,wrapped:s},a){var d,l,c;o&&!((d=this._$Ej)!=null?d:this._$Ej=new Map).has(e)&&(this._$Ej.set(e,(l=a!=null?a:t)!=null?l:this[e]),s!==!0||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||o||(t=void 0),this._$AL.set(e,t)),r===!0&&this._$Em!==e&&((c=this._$Eq)!=null?c:this._$Eq=new Set).add(e))}_$EP(){return de(this,null,function*(){this.isUpdatePending=!0;try{yield this._$ES}catch(t){Promise.reject(t)}let e=this.scheduleUpdate();return e!=null&&(yield e),!this.isUpdatePending})}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o,r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((o=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[a,d]of this._$Ep)this[a]=d;this._$Ep=void 0}let s=this.constructor.elementProperties;if(s.size>0)for(let[a,d]of s){let{wrapped:l}=d,c=this[a];l!==!0||this._$AL.has(a)||c===void 0||this.C(a,void 0,d,c)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(r=this._$EO)==null||r.forEach((s=>{var a;return(a=s.hostUpdate)==null?void 0:a.call(s)})),this.update(t)):this._$EM()}catch(s){throw e=!1,this._$EM(),s}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach((o=>{var r;return(r=o.hostUpdated)==null?void 0:r.call(o)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach((t=>this._$ET(t,this[t])))),this._$EM()}updated(e){}firstUpdated(e){}},pe;m.elementStyles=[],m.shadowRootOptions={mode:"open"},m[C("elementProperties")]=new Map,m[C("finalized")]=new Map,q==null||q({ReactiveElement:m}),((pe=u.reactiveElementVersions)!=null?pe:u.reactiveElementVersions=[]).push("2.1.0");var U=globalThis,B=U.trustedTypes,ge=B?B.createPolicy("lit-html",{createHTML:i=>i}):void 0,ke="$lit$",g=`lit$${Math.random().toFixed(9).slice(2)}$`,Ae="?"+g,Ke=`<${Ae}>`,y=document,O=()=>y.createComment(""),H=i=>i===null||typeof i!="object"&&typeof i!="function",ee=Array.isArray,Ze=i=>ee(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",Z=`[
2
+ \f\r]`,P=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ve=/-->/g,xe=/>/g,$=RegExp(`>|${Z}(?:([^\\s"'>=/]+)(${Z}*=${Z}*(?:[^
3
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),$e=/'/g,_e=/"/g,Se=/^(?:script|style|textarea|title)$/i,te=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),Ee=te(1),ot=te(2),rt=te(3),w=Symbol.for("lit-noChange"),f=Symbol.for("lit-nothing"),ye=new WeakMap,_=y.createTreeWalker(y,129);function Ce(i,e){if(!ee(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return ge!==void 0?ge.createHTML(e):e}var Je=(i,e)=>{let t=i.length-1,o=[],r,s=e===2?"<svg>":e===3?"<math>":"",a=P;for(let d=0;d<t;d++){let l=i[d],c,n,h=-1,b=0;for(;b<l.length&&(a.lastIndex=b,n=a.exec(l),n!==null);)b=a.lastIndex,a===P?n[1]==="!--"?a=ve:n[1]!==void 0?a=xe:n[2]!==void 0?(Se.test(n[2])&&(r=RegExp("</"+n[2],"g")),a=$):n[3]!==void 0&&(a=$):a===$?n[0]===">"?(a=r!=null?r:P,h=-1):n[1]===void 0?h=-2:(h=a.lastIndex-n[2].length,c=n[1],a=n[3]===void 0?$:n[3]==='"'?_e:$e):a===_e||a===$e?a=$:a===ve||a===xe?a=P:(a=$,r=void 0);let p=a===$&&i[d+1].startsWith("/>")?" ":"";s+=a===P?l+Ke:h>=0?(o.push(c),l.slice(0,h)+ke+l.slice(h)+g+p):l+g+(h===-2?d:p)}return[Ce(i,s+(i[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),o]},M=class i{constructor({strings:e,_$litType$:t},o){let r;this.parts=[];let s=0,a=0,d=e.length-1,l=this.parts,[c,n]=Je(e,t);if(this.el=i.createElement(c,o),_.currentNode=this.el.content,t===2||t===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=_.nextNode())!==null&&l.length<d;){if(r.nodeType===1){if(r.hasAttributes())for(let h of r.getAttributeNames())if(h.endsWith(ke)){let b=n[a++],p=r.getAttribute(h).split(g),T=/([.?@])?(.*)/.exec(b);l.push({type:1,index:s,name:T[2],strings:p,ctor:T[1]==="."?G:T[1]==="?"?Q:T[1]==="@"?X:S}),r.removeAttribute(h)}else h.startsWith(g)&&(l.push({type:6,index:s}),r.removeAttribute(h));if(Se.test(r.tagName)){let h=r.textContent.split(g),b=h.length-1;if(b>0){r.textContent=B?B.emptyScript:"";for(let p=0;p<b;p++)r.append(h[p],O()),_.nextNode(),l.push({type:2,index:++s});r.append(h[b],O())}}}else if(r.nodeType===8)if(r.data===Ae)l.push({type:2,index:s});else{let h=-1;for(;(h=r.data.indexOf(g,h+1))!==-1;)l.push({type:7,index:s}),h+=g.length-1}s++}}static createElement(e,t){let o=y.createElement("template");return o.innerHTML=e,o}};function A(i,e,t=i,o){var a,d,l;if(e===w)return e;let r=o!==void 0?(a=t._$Co)==null?void 0:a[o]:t._$Cl,s=H(e)?void 0:e._$litDirective$;return(r==null?void 0:r.constructor)!==s&&((d=r==null?void 0:r._$AO)==null||d.call(r,!1),s===void 0?r=void 0:(r=new s(i),r._$AT(i,t,o)),o!==void 0?((l=t._$Co)!=null?l:t._$Co=[])[o]=r:t._$Cl=r),r!==void 0&&(e=A(i,r._$AS(i,e.values),r,o)),e}var F=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var c;let{el:{content:t},parts:o}=this._$AD,r=((c=e==null?void 0:e.creationScope)!=null?c:y).importNode(t,!0);_.currentNode=r;let s=_.nextNode(),a=0,d=0,l=o[0];for(;l!==void 0;){if(a===l.index){let n;l.type===2?n=new R(s,s.nextSibling,this,e):l.type===1?n=new l.ctor(s,l.name,l.strings,this,e):l.type===6&&(n=new Y(s,this,e)),this._$AV.push(n),l=o[++d]}a!==(l==null?void 0:l.index)&&(s=_.nextNode(),a++)}return _.currentNode=y,r}p(e){let t=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}},R=class i{get _$AU(){var e,t;return(t=(e=this._$AM)==null?void 0:e._$AU)!=null?t:this._$Cv}constructor(e,t,o,r){var s;this.type=2,this._$AH=f,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=r,this._$Cv=(s=r==null?void 0:r.isConnected)!=null?s:!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=A(this,e,t),H(e)?e===f||e==null||e===""?(this._$AH!==f&&this._$AR(),this._$AH=f):e!==this._$AH&&e!==w&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Ze(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==f&&H(this._$AH)?this._$AA.nextSibling.data=e:this.T(y.createTextNode(e)),this._$AH=e}$(e){var s;let{values:t,_$litType$:o}=e,r=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=M.createElement(Ce(o.h,o.h[0]),this.options)),o);if(((s=this._$AH)==null?void 0:s._$AD)===r)this._$AH.p(t);else{let a=new F(r,this),d=a.u(this.options);a.p(t),this.T(d),this._$AH=a}}_$AC(e){let t=ye.get(e.strings);return t===void 0&&ye.set(e.strings,t=new M(e)),t}k(e){ee(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,o,r=0;for(let s of e)r===t.length?t.push(o=new i(this.O(O()),this.O(O()),this,this.options)):o=t[r],o._$AI(s),r++;r<t.length&&(this._$AR(o&&o._$AB.nextSibling,r),t.length=r)}_$AR(e=this._$AA.nextSibling,t){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,t);e&&e!==this._$AB;){let r=e.nextSibling;e.remove(),e=r}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}},S=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,r,s){this.type=1,this._$AH=f,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=f}_$AI(e,t=this,o,r){let s=this.strings,a=!1;if(s===void 0)e=A(this,e,t,0),a=!H(e)||e!==this._$AH&&e!==w,a&&(this._$AH=e);else{let d=e,l,c;for(e=s[0],l=0;l<s.length-1;l++)c=A(this,d[o+l],t,l),c===w&&(c=this._$AH[l]),a||(a=!H(c)||c!==this._$AH[l]),c===f?e=f:e!==f&&(e+=(c!=null?c:"")+s[l+1]),this._$AH[l]=c}a&&!r&&this.j(e)}j(e){e===f?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}},G=class extends S{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===f?void 0:e}},Q=class extends S{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==f)}},X=class extends S{constructor(e,t,o,r,s){super(e,t,o,r,s),this.type=5}_$AI(e,t=this){var a;if((e=(a=A(this,e,t,0))!=null?a:f)===w)return;let o=this._$AH,r=e===f&&o!==f||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,s=e!==f&&(o===f||r);r&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,o;typeof this._$AH=="function"?this._$AH.call((o=(t=this.options)==null?void 0:t.host)!=null?o:this.element,e):this._$AH.handleEvent(e)}},Y=class{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){A(this,e)}};var J=U.litHtmlPolyfillSupport,we;J==null||J(M,R),((we=U.litHtmlVersions)!=null?we:U.litHtmlVersions=[]).push("3.3.0");var Pe=(i,e,t)=>{var s,a;let o=(s=t==null?void 0:t.renderBefore)!=null?s:e,r=o._$litPart$;if(r===void 0){let d=(a=t==null?void 0:t.renderBefore)!=null?a:null;o._$litPart$=r=new R(e.insertBefore(O(),d),d,void 0,t!=null?t:{})}return r._$AI(i),r};var k=globalThis,v=class extends m{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,o;let e=super.createRenderRoot();return(o=(t=this.renderOptions).renderBefore)!=null||(t.renderBefore=e.firstChild),e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Pe(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return w}},Ue;v._$litElement$=!0,v.finalized=!0,(Ue=k.litElementHydrateSupport)==null||Ue.call(k,{LitElement:v});var oe=k.litElementPolyfillSupport;oe==null||oe({LitElement:v});var Oe;((Oe=k.litElementVersions)!=null?Oe:k.litElementVersions=[]).push("4.2.0");var He=`:root{--input-text-default:var(--black);--input-text-disabled-default:var(--gray-dark);--input-text-placeholder-default:var(--gray-dark);--input-border-default:var(--gray-60);--input-border-disabled:var(--gray-60);--input-border-success:var(--green);--input-border-warning:var(--gold);--input-border-error:var(--red);--input-border-hover-default:var(--pacific);--input-border-focus-default:var(--pacific);--input-bg-default:var(--white);--input-bg-disabled-default:var(--gray-10);--form-alert-icon-color-default:var(--gray);--form-alert-icon-color-success:var(--green);--form-alert-icon-color-warning:var(--gold);--form-alert-icon-color-error:var(--red);--select-border-default:var(--gray-60);--select-border-width-default:1px;--select-border-error:var(--red);--select-border-width-error:2px;--select-border-hover-default:var(--pacific);--select-border-focus-default:var(--pacific);--select-bg-disabled-default:var(--gray-10);--select-icon-bg-default:var(--gray-10);--select-text-disabled-default:var(--gray-dark);--choice-border-default:var(--gray-60);--choice-border-disabled:var(--gray-60);--choice-border-success:var(--green);--choice-border-warning:var(--gold);--choice-border-error:var(--red);--choice-border-hover-default:var(--pacific);--choice-border-focus-default:var(--pacific);--choice-outline-focus-default:var(--pacific);--choice-bg-default:var(--white);--choice-bg-disabled:var(--gray-10);--choice-bg-selected-default:var(--pacific);--choice-bg-selected-disabled:var(--gray-40);--choice-bg-selected-focus-default:var(--pacific);--choice-label-disabled-default:var(--gray-dark)}.no-js .u-js-only,.u-hide-if-js{display:none!important}.no-js .u-hide-if-js{display:block!important}@media screen{.u-print-only{display:none}}@media print{.u-screen-only{display:none}}.u-clearfix:after{clear:both;content:"";display:table}.u-visually-hidden{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}@media only screen and (max-width:37.5em){.u-hide-on-mobile{display:none}}@media only screen and (min-width:37.5625em){.u-show-on-mobile{display:none}}.u-hidden{display:none!important}.u-invisible{visibility:hidden}.u-right{float:right}.u-nowrap{white-space:nowrap}.u-flexible-container{height:0;padding-bottom:56.25%;position:relative}.u-flexible-container__inner{height:100%;left:0;position:absolute;top:0;width:100%}.u-flexible-container--4-3{height:0;padding-bottom:75%;position:relative}.u-mt0{margin-top:0!important}.u-mb0{margin-bottom:0!important}.u-mt5{margin-top:5px!important}.u-mb5{margin-bottom:5px!important}.u-mt10{margin-top:10px!important}.u-mb10{margin-bottom:10px!important}.u-mt15{margin-top:15px!important}.u-mb15{margin-bottom:15px!important}.u-mt20{margin-top:20px!important}.u-mb20{margin-bottom:20px!important}.u-mt30{margin-top:30px!important}.u-mb30{margin-bottom:30px!important}.u-mt45{margin-top:45px!important}.u-mb45{margin-bottom:45px!important}.u-mt60{margin-top:60px!important}.u-mb60{margin-bottom:60px!important}.u-w100pct{width:100%}.u-w90pct{width:90%}.u-w80pct{width:80%}.u-w70pct{width:70%}.u-w60pct{width:60%}.u-w50pct{width:50%}.u-w40pct{width:40%}.u-w30pct{width:30%}.u-w20pct{width:20%}.u-w10pct{width:10%}.u-w75pct{width:75%}.u-w65pct{width:65%}.u-w25pct{width:25%}.u-w15pct{width:15%}.u-w66pct{width:66.6666666667%}.u-w33pct{width:33.3333333333%}.u-small-text,small{font-size:.875em}.u-small-text--subtle,small--subtle{color:var(--gray)}.u-no-animation{transition-duration:0s!important}.u-move-transition{transition:transform .25s ease-out}.u-move-to-origin{transform:translateZ(0)}.u-move-left{transform:translate3d(-100%,0,0)}.u-move-left-2x{transform:translate3d(-200%,0,0)}.u-move-left-3x{transform:translate3d(-300%,0,0)}.u-move-right{transform:translate3d(100%,0,0)}.u-move-up{transform:translate3d(0,-100%,0)}.u-alpha-transition{transition:opacity .25s linear}.u-alpha-100{opacity:1}.u-alpha-0{opacity:0}.u-max-height-transition{contain:paint;overflow:hidden;transition:max-height .2s ease-out}.u-max-height-zero{max-height:0!important}.u-max-height-summary{max-height:88px!important}:host .m-form-field{--choice-border:var(--choice-border-default);--choice-border-hover:var(--choice-border-hover-default);--choice-border-focus:var(--choice-border-focus-default);--choice-outline-focus:var(--choice-outline-focus-default);--choice-bg:var(--choice-bg-default);--choice-bg-selected:var(--choice-bg-selected-default);--choice-bg-selected-focus:var(--choice-bg-selected-focus-default);--choice-label-disabled:var(--choice-label-disabled-default);--choice-border-width-addendum:0}:host .m-form-field .a-text-input--full{width:100%}:host .m-form-field .a-label+.a-text-input{margin-top:.3125em}:host .m-form-field--checkbox .a-label,:host .m-form-field--radio .a-label{cursor:pointer;display:inline-grid;grid-template-columns:1.875em auto;overflow-wrap:anywhere;vertical-align:top}:host .m-form-field--checkbox .a-label:before,:host .m-form-field--radio .a-label:before{background-color:var(--choice-bg);border:1px solid var(--choice-border);content:"";display:inline-block;grid-row-end:3;grid-row-start:1;height:1.125em;left:1px;margin-right:10px;outline:var(--choice-border-width-addendum) solid var(--choice-border);position:relative;top:1px;vertical-align:top;width:1.125em}:host .m-form-field--checkbox .a-label.hover:before,:host .m-form-field--checkbox .a-label:hover:before,:host .m-form-field--radio .a-label.hover:before,:host .m-form-field--radio .a-label:hover:before{border-color:var(--choice-border-hover)}:host .m-form-field--checkbox .a-checkbox,:host .m-form-field--checkbox .a-radio,:host .m-form-field--radio .a-checkbox,:host .m-form-field--radio .a-radio{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}:host .m-form-field--checkbox .a-checkbox.focus+.a-label,:host .m-form-field--checkbox .a-checkbox:focus+.a-label,:host .m-form-field--checkbox .a-radio.focus+.a-label,:host .m-form-field--checkbox .a-radio:focus+.a-label,:host .m-form-field--radio .a-checkbox.focus+.a-label,:host .m-form-field--radio .a-checkbox:focus+.a-label,:host .m-form-field--radio .a-radio.focus+.a-label,:host .m-form-field--radio .a-radio:focus+.a-label{outline:1px dotted var(--choice-outline-focus);outline-offset:1px}:host .m-form-field--checkbox .a-checkbox:disabled.focus+.a-label:before,:host .m-form-field--checkbox .a-checkbox:disabled.hover+.a-label:before,:host .m-form-field--checkbox .a-checkbox:disabled:checked+.a-label:before,:host .m-form-field--checkbox .a-checkbox:disabled:focus+.a-label:before,:host .m-form-field--checkbox .a-checkbox:disabled:hover+.a-label:before,:host .m-form-field--checkbox .a-radio:disabled.focus+.a-label:before,:host .m-form-field--checkbox .a-radio:disabled.hover+.a-label:before,:host .m-form-field--checkbox .a-radio:disabled:checked+.a-label:before,:host .m-form-field--checkbox .a-radio:disabled:focus+.a-label:before,:host .m-form-field--checkbox .a-radio:disabled:hover+.a-label:before,:host .m-form-field--radio .a-checkbox:disabled.focus+.a-label:before,:host .m-form-field--radio .a-checkbox:disabled.hover+.a-label:before,:host .m-form-field--radio .a-checkbox:disabled:checked+.a-label:before,:host .m-form-field--radio .a-checkbox:disabled:focus+.a-label:before,:host .m-form-field--radio .a-checkbox:disabled:hover+.a-label:before,:host .m-form-field--radio .a-radio:disabled.focus+.a-label:before,:host .m-form-field--radio .a-radio:disabled.hover+.a-label:before,:host .m-form-field--radio .a-radio:disabled:checked+.a-label:before,:host .m-form-field--radio .a-radio:disabled:focus+.a-label:before,:host .m-form-field--radio .a-radio:disabled:hover+.a-label:before{border-color:var(--choice-border);box-shadow:none;outline:none}:host .m-form-field--checkbox .a-checkbox:disabled+.a-label,:host .m-form-field--checkbox .a-radio:disabled+.a-label,:host .m-form-field--radio .a-checkbox:disabled+.a-label,:host .m-form-field--radio .a-radio:disabled+.a-label{color:var(--choice-label-disabled);cursor:not-allowed}:host .m-form-field--checkbox .a-checkbox:disabled+.a-label:before,:host .m-form-field--checkbox .a-radio:disabled+.a-label:before,:host .m-form-field--radio .a-checkbox:disabled+.a-label:before,:host .m-form-field--radio .a-radio:disabled+.a-label:before{outline:none}:host .m-form-field--checkbox:has(.a-checkbox:disabled),:host .m-form-field--checkbox:has(.a-radio:disabled),:host .m-form-field--radio:has(.a-checkbox:disabled),:host .m-form-field--radio:has(.a-radio:disabled){--choice-border:var(--choice-border-disabled);--choice-bg:var(--choice-bg-disabled);--choice-bg-selected:var(--choice-bg-selected-disabled)}:host .m-form-field--checkbox-error,:host .m-form-field--checkbox-success,:host .m-form-field--checkbox-warning,:host .m-form-field--radio-error,:host .m-form-field--radio-success,:host .m-form-field--radio-warning{--choice-border-width-addendum:1px}:host .m-form-field--checkbox-success,:host .m-form-field--radio-success{--choice-border:var(--choice-border-success)}:host .m-form-field--checkbox-warning,:host .m-form-field--radio-warning{--choice-border:var(--choice-border-warning)}:host .m-form-field--checkbox-error,:host .m-form-field--radio-error{--choice-border:var(--choice-border-error)}:host .m-form-field--checkbox .a-checkbox.focus+.a-label:before,:host .m-form-field--checkbox .a-checkbox:focus+.a-label:before{border-color:var(--choice-border-focus);box-shadow:0 0 0 1px var(--choice-border-focus);outline-color:var(--choice-border-focus)}:host .m-form-field--checkbox .a-checkbox.hover+.a-label:before,:host .m-form-field--checkbox .a-checkbox:hover+.a-label:before{border-color:var(--choice-border-hover);box-shadow:0 0 0 1px var(--choice-border-hover);outline-color:var(--choice-border-hover)}:host .m-form-field--checkbox .a-checkbox:checked+.a-label:before{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="cf-icon-svg cf-icon-svg--approved" viewBox="0 0 12 19"><path d="M4.63 15.638a1.03 1.03 0 0 1-.79-.37L.36 11.09a1.03 1.03 0 1 1 1.58-1.316l2.535 3.043L9.958 3.32a1.029 1.029 0 0 1 1.783 1.03L5.52 15.122a1.03 1.03 0 0 1-.803.511l-.088.004z"/></svg>');background-position:center 0;background-repeat:no-repeat;background-size:auto 1.1875em}:host .m-form-field--checkbox .a-checkbox:disabled:checked+.a-label:before{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%235a5d61" aria-hidden="true" viewBox="0 0 12 19"><path d="M4.63 15.638a1.03 1.03 0 0 1-.79-.37L.36 11.09a1.03 1.03 0 1 1 1.58-1.316l2.535 3.043L9.958 3.32a1.029 1.029 0 0 1 1.783 1.03L5.52 15.122a1.03 1.03 0 0 1-.803.511l-.088.004z"/></svg>')}:host .m-form-field--radio .a-label:before{border-radius:50%;transform:rotate(0deg)}:host .m-form-field--radio .a-radio.focus+.a-label:before,:host .m-form-field--radio .a-radio:focus+.a-label:before{border-color:var(--choice-border-focus);box-shadow:0 0 0 1px var(--choice-border-focus);outline:none}:host .m-form-field--radio .a-radio.hover+.a-label:before,:host .m-form-field--radio .a-radio:hover+.a-label:before{border-color:var(--choice-border-hover);box-shadow:0 0 0 1px var(--choice-border-hover);outline:none}:host .m-form-field--radio .a-radio:checked+.a-label:before{background-color:var(--choice-bg-selected);box-shadow:inset 0 0 0 2px var(--white)}:host .m-form-field--radio .a-radio.focus:checked+.a-label:before,:host .m-form-field--radio .a-radio:focus:checked+.a-label:before{background-color:var(--choice-bg-selected-focus);border-color:var(--choice-border-focus);box-shadow:0 0 0 1px var(--choice-border-focus),inset 0 0 0 2px var(--white)}:host .m-form-field--radio .a-radio.hover:checked+.a-label:before,:host .m-form-field--radio .a-radio:hover:checked+.a-label:before{border-color:var(--choice-border-hover);box-shadow:0 0 0 1px var(--choice-border-hover),inset 0 0 0 2px var(--white)}:host .m-form-field--radio .a-radio.hover:checked:disabled+.a-label:before,:host .m-form-field--radio .a-radio:checked:disabled+.a-label:before,:host .m-form-field--radio .a-radio:hover:checked:disabled+.a-label:before{background-color:var(--choice-bg-selected);border-color:var(--choice-border-disabled);box-shadow:inset 0 0 0 2px var(--gray-10)}:host .m-form-field--lg-target{display:block}:host .m-form-field--lg-target .a-label{background-color:var(--gray-10);box-sizing:border-box;padding:15px;width:100%}:host .m-form-field--lg-target .a-checkbox:checked+.a-label,:host .m-form-field--lg-target .a-radio:checked+.a-label{background-color:var(--pacific-20);box-shadow:inset 0 0 0 1px var(--pacific)}:host .m-form-field--lg-target .a-checkbox.focus+.a-label,:host .m-form-field--lg-target .a-checkbox.hover+.a-label,:host .m-form-field--lg-target .a-checkbox:focus+.a-label,:host .m-form-field--lg-target .a-checkbox:hover+.a-label,:host .m-form-field--lg-target .a-radio.focus+.a-label,:host .m-form-field--lg-target .a-radio.hover+.a-label,:host .m-form-field--lg-target .a-radio:focus+.a-label,:host .m-form-field--lg-target .a-radio:hover+.a-label{box-shadow:inset 0 0 0 2px var(--pacific)}:host .m-form-field--lg-target .a-checkbox.focus+.a-label,:host .m-form-field--lg-target .a-checkbox:checked+.a-label,:host .m-form-field--lg-target .a-checkbox:focus+.a-label,:host .m-form-field--lg-target .a-radio.focus+.a-label,:host .m-form-field--lg-target .a-radio:checked+.a-label,:host .m-form-field--lg-target .a-radio:focus+.a-label{outline-offset:1px}:host .m-form-field--lg-target .a-checkbox:checked:disabled+.a-label,:host .m-form-field--lg-target .a-checkbox:disabled+.a-label,:host .m-form-field--lg-target .a-checkbox:hover:disabled+.a-label,:host .m-form-field--lg-target .a-radio:checked:disabled+.a-label,:host .m-form-field--lg-target .a-radio:disabled+.a-label,:host .m-form-field--lg-target .a-radio:hover:disabled+.a-label{background-color:var(--gray-20);box-shadow:none;color:var(--choice-label-disabled)}:host .m-form-field--lg-target .a-checkbox:checked:disabled+.a-label,:host .m-form-field--lg-target .a-checkbox:checked:disabled+.a-label:before,:host .m-form-field--lg-target .a-radio:checked:disabled+.a-label,:host .m-form-field--lg-target .a-radio:checked:disabled+.a-label:before{border:1px solid var(--form-field-border-disabled)}`;var x,Re,Te,Ne,j=class j extends v{constructor(){super();le(this,x);this.disabled=!1,this.large=!1,this.validation="",this.type="checkbox"}static get properties(){return{checked:{type:Boolean,reflect:!0},disabled:{type:Boolean},large:{type:Boolean},validation:{type:String},type:{type:String}}}render(){return Ee`<div class="${se(this,x,Re)}" ?large="${this.large}"><input class="a-${this.type}" type="${this.type}" id="${this.type}" ?disabled="${this.disabled}" .checked="${this.checked}" @change="${D(this,x,Te)}" @input="${D(this,x,Ne)}"> <label class="a-label" for="${this.type}"><slot></slot></label></div>`}static init(){window.customElements.get("cfpb-form-choice")||window.customElements.define("cfpb-form-choice",j)}};x=new WeakSet,Re=function(){let t=`m-form-field m-form-field--${this.type}`;switch(this.validation){case"success":t+=` m-form-field--${this.type}-success`;break;case"warning":t+=` m-form-field--${this.type}-warning`;break;case"error":t+=` m-form-field--${this.type}-error`;break}return this.large&&(t+=" m-form-field--lg-target"),t},Te=function(t){t.target.checked=this.checked,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))},Ne=function(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))},ie(j,"styles",V`${z(He)}`);var Me=j;})();
4
+ /*! Bundled license information:
5
+
6
+ @lit/reactive-element/css-tag.js:
7
+ (**
8
+ * @license
9
+ * Copyright 2019 Google LLC
10
+ * SPDX-License-Identifier: BSD-3-Clause
11
+ *)
12
+
13
+ @lit/reactive-element/reactive-element.js:
14
+ lit-html/lit-html.js:
15
+ lit-element/lit-element.js:
16
+ (**
17
+ * @license
18
+ * Copyright 2017 Google LLC
19
+ * SPDX-License-Identifier: BSD-3-Clause
20
+ *)
21
+
22
+ lit-html/is-server.js:
23
+ (**
24
+ * @license
25
+ * Copyright 2022 Google LLC
26
+ * SPDX-License-Identifier: BSD-3-Clause
27
+ *)
28
+ */
29
+ //# sourceMappingURL=index.js.map