@cfpb/cfpb-design-system
Version:
CFPB's UI framework
1,096 lines • 214 kB
JavaScript
//#region \0rolldown/runtime.js
var e = Object.defineProperty, t = (t, n) => {
let r = {};
for (var i in t) e(r, i, {
get: t[i],
enumerable: !0
});
return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
}, n = {
bpXS: {
min: 0,
max: 600
},
bpSM: {
min: 601,
max: 900
},
bpMED: {
min: 901,
max: 1020
},
bpLG: {
min: 1021,
max: 1200
},
bpXL: { min: 1201 }
}, r = class e extends HTMLElement {
#e;
#t;
constructor() {
super(), this.#e = {}, this.#t = "";
}
connectedCallback() {
let e = [], t = this.querySelector("template");
if (!t) {
e.push(["missing-template", "No <template> found inside <i18n-service>"]);
return;
}
try {
let n = t.innerHTML.trim(), r = JSON.parse(n);
(typeof r != "object" || Array.isArray(r)) && e.push(["invalid-format", "Translations JSON must be an object keyed by the language codes"]), this.#e = r;
let i = this.availableLanguages;
i.length > 0 && !this.#t && (this.language = i[0]);
} catch (t) {
e.push([
"parse-error",
"Failed to parse i18n template JSON",
{ err: t }
]);
}
requestAnimationFrame(() => {
e.forEach((e) => {
this.#n(...e);
});
});
}
set language(e) {
if (!this.#e[e]) {
this.#n("invalid-language", `Unsupported language: ${e}`, { lang: e });
return;
}
this.#t !== e && (this.#t = e, this.dispatchEvent(new CustomEvent("i18n-change", {
detail: { language: e },
bubbles: !0,
composed: !0
})));
}
get language() {
return this.#t;
}
get availableLanguages() {
return Object.keys(this.#e);
}
translate(e) {
return this.#e[this.#t]?.[e] || e;
}
#n(e, t, n = {}) {
this.dispatchEvent(new CustomEvent("i18n-error", {
detail: {
type: e,
message: t,
...n
},
bubbles: !0,
composed: !0
}));
}
static init() {
window.customElements.get("i18n-service") || window.customElements.define("i18n-service", e);
}
}, i = class extends EventTarget {
#e;
#t = /* @__PURE__ */ new Map();
#n = /* @__PURE__ */ new Map();
#r = /* @__PURE__ */ new Map();
#i = !1;
constructor(e) {
super(), this.#e = e ?? {
xs: {
min: 0,
max: 600
},
sm: {
min: 601,
max: 900
},
med: {
min: 901,
max: 1020
},
lg: {
min: 1021,
max: 1200
},
xl: { min: 1201 }
};
for (let [e, t] of Object.entries(this.#e)) {
let n = this.#a(t), r = window.matchMedia(n);
this.#t.set(e, r), this.#r.set(e, r.matches);
let i = (t) => {
this.#r.set(e, t.matches), this.#i || (this.#i = !0, requestAnimationFrame(() => {
this.#i = !1, this.#o();
}));
};
r.addEventListener("change", i), this.#n.set(e, i);
}
this.#o();
}
#a(e) {
let t = [];
return e.min != null && t.push(`(min-width: ${e.min}px)`), e.max != null && t.push(`(max-width: ${e.max}px)`), t.join(" and ");
}
#o() {
let e = { matches: Object.fromEntries(this.#r) };
this.dispatchEvent(new CustomEvent("change", { detail: e }));
}
get matches() {
return Object.fromEntries(this.#r);
}
destroy() {
for (let [e, t] of this.#t.entries()) {
let n = this.#n.get(e);
n && t.removeEventListener("change", n);
}
this.#t.clear(), this.#n.clear(), this.#r.clear();
}
};
//#endregion
//#region packages/cfpb-design-system/src/elements/utilities/parse-child-data.js
function a(e, t = {}) {
let { allowSingleQuotes: n = !0 } = t;
if (!e) return null;
if (Array.isArray(e)) return e;
if (typeof e != "string") return console.error("childData must be a string or array."), null;
let r = e.trim();
if (!r) return null;
n && (r = r.replace(/'/g, "\""));
try {
let e = JSON.parse(r);
return Array.isArray(e) ? e : (console.error("childData JSON must parse to an array."), null);
} catch (e) {
return console.error("Failed to parse childData JSON:", e), null;
}
}
//#endregion
//#region packages/cfpb-design-system/src/elements/utilities/search-service.js
var o = class {
constructor(e = [], t = {}) {
this.items = e, this.fields = t.fields || null;
}
setItems(e) {
this.items = e;
}
search(e) {
if (!e || e.trim() === "") return this.items;
let t = e.toLowerCase();
return this.items.filter((e) => typeof e == "string" ? e.toLocaleLowerCase().includes(t) : typeof e == "object" && this.fields ? this.fields.some((n) => {
let r = e[n];
return typeof r == "string" && r.toLowerCase().includes(t);
}) : Object.values(e).some((e) => typeof e == "string" ? e.toLowerCase().includes(t) : !1));
}
}, s = { iconPath: "./icons/" }, c = { ...s }, l = !1, u = Object.keys(s);
function d(e) {
if (l) {
console.warn("CFPB Design System config already initialized");
return;
}
for (let t of Object.keys(e)) u.includes(t) || console.warn(`CFPB Design System invalid config key: ${t}`);
c = {
...c,
...e
}, l = !0;
}
function f() {
return c;
}
function p(e, t) {
globalThis.customElements.get(e) || globalThis.customElements.define(e, t);
}
//#endregion
//#region node_modules/@lit/reactive-element/css-tag.js
var m = globalThis, h = m.ShadowRoot && (m.ShadyCSS === void 0 || m.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, g = Symbol(), _ = /* @__PURE__ */ new WeakMap(), v = class {
constructor(e, t, n) {
if (this._$cssResult$ = !0, n !== g) 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 (h && e === void 0) {
let n = t !== void 0 && t.length === 1;
n && (e = _.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), n && _.set(t, e));
}
return e;
}
toString() {
return this.cssText;
}
}, y = (e) => new v(typeof e == "string" ? e : e + "", void 0, g), b = (e, ...t) => new v(e.length === 1 ? e[0] : t.reduce(((t, n, r) => t + ((e) => {
if (!0 === e._$cssResult$) return e.cssText;
if (typeof e == "number") return e;
throw Error("Value passed to 'css' function must be a 'css' function result: " + e + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
})(n) + e[r + 1]), e[0]), e, g), x = (e, t) => {
if (h) e.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
else for (let n of t) {
let t = document.createElement("style"), r = m.litNonce;
r !== void 0 && t.setAttribute("nonce", r), t.textContent = n.cssText, e.appendChild(t);
}
}, S = h ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((e) => {
let t = "";
for (let n of e.cssRules) t += n.cssText;
return y(t);
})(e) : e, { is: C, defineProperty: ee, getOwnPropertyDescriptor: w, getOwnPropertyNames: te, getOwnPropertySymbols: ne, getPrototypeOf: re } = Object, T = globalThis, ie = T.trustedTypes, ae = ie ? ie.emptyScript : "", oe = T.reactiveElementPolyfillSupport, E = (e, t) => e, se = {
toAttribute(e, t) {
switch (t) {
case Boolean:
e = e ? ae : null;
break;
case Object:
case Array: e = e == null ? e : JSON.stringify(e);
}
return e;
},
fromAttribute(e, t) {
let n = e;
switch (t) {
case Boolean:
n = e !== null;
break;
case Number:
n = e === null ? null : Number(e);
break;
case Object:
case Array: try {
n = JSON.parse(e);
} catch {
n = null;
}
}
return n;
}
}, ce = (e, t) => !C(e, t), le = {
attribute: !0,
type: String,
converter: se,
reflect: !1,
useDefault: !1,
hasChanged: ce
};
Symbol.metadata ??= Symbol("metadata"), T.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
var D = class extends HTMLElement {
static addInitializer(e) {
this._$Ei(), (this.l ??= []).push(e);
}
static get observedAttributes() {
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
}
static createProperty(e, t = le) {
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 n = Symbol(), r = this.getPropertyDescriptor(e, n, t);
r !== void 0 && ee(this.prototype, e, r);
}
}
static getPropertyDescriptor(e, t, n) {
let { get: r, set: i } = w(this.prototype, e) ?? {
get() {
return this[t];
},
set(e) {
this[t] = e;
}
};
return {
get: r,
set(t) {
let a = r?.call(this);
i?.call(this, t), this.requestUpdate(e, a, n);
},
configurable: !0,
enumerable: !0
};
}
static getPropertyOptions(e) {
return this.elementProperties.get(e) ?? le;
}
static _$Ei() {
if (this.hasOwnProperty(E("elementProperties"))) return;
let e = re(this);
e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
}
static finalize() {
if (this.hasOwnProperty(E("finalized"))) return;
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(E("properties"))) {
let e = this.properties, t = [...te(e), ...ne(e)];
for (let n of t) this.createProperty(n, e[n]);
}
let e = this[Symbol.metadata];
if (e !== null) {
let t = litPropertyMetadata.get(e);
if (t !== void 0) for (let [e, n] of t) this.elementProperties.set(e, n);
}
this._$Eh = /* @__PURE__ */ new Map();
for (let [e, t] of this.elementProperties) {
let n = this._$Eu(e, t);
n !== void 0 && this._$Eh.set(n, e);
}
this.elementStyles = this.finalizeStyles(this.styles);
}
static finalizeStyles(e) {
let t = [];
if (Array.isArray(e)) {
let n = new Set(e.flat(Infinity).reverse());
for (let e of n) t.unshift(S(e));
} else e !== void 0 && t.push(S(e));
return t;
}
static _$Eu(e, t) {
let n = t.attribute;
return !1 === n ? void 0 : typeof n == "string" ? n : 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() {
this._$ES = new Promise(((e) => this.enableUpdating = e)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((e) => e(this)));
}
addController(e) {
(this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
}
removeController(e) {
this._$EO?.delete(e);
}
_$E_() {
let e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
for (let n of t.keys()) this.hasOwnProperty(n) && (e.set(n, this[n]), delete this[n]);
e.size > 0 && (this._$Ep = e);
}
createRenderRoot() {
let e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
return x(e, this.constructor.elementStyles), e;
}
connectedCallback() {
this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((e) => e.hostConnected?.()));
}
enableUpdating(e) {}
disconnectedCallback() {
this._$EO?.forEach(((e) => e.hostDisconnected?.()));
}
attributeChangedCallback(e, t, n) {
this._$AK(e, n);
}
_$ET(e, t) {
let n = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, n);
if (r !== void 0 && !0 === n.reflect) {
let i = (n.converter?.toAttribute === void 0 ? se : n.converter).toAttribute(t, n.type);
this._$Em = e, i == null ? this.removeAttribute(r) : this.setAttribute(r, i), this._$Em = null;
}
}
_$AK(e, t) {
let n = this.constructor, r = n._$Eh.get(e);
if (r !== void 0 && this._$Em !== r) {
let e = n.getPropertyOptions(r), i = typeof e.converter == "function" ? { fromAttribute: e.converter } : e.converter?.fromAttribute === void 0 ? se : e.converter;
this._$Em = r, this[r] = i.fromAttribute(t, e.type) ?? this._$Ej?.get(r) ?? null, this._$Em = null;
}
}
requestUpdate(e, t, n) {
if (e !== void 0) {
let r = this.constructor, i = this[e];
if (n ??= r.getPropertyOptions(e), !((n.hasChanged ?? ce)(i, t) || n.useDefault && n.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(r._$Eu(e, n)))) return;
this.C(e, t, n);
}
!1 === this.isUpdatePending && (this._$ES = this._$EP());
}
C(e, t, { useDefault: n, reflect: r, wrapped: i }, a) {
n && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, a ?? t ?? this[e]), !0 !== i || a !== void 0) || (this._$AL.has(e) || (this.hasUpdated || n || (t = void 0), this._$AL.set(e, t)), !0 === r && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
}
async _$EP() {
this.isUpdatePending = !0;
try {
await this._$ES;
} catch (e) {
Promise.reject(e);
}
let e = this.scheduleUpdate();
return e != null && await e, !this.isUpdatePending;
}
scheduleUpdate() {
return this.performUpdate();
}
performUpdate() {
if (!this.isUpdatePending) return;
if (!this.hasUpdated) {
if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
for (let [e, t] of this._$Ep) this[e] = t;
this._$Ep = void 0;
}
let e = this.constructor.elementProperties;
if (e.size > 0) for (let [t, n] of e) {
let { wrapped: e } = n, r = this[t];
!0 !== e || this._$AL.has(t) || r === void 0 || this.C(t, void 0, n, r);
}
}
let e = !1, t = this._$AL;
try {
e = this.shouldUpdate(t), e ? (this.willUpdate(t), this._$EO?.forEach(((e) => e.hostUpdate?.())), this.update(t)) : this._$EM();
} catch (t) {
throw e = !1, this._$EM(), t;
}
e && this._$AE(t);
}
willUpdate(e) {}
_$AE(e) {
this._$EO?.forEach(((e) => e.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
}
_$EM() {
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
}
get updateComplete() {
return this.getUpdateComplete();
}
getUpdateComplete() {
return this._$ES;
}
shouldUpdate(e) {
return !0;
}
update(e) {
this._$Eq &&= this._$Eq.forEach(((e) => this._$ET(e, this[e]))), this._$EM();
}
updated(e) {}
firstUpdated(e) {}
};
D.elementStyles = [], D.shadowRootOptions = { mode: "open" }, D[E("elementProperties")] = /* @__PURE__ */ new Map(), D[E("finalized")] = /* @__PURE__ */ new Map(), oe?.({ ReactiveElement: D }), (T.reactiveElementVersions ??= []).push("2.1.0");
//#endregion
//#region node_modules/lit-html/lit-html.js
var ue = globalThis, de = ue.trustedTypes, fe = de ? de.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pe = "$lit$", O = `lit$${Math.random().toFixed(9).slice(2)}$`, me = "?" + O, he = `<${me}>`, k = document, ge = () => k.createComment(""), _e = (e) => e === null || typeof e != "object" && typeof e != "function", ve = Array.isArray, ye = (e) => ve(e) || typeof e?.[Symbol.iterator] == "function", be = "[ \n\f\r]", xe = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Se = /-->/g, Ce = />/g, A = RegExp(`>|${be}(?:([^\\s"'>=/]+)(${be}*=${be}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), we = /'/g, Te = /"/g, Ee = /^(?:script|style|textarea|title)$/i, j = ((e) => (t, ...n) => ({
_$litType$: e,
strings: t,
values: n
}))(1), M = Symbol.for("lit-noChange"), N = Symbol.for("lit-nothing"), De = /* @__PURE__ */ new WeakMap(), P = k.createTreeWalker(k, 129);
function Oe(e, t) {
if (!ve(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
return fe === void 0 ? t : fe.createHTML(t);
}
var ke = (e, t) => {
let n = e.length - 1, r = [], i, a = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = xe;
for (let t = 0; t < n; t++) {
let n = e[t], s, c, l = -1, u = 0;
for (; u < n.length && (o.lastIndex = u, c = o.exec(n), c !== null);) u = o.lastIndex, o === xe ? c[1] === "!--" ? o = Se : c[1] === void 0 ? c[2] === void 0 ? c[3] !== void 0 && (o = A) : (Ee.test(c[2]) && (i = RegExp("</" + c[2], "g")), o = A) : o = Ce : o === A ? c[0] === ">" ? (o = i ?? xe, l = -1) : c[1] === void 0 ? l = -2 : (l = o.lastIndex - c[2].length, s = c[1], o = c[3] === void 0 ? A : c[3] === "\"" ? Te : we) : o === Te || o === we ? o = A : o === Se || o === Ce ? o = xe : (o = A, i = void 0);
let d = o === A && e[t + 1].startsWith("/>") ? " " : "";
a += o === xe ? n + he : l >= 0 ? (r.push(s), n.slice(0, l) + pe + n.slice(l) + O + d) : n + O + (l === -2 ? t : d);
}
return [Oe(e, a + (e[n] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
}, Ae = class e {
constructor({ strings: t, _$litType$: n }, r) {
let i;
this.parts = [];
let a = 0, o = 0, s = t.length - 1, c = this.parts, [l, u] = ke(t, n);
if (this.el = e.createElement(l, r), P.currentNode = this.el.content, n === 2 || n === 3) {
let e = this.el.content.firstChild;
e.replaceWith(...e.childNodes);
}
for (; (i = P.nextNode()) !== null && c.length < s;) {
if (i.nodeType === 1) {
if (i.hasAttributes()) for (let e of i.getAttributeNames()) if (e.endsWith(pe)) {
let t = u[o++], n = i.getAttribute(e).split(O), r = /([.?@])?(.*)/.exec(t);
c.push({
type: 1,
index: a,
name: r[2],
strings: n,
ctor: r[1] === "." ? Pe : r[1] === "?" ? Fe : r[1] === "@" ? Ie : Ne
}), i.removeAttribute(e);
} else e.startsWith(O) && (c.push({
type: 6,
index: a
}), i.removeAttribute(e));
if (Ee.test(i.tagName)) {
let e = i.textContent.split(O), t = e.length - 1;
if (t > 0) {
i.textContent = de ? de.emptyScript : "";
for (let n = 0; n < t; n++) i.append(e[n], ge()), P.nextNode(), c.push({
type: 2,
index: ++a
});
i.append(e[t], ge());
}
}
} else if (i.nodeType === 8) if (i.data === me) c.push({
type: 2,
index: a
});
else {
let e = -1;
for (; (e = i.data.indexOf(O, e + 1)) !== -1;) c.push({
type: 7,
index: a
}), e += O.length - 1;
}
a++;
}
}
static createElement(e, t) {
let n = k.createElement("template");
return n.innerHTML = e, n;
}
};
function F(e, t, n = e, r) {
if (t === M) return t;
let i = r === void 0 ? n._$Cl : n._$Co?.[r], a = _e(t) ? void 0 : t._$litDirective$;
return i?.constructor !== a && (i?._$AO?.(!1), a === void 0 ? i = void 0 : (i = new a(e), i._$AT(e, n, r)), r === void 0 ? n._$Cl = i : (n._$Co ??= [])[r] = i), i !== void 0 && (t = F(e, i._$AS(e, t.values), i, r)), t;
}
var je = 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) {
let { el: { content: t }, parts: n } = this._$AD, r = (e?.creationScope ?? k).importNode(t, !0);
P.currentNode = r;
let i = P.nextNode(), a = 0, o = 0, s = n[0];
for (; s !== void 0;) {
if (a === s.index) {
let t;
s.type === 2 ? t = new Me(i, i.nextSibling, this, e) : s.type === 1 ? t = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (t = new Le(i, this, e)), this._$AV.push(t), s = n[++o];
}
a !== s?.index && (i = P.nextNode(), a++);
}
return P.currentNode = k, r;
}
p(e) {
let t = 0;
for (let n of this._$AV) n !== void 0 && (n.strings === void 0 ? n._$AI(e[t]) : (n._$AI(e, n, t), t += n.strings.length - 2)), t++;
}
}, Me = class e {
get _$AU() {
return this._$AM?._$AU ?? this._$Cv;
}
constructor(e, t, n, r) {
this.type = 2, this._$AH = N, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = n, this.options = r, this._$Cv = r?.isConnected ?? !0;
}
get parentNode() {
let e = this._$AA.parentNode, t = this._$AM;
return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
}
get startNode() {
return this._$AA;
}
get endNode() {
return this._$AB;
}
_$AI(e, t = this) {
e = F(this, e, t), _e(e) ? e === N || e == null || e === "" ? (this._$AH !== N && this._$AR(), this._$AH = N) : e !== this._$AH && e !== M && this._(e) : e._$litType$ === void 0 ? e.nodeType === void 0 ? ye(e) ? this.k(e) : this._(e) : this.T(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 !== N && _e(this._$AH) ? this._$AA.nextSibling.data = e : this.T(k.createTextNode(e)), this._$AH = e;
}
$(e) {
let { values: t, _$litType$: n } = e, r = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = Ae.createElement(Oe(n.h, n.h[0]), this.options)), n);
if (this._$AH?._$AD === r) this._$AH.p(t);
else {
let e = new je(r, this), n = e.u(this.options);
e.p(t), this.T(n), this._$AH = e;
}
}
_$AC(e) {
let t = De.get(e.strings);
return t === void 0 && De.set(e.strings, t = new Ae(e)), t;
}
k(t) {
ve(this._$AH) || (this._$AH = [], this._$AR());
let n = this._$AH, r, i = 0;
for (let a of t) i === n.length ? n.push(r = new e(this.O(ge()), this.O(ge()), this, this.options)) : r = n[i], r._$AI(a), i++;
i < n.length && (this._$AR(r && r._$AB.nextSibling, i), n.length = i);
}
_$AR(e = this._$AA.nextSibling, t) {
for (this._$AP?.(!1, !0, t); e && e !== this._$AB;) {
let t = e.nextSibling;
e.remove(), e = t;
}
}
setConnected(e) {
this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
}
}, Ne = class {
get tagName() {
return this.element.tagName;
}
get _$AU() {
return this._$AM._$AU;
}
constructor(e, t, n, r, i) {
this.type = 1, this._$AH = N, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = i, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(/* @__PURE__ */ new String()), this.strings = n) : this._$AH = N;
}
_$AI(e, t = this, n, r) {
let i = this.strings, a = !1;
if (i === void 0) e = F(this, e, t, 0), a = !_e(e) || e !== this._$AH && e !== M, a && (this._$AH = e);
else {
let r = e, o, s;
for (e = i[0], o = 0; o < i.length - 1; o++) s = F(this, r[n + o], t, o), s === M && (s = this._$AH[o]), a ||= !_e(s) || s !== this._$AH[o], s === N ? e = N : e !== N && (e += (s ?? "") + i[o + 1]), this._$AH[o] = s;
}
a && !r && this.j(e);
}
j(e) {
e === N ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
}
}, Pe = class extends Ne {
constructor() {
super(...arguments), this.type = 3;
}
j(e) {
this.element[this.name] = e === N ? void 0 : e;
}
}, Fe = class extends Ne {
constructor() {
super(...arguments), this.type = 4;
}
j(e) {
this.element.toggleAttribute(this.name, !!e && e !== N);
}
}, Ie = class extends Ne {
constructor(e, t, n, r, i) {
super(e, t, n, r, i), this.type = 5;
}
_$AI(e, t = this) {
if ((e = F(this, e, t, 0) ?? N) === M) return;
let n = this._$AH, r = e === N && n !== N || e.capture !== n.capture || e.once !== n.once || e.passive !== n.passive, i = e !== N && (n === N || r);
r && this.element.removeEventListener(this.name, this, n), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
}
handleEvent(e) {
typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
}
}, Le = class {
constructor(e, t, n) {
this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = n;
}
get _$AU() {
return this._$AM._$AU;
}
_$AI(e) {
F(this, e);
}
}, Re = {
M: pe,
P: O,
A: me,
C: 1,
L: ke,
R: je,
D: ye,
V: F,
I: Me,
H: Ne,
N: Fe,
U: Ie,
B: Pe,
F: Le
}, ze = ue.litHtmlPolyfillSupport;
ze?.(Ae, Me), (ue.litHtmlVersions ??= []).push("3.3.0");
var Be = (e, t, n) => {
let r = n?.renderBefore ?? t, i = r._$litPart$;
if (i === void 0) {
let e = n?.renderBefore ?? null;
r._$litPart$ = i = new Me(t.insertBefore(ge(), e), e, void 0, n ?? {});
}
return i._$AI(e), i;
}, Ve = globalThis, I = class extends D {
constructor() {
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
}
createRenderRoot() {
let e = super.createRenderRoot();
return this.renderOptions.renderBefore ??= e.firstChild, e;
}
update(e) {
let t = this.render();
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Be(t, this.renderRoot, this.renderOptions);
}
connectedCallback() {
super.connectedCallback(), this._$Do?.setConnected(!0);
}
disconnectedCallback() {
super.disconnectedCallback(), this._$Do?.setConnected(!1);
}
render() {
return M;
}
};
I._$litElement$ = !0, I.finalized = !0, Ve.litElementHydrateSupport?.({ LitElement: I });
var He = Ve.litElementPolyfillSupport;
He?.({ LitElement: I }), (Ve.litElementVersions ??= []).push("4.2.0");
//#endregion
//#region node_modules/lit-html/directive.js
var Ue = {
ATTRIBUTE: 1,
CHILD: 2,
PROPERTY: 3,
BOOLEAN_ATTRIBUTE: 4,
EVENT: 5,
ELEMENT: 6
}, We = (e) => (...t) => ({
_$litDirective$: e,
values: t
}), Ge = class {
constructor(e) {}
get _$AU() {
return this._$AM._$AU;
}
_$AT(e, t, n) {
this._$Ct = e, this._$AM = t, this._$Ci = n;
}
_$AS(e, t) {
return this.update(e, t);
}
update(e, t) {
return this.render(...t);
}
}, Ke = We(class extends Ge {
constructor(e) {
if (super(e), e.type !== Ue.ATTRIBUTE || e.name !== "class" || e.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
}
render(e) {
return " " + Object.keys(e).filter(((t) => e[t])).join(" ") + " ";
}
update(e, [t]) {
if (this.st === void 0) {
this.st = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter(((e) => e !== ""))));
for (let e in t) t[e] && !this.nt?.has(e) && this.st.add(e);
return this.render(t);
}
let n = e.element.classList;
for (let e of this.st) e in t || (n.remove(e), this.st.delete(e));
for (let e in t) {
let r = !!t[e];
r === this.st.has(e) || this.nt?.has(e) || (r ? (n.add(e), this.st.add(e)) : (n.remove(e), this.st.delete(e)));
}
return M;
}
}), { I: qe } = Re, Je = (e) => e.strings === void 0, Ye = (e, t) => {
let n = e._$AN;
if (n === void 0) return !1;
for (let e of n) e._$AO?.(t, !1), Ye(e, t);
return !0;
}, Xe = (e) => {
let t, n;
do {
if ((t = e._$AM) === void 0) break;
n = t._$AN, n.delete(e), e = t;
} while (n?.size === 0);
}, Ze = (e) => {
for (let t; t = e._$AM; e = t) {
let n = t._$AN;
if (n === void 0) t._$AN = n = /* @__PURE__ */ new Set();
else if (n.has(e)) break;
n.add(e), et(t);
}
};
function Qe(e) {
this._$AN === void 0 ? this._$AM = e : (Xe(this), this._$AM = e, Ze(this));
}
function $e(e, t = !1, n = 0) {
let r = this._$AH, i = this._$AN;
if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let e = n; e < r.length; e++) Ye(r[e], !1), Xe(r[e]);
else r != null && (Ye(r, !1), Xe(r));
else Ye(this, e);
}
var et = (e) => {
e.type == Ue.CHILD && (e._$AP ??= $e, e._$AQ ??= Qe);
}, tt = class extends Ge {
constructor() {
super(...arguments), this._$AN = void 0;
}
_$AT(e, t, n) {
super._$AT(e, t, n), Ze(this), this.isConnected = e._$AU;
}
_$AO(e, t = !0) {
e !== this.isConnected && (this.isConnected = e, e ? this.reconnected?.() : this.disconnected?.()), t && (Ye(this, e), Xe(this));
}
setValue(e) {
if (Je(this._$Ct)) this._$Ct._$AI(e, this);
else {
let t = [...this._$Ct._$AH];
t[this._$Ci] = e, this._$Ct._$AI(t, this, 0);
}
}
disconnected() {}
reconnected() {}
}, L = () => new nt(), nt = class {}, rt = /* @__PURE__ */ new WeakMap(), R = We(class extends tt {
render(e) {
return N;
}
update(e, [t]) {
let n = t !== this.G;
return n && this.G !== void 0 && this.rt(void 0), (n || this.lt !== this.ct) && (this.G = t, this.ht = e.options?.host, this.rt(this.ct = e.element)), N;
}
rt(e) {
if (this.isConnected || (e = void 0), typeof this.G == "function") {
let t = this.ht ?? globalThis, n = rt.get(t);
n === void 0 && (n = /* @__PURE__ */ new WeakMap(), rt.set(t, n)), n.get(this.G) !== void 0 && this.G.call(this.ht, void 0), n.set(this.G, e), e !== void 0 && this.G.call(this.ht, e);
} else this.G.value = e;
}
get lt() {
return typeof this.G == "function" ? rt.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
}
disconnected() {
this.lt === this.ct && this.rt(void 0);
}
reconnected() {
this.rt(this.ct);
}
}), it = ":host button.a-btn::-moz-focus-inner{border:0}:host input.a-btn::-moz-focus-inner{border:0}:host .a-btn{appearance:none;box-sizing:border-box;cursor:pointer;text-align:center;border:0;border-radius:.25em;justify-content:center;align-items:center;gap:.625rem;width:fit-content;height:fit-content;margin:0;padding:.5em .875em;font-size:1em;font-weight:500;line-height:1.1875;text-decoration:none;transition:background-color .1s;display:flex}:host .a-btn,:host .a-btn:link,:host .a-btn:visited{background-color:var(--btn-bg);color:var(--btn-text)}:host .a-btn:hover,:host .a-btn.hover,:host .a-btn:focus,:host .a-btn.focus{background-color:var(--btn-bg-hover);color:var(--btn-text)}:host .a-btn:focus,:host .a-btn.focus{outline:1px dotted var(--btn-bg);outline-offset:1px}:host .a-btn:active,:host .a-btn.active{background-color:var(--btn-bg-active)}:host .a-btn--secondary,:host .a-btn--secondary:link,:host .a-btn--secondary:visited{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);box-shadow:0 0 0 1px var(--btn-secondary-border) inset}:host .a-btn--secondary:hover,:host .a-btn--secondary.hover,:host .a-btn--secondary:focus,:host .a-btn--secondary.focus{background-color:var(--btn-secondary-bg-hover);color:var(--btn-secondary-text-hover);box-shadow:0 0 0 1px var(--btn-secondary-border-hover) inset}:host .a-btn--secondary:focus,:host .a-btn--secondary.focus{outline-color:var(--btn-secondary-border)}:host .a-btn--secondary:active,:host .a-btn--secondary.active{background-color:var(--btn-secondary-bg-active);color:var(--btn-secondary-text-active);box-shadow:0 0 0 1px var(--btn-secondary-border-active) inset}:host .a-btn--warning,:host .a-btn--warning:link,:host .a-btn--warning:visited{background-color:var(--btn-warning-bg);color:var(--btn-warning-text)}:host .a-btn--warning:hover,:host .a-btn--warning.hover,:host .a-btn--warning:focus,:host .a-btn--warning.focus{background-color:var(--btn-warning-bg-hover)}:host .a-btn--warning:focus,:host .a-btn--warning.focus{outline-color:var(--btn-warning-bg)}:host .a-btn--warning:active,:host .a-btn--warning.active{background-color:var(--btn-warning-bg-active)}:host .a-btn--disabled,:host .a-btn--disabled:link,:host .a-btn--disabled:visited,:host .a-btn--disabled:hover,:host .a-btn--disabled.hover,:host .a-btn--disabled:focus,:host .a-btn--disabled.focus,:host .a-btn--disabled:active,:host .a-btn--disabled.active,:host .a-btn[disabled],:host .a-btn[disabled]:link,:host .a-btn[disabled]:visited,:host .a-btn[disabled]:hover,:host .a-btn[disabled].hover,:host .a-btn[disabled]:focus,:host .a-btn[disabled].focus,:host .a-btn[disabled]:active,:host .a-btn[disabled].active,:host .a-btn[aria-disabled=true],:host .a-btn[aria-disabled=true]:link,:host .a-btn[aria-disabled=true]:visited,:host .a-btn[aria-disabled=true]:hover,:host .a-btn[aria-disabled=true].hover,:host .a-btn[aria-disabled=true]:focus,:host .a-btn[aria-disabled=true].focus,:host .a-btn[aria-disabled=true]:active,:host .a-btn[aria-disabled=true].active{background-color:var(--btn-disabled-bg);color:var(--btn-disabled-text);box-shadow:none;cursor:not-allowed}:host .a-btn--disabled:focus,:host .a-btn--disabled.focus,:host .a-btn[disabled]:focus,:host .a-btn[disabled].focus,:host .a-btn[aria-disabled=true]:focus,:host .a-btn[aria-disabled=true].focus{outline-color:var(--btn-disabled-outline)}@media only screen and (width<=37.5em){:host .a-btn--full-on-xs{width:100%}}:host .a-btn--link{box-shadow:none;border-radius:0;padding:1.5px 0;background-color:#0000!important}:host .a-btn--link,:host .a-btn--link:link,:host .a-btn--link:visited{-webkit-text-decoration-color:var(--link-text);-webkit-text-decoration-color:var(--link-text);text-decoration-color:var(--link-text);color:var(--link-text);background-color:#0000}:host .a-btn--link:hover,:host .a-btn--link.hover{-webkit-text-decoration-color:var(--link-text-hover);-webkit-text-decoration-color:var(--link-text-hover);text-decoration-color:var(--link-text-hover);color:var(--link-text-hover);box-shadow:none;background-color:#0000;text-decoration-style:solid}:host .a-btn--link:focus-visible,:host .a-btn--link.focus{outline:1px dotted var(--link-text);color:var(--link-text);background-color:#0000}:host .a-btn--link:active,:host .a-btn--link.active{-webkit-text-decoration-color:var(--link-text-active);-webkit-text-decoration-color:var(--link-text-active);text-decoration-color:var(--link-text-active);color:var(--link-text-active);background-color:#0000;text-decoration-style:solid}:host .a-btn--link.a-btn--warning,:host .a-btn--link.a-btn--warning:link,:host .a-btn--link.a-btn--warning:visited{-webkit-text-decoration-color:var(--btn-warning-bg);-webkit-text-decoration-color:var(--btn-warning-bg);text-decoration-color:var(--btn-warning-bg);color:var(--btn-warning-bg);background-color:#0000}:host .a-btn--link.a-btn--warning:hover,:host .a-btn--link.a-btn--warning.hover{-webkit-text-decoration-color:var(--btn-warning-bg-hover);-webkit-text-decoration-color:var(--btn-warning-bg-hover);text-decoration-color:var(--btn-warning-bg-hover);color:var(--btn-warning-bg-hover);box-shadow:none;background-color:#0000;text-decoration-style:solid}:host .a-btn--link.a-btn--warning:focus-visible,:host .a-btn--link.a-btn--warning.focus{outline:1px dotted var(--btn-warning-bg);color:var(--btn-warning-bg);background-color:#0000}:host .a-btn--link.a-btn--warning:active,:host .a-btn--link.a-btn--warning.active{-webkit-text-decoration-color:var(--btn-warning-bg-active);-webkit-text-decoration-color:var(--btn-warning-bg-active);text-decoration-color:var(--btn-warning-bg-active);color:var(--btn-warning-bg-active);background-color:#0000;text-decoration-style:solid}:host{width:fit-content;display:flex}@media only screen and (width<=37.5em){:host([full-on-mobile]),:host([full-on-mobile]) button,:host([full-on-mobile]) [role=button]{width:100%}}:host([flush-left]) button,:host([flush-left]) [role=button]{border-top-left-radius:0;border-bottom-left-radius:0}:host([flush-right]) button,:host([flush-right]) [role=button]{border-top-right-radius:0;border-bottom-right-radius:0}", at = ":host{--icon-text-div-color-default:var(--pacific-60);--icon-text-div-color-disabled:var(--gray-60);--icon-text-div-color:var(--icon-text-div-color-default)}:host([inline]) .wrap{display:inline}:host([inline]) cfpb-icon{position:relative;top:-1px}:host(:not([has-div])) .wrap{gap:.3125rem}:host(:not([has-div])) .div{display:none}:host(:not([mobile-icon-align-end])) .wrap{width:fit-content}@media only screen and (width<=37.5em){:host(:not([inline])[mobile-icon-align-end]) .wrap{justify-content:right;display:flex}:host(:not([inline])[mobile-icon-align-end]) .text{width:100%}:host([underline=tablet-up]) .text{text-decoration:none!important}}:host([disabled]){--icon-text-div-color:var(--icon-text-div-color-disabled)!important}:host(:not([disabled])[underline=all]) .text,:host(:not([disabled])[underline=tablet-up]) .text{text-underline-offset:4.5px;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px}:host(:not([disabled])[underline=all]:hover) .text,:host(:not([disabled])[underline=tablet-up]:hover) .text{text-decoration-style:solid}.wrap{vertical-align:top;align-items:center;gap:.625rem;display:inline-flex}.div{background:var(--icon-text-div-color);align-self:stretch;width:1px}.text{overflow-wrap:break-word}slot{display:contents}", ot = ":host{--icon-mask-image-url:\"\";vertical-align:middle;height:1.1875em;color:var(--icon-color,inherit);display:inline-block}:host span{-webkit-mask-image:var(--icon-mask-image-url);-webkit-mask-image:var(--icon-mask-image-url);mask-image:var(--icon-mask-image-url);background-color:currentColor;line-height:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:host img{opacity:0;height:1.1875em}:host([spin]){transform-origin:50%;animation:1.25s linear infinite spin-animation}@keyframes spin-animation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}", z = class e extends I {
static styles = b`
${y(ot)}
`;
static properties = {
name: { type: String },
color: { type: String },
spin: {
type: Boolean,
attribute: !0
}
};
render() {
if (!this.name) return null;
let e = `${f().iconPath + this.name}.svg`;
return this.color ? this.style.setProperty("--icon-color", `var(--${this.color})`) : this.style.removeProperty("--icon-color"), j`<span style="--icon-mask-image-url:url('${e}')">
<img
src="${e}"
loading="lazy"
decoding="async"
alt=""
aria-hidden="true"
/>
</span>`;
}
static init() {
p("cfpb-icon", e);
}
}, st = class e extends I {
static styles = b`
${y(at)}
`;
static properties = {
disabled: {
type: Boolean,
reflect: !0
},
divColor: {
type: String,
attribute: "div-color",
reflect: !0
},
iconLeft: { type: String },
iconRight: { type: String },
isIconLeftSpin: {
type: Boolean,
attribute: "iconleftspin"
},
isIconRightSpin: {
type: Boolean,
attribute: "iconrightspin"
},
hasDiv: {
type: Boolean,
attribute: "has-div",
reflect: !0
},
underline: {
type: String,
attribute: "underline",
reflect: !0
},
mobileIconAlignEnd: {
type: Boolean,
attribute: "mobile-icon-align-end",
reflect: !0
},
inline: {
type: Boolean,
reflect: !0
}
};
constructor() {
super(), this.disabled = !1, this.isIconLeftSpin = !1, this.isIconRightSpin = !1;
}
updated(e) {
e.has("divColor") && (this.divColor ? this.style.setProperty("--icon-text-div-color", `var(--${this.divColor})`) : this.style.removeProperty("--icon-text-div-color"));
}
render() {
return j`<span class="wrap">
${this.iconLeft ? j`<cfpb-icon
name="${this.iconLeft}"
?spin=${this.isIconLeftSpin}
></cfpb-icon
><span class="div"></span>` : ""}
<span class="text"><slot></slot></span>${this.iconRight ? j` <span class="div"></span
><cfpb-icon
name="${this.iconRight}"
?spin=${this.isIconRightSpin}
></cfpb-icon>` : ""}
</span>`;
}
static init() {
z.init(), p("cfpb-icon-text", e);
}
}, ct = [
"primary",
"secondary",
"warning"
], lt = [
"button",
"submit",
"reset"
], ut = class e extends I {
static styles = b`
${y(it)}
`;
static properties = {
type: { type: String },
href: { type: String },
disabled: {
type: Boolean,
reflect: !0
},
variant: { type: String },
iconLeft: { type: String },
iconRight: { type: String },
isIconLeftSpin: {
type: Boolean,
attribute: "iconleftspin"
},
isIconRightSpin: {
type: Boolean,
attribute: "iconrightspin"
},
fullOnMobile: {
type: Boolean,
attribute: "full-on-mobile",
reflect: !0
},
flushLeft: {
type: Boolean,
attribute: "flush-left",
reflect: !0
},
flushRight: {
type: Boolean,
attribute: "flush-right",
reflect: !0
},
styleAsLink: {
type: Boolean,
attribute: "style-as-link",
reflect: !0
}
};
#e = L();
constructor() {
super(), this.type = "button", this.variant = "primary", this.disabled = !1, this.fullOnMobile = !1, this.styleAsLink = !1, this.iconLeftSpin = !1, this.iconRightSpin = !1;
}
hideIcon() {
this.#e.value?.hideIcon();
}
showIcon() {
this.#e.value?.showIcon();
}
get dividerColorVar() {
switch (this.variant) {
case "warning": return "btn-warning-divider";
case "secondary": return "btn-secondary-divider";
default: return "btn-divider";
}
}
get #t() {
return ct.includes(this.variant) ? this.variant : "primary";
}
get #n() {
return lt.includes(this.type) ? this.type : "button";
}
get #r() {
return {
"a-btn": !0,
[`a-btn--${this.#t}`]: this.#t !== "primary",
"a-btn--link": this.styleAsLink === !0
};
}
#i() {
let e = this.styleAsLink ? "all" : "";
return j`
<cfpb-icon-text
${R(this.#e)}
?disabled=${this.disabled}
div-color="${this.dividerColorVar}"
iconleft=${this.iconLeft}
iconright=${this.iconRight}
?iconleftspin=${this.isIconLeftSpin}
?iconrightspin=${this.isIconRightSpin}
?has-div=${!this.styleAsLink}
.underline=${e}
?inline=${this.styleAsLink}
><slot></slot
></cfpb-icon-text>
`;
}
render() {
let e = Ke(this.#r);
return this.href ? j`
<a
class=${e}
href=${this.disabled ? void 0 : this.href}
role="button"
aria-disabled=${String(this.disabled)}
tabindex=${this.disabled ? -1 : 0}
>
${this.#i()}
</a>
` : j`
<button
class=${e}
?disabled=${this.disabled}
type=${this.#n}
>
${this.#i()}
</button>
`;
}
static init() {
st.init(), p("cfpb-button", e);
}
}, dt = ".cf-icon-svg{vertical-align:middle;fill:currentColor;height:1.1875em}.cf-icon-svg--updating,.cf-icon-svg--updating-round{transform-origin:50%;animation:1.25s linear infinite updating-animation}@keyframes updating-animation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}html[lang=ar] .cf-icon-svg--right,html[lang=ar] .cf-icon-svg--right-round,html[lang=ar] .cf-icon-svg--left,html[lang=ar] .cf-icon-svg--left-round,html[lang=ar] .cf-icon-svg--arrow-right,html[lang=ar] .cf-icon-svg--arrow-right-round,html[lang=ar] .cf-icon-svg--arrow-left,html[lang=ar] .cf-icon-svg--arrow-left-round,html[lang=ar] .cf-icon-svg--help,html[lang=ar] .cf-icon-svg--help-round,html[lang=ar] .cf-icon-svg--book,html[lang=ar] .cf-icon-svg--book-round,html[lang=ar] .cf-icon-svg--document,html[lang=ar] .cf-icon-svg--document-round,html[lang=ar] .cf-icon-svg--edit,html[lang=ar] .cf-icon-svg--edit-round,html[lang=ar] .cf-icon-svg--paper-clip,html[lang=ar] .cf-icon-svg--paper-clip-round,html[lang=ar] .cf-icon-svg--cart,html[lang=ar] .cf-icon-svg--cart-round,html[lang=ar] .cf-icon-svg--disability,html[lang=ar] .cf-icon-svg--disability-round,html[lang=ar] .cf-icon-svg--travel,html[lang=ar] .cf-icon-svg--travel-round,html[lang=ar] .cf-icon-svg--bullhorn,html[lang=ar] .cf-icon-svg--bullhorn-round,html[lang=ar] .cf-icon-svg--chart,html[lang=ar] .cf-icon-svg--chart-round,html[lang=ar] .cf-icon-svg--list,html[lang=ar] .cf-icon-svg--list-round,html[lang=ar] .cf-icon-svg--external-link,html[lang=ar] .cf-icon-svg--external-link-round{transform:scaleX(-1)}.u-no-animation{transition-duration:0s!important}.u-move-transition{transition:transform .25s ease-out}.u-move-to-origin{transform:translate(0)}.u-move-left{transform:translate(-100%)}.u-move-left-2x{transform:translate(-200%)}.u-move-left-3x{transform:translate(-300%)}.u-move-right{transform:translate(100%)}.u-move-up{transform:translateY(-100%)}.u-alpha-transition{transition:opacity .25s linear}.u-alpha-100{opacity:1}.u-alpha-0{opacity:0}.u-max-height-transition{contain:paint;transition:max-height .2s ease-out;overflow:hidden}.u-max-height-zero{max-height:0!important}.u-max-height-summary{max-height:88px!important}.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{content:\"\";clear:both;display:table}.u-visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media only screen and (width<=37.5em){.u-hide-on-mobile{display:none}}@media only screen and (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{width:100%;height:100%;position:absolute;top:0;left:0}.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.6667%}.u-w33pct{width:33.3333%}small,.u-small-text{font-size:.875em}small--subtle,.u-small-text--subtle{color:var(--gray)}:host .a-form-alert{align-items:center;gap:.3125rem;margin-top:.9375rem;display:flex}:host .a-form-alert__text{display:block}", ft = class e extends I {
static styles = b`
${y(dt)}
`;
static properties = { validation: { type: String } };
constructor() {
super(), this.validation = "error";
}
get icon() {
let e = {
name: "error",
colorVar: "form-alert-icon-color-error"
};
return this.validation === "warning" ? e = {
name: "warning",
colorVar: "form-alert-icon-color-warning"
} : this.validation === "success" && (e = {
name: "approved",
colorVar: "form-alert-icon-color-success"
}), e;
}
render() {
return j`<div
class="a-form-alert a-form-alert--${this.validation}"
role="alert"
>
<cfpb-icon
name="${this.icon.name}-round"
color="${this.icon.colorVar}"
></cfpb-icon>
<div class="a-form-alert__text"><slot></slot></div>
</div>`;
}
static init() {
z.init(), p("cfpb-form-alert", e);
}
}, pt = ":not(:defined){border-radius:4px;width:100%;animation:1.5s infinite pulse-background;display:block;box-shadow:inset 0 0 3px #5a5d611a}@keyframes pulse-background{0%{background-color:#0000}50%{background-color:#5a5d610d}to{background-color:#0000}}cfpb-tagline:not(:defined){min-height:16.5px}cfpb-tagline[islarge]:not(:defined){min-height:22px}cfpb-form-search:not(:defined){min-height:35px}@media only screen and (width<=37.5625em){cfpb-form-search:not(:defined){min-height:85px}}body{color:var(--text);font-family:var(--font-stack);font-size-adjust:var(--font-adjust-body);-webkit-font-smoothing:antialiased;font-size:100%;line-height:1.375}button,input,select,textarea{font-family:var(--font-stack);font-size-adjust:var(--font-adjust-body);line-height:1.1875}input[type=date]{display:revert;min-width:100px;min-height:35px;padding-top:0;padding-bottom:0}input[type=date].a-text-input--full{min-width:100%}hr{border:none;border-top:1px solid var(--gray-40)}strong,b{font-weight:600}h1,h2,h3,h4,h5,h6{margin-top:0}h1,.h1{font-size-adjust:var(--font-adjust-h1);letter-spacing:inherit;text-transform:inherit;margin-bottom:.441176em;font-size:2.125em;font-weight:600;line-height:1.25}p+h1,ul+h1,ol+h1,dl+h1,figure+h1,img+h1,table+h1,blockquote+h1,p+.h1,ul+.h1,ol+.h1,dl+.h1,figure+.h1,img+.h1,table+.h1,blockquote+.h1{margin-top:1.76471em}@media only screen and (width<=37.5em){h2+h1,.h2+h1,h3+h1,.h3+h1,h4+h1,.h4+h1,h5+h1,.h5+h1,h6+h1,.h6+h1,h2+.h1,.h2+.h1,h3+.h1,.h3+.h1,h4+.h1,.h4+.h1,h5+.h1,.h5+.h1,h6+.h1,.h6+.h1{margin-top:1.15385em}h1,.h1{font-size-adjust:var(--font-adjust-h2);letter-spacing:inherit;text-transform:inherit;margin-bottom:.576923em;font-size:1.625em;font-weight:600;line-height:1.25}p+h1,ul+h1,ol+h1,dl+h1,figure+h1,img+h1,table+h1,blockquote+h1,p+.h1,ul+.h1,ol+.h1,dl+.h1,figure+.h1,img+.h1,table+.h1,blockquote+.h1{margin-top:1.73077em}h1+h1,.h1+h1,h3+h1,.h3+h1,h4+h1,.h4+h1,h5+h1,.h5+h1,h6+h1,.h6+h1,h1+.h1,.h1+.h1,h3+.h1,.h3+.h1,h4+.h1,.h4+.h1,h5+.h1,.h5+.h1,h6+.h1,.h6+.h1{margin-top:1.15385em}}h2,.h2{font-size-adjust:var(--font-adjust-h2);letter-spacing:inherit;text-transform:inherit;margin-bottom:.576923em;font-size:1.625em;font-weight:600;line-height:1.25}p+h2,ul+h2,ol+h2,dl+h2,figure+h2,img+h2,table+h2,blockquote+h2,p+.h2,ul+.h2,ol+.h2,dl+.h2,figure+.h2,img+.h2,table+.h2,blockquote+.h2{margin-top:1.73077em}h1+h2,.h1+h2,h3+h2,.h3+h2,h4+h2,.h4+h2,h5+h2,.h5+h2,h6+h2,.h6+h2,h1+.h2,.h1+.h2,h3+.h2,.h3+.h2,h4+.h2,.h4+.h2,h5+.h2,.h5+.h2,h6+.h2,.h6+.h2{margin-top:1.15385em}@media only screen and (width<=37.5em){p+h2,ul+h2,ol+h2,dl+h2,figure+h2,img+h2,table+h2,blockquote+h2,p+.h2,ul+.h2,ol+.h2,dl+.h2,figure+.h2,img+.h2,table+.h2,blockquote+.h2{margin-top:1.36364em}h2,.h2{font-size-adjust:var(--font-adjust-h3);letter-spacing:inherit;text-transform:inherit;margin-bottom:.681818em;font-size:1.375em;font-weight:600;line-height:1.25}p+h2,ul+h2,ol+h2,dl+h2,figure+h2,img+h2,table+h2,blockquote+h2,h1+h2,.h1+h2,h2+h2,.h2+h2,h4+h2,.h4+h2,h5+h2,.h5+h2,h6+h2,.h6+h2,p+.h2,ul+.h2,ol+.h2,dl+.h2,figure+.h2,img+.h2,table+.h2,blockquote+.h2,h1+.h2,.h1+.h2,h2+.h2,.h2+.h2,h4+.h2,.h4+.h2,h5+.h2,.h5+.h2,h6+.h2,.h6+.h2{margin-top:1.36364em}}h3,.h3{font-size-adjust:var(--font-adjust-h3);letter-spacing:inherit;text-transform:inherit;margin-bottom:.681818em;font-size:1.375em;font-weight:400;line-height:1.25}p+h3,ul+h3,ol+h3,dl+h3,figure+h3,img+h3,table+h3,blockquote+h3,h1+h3,.h1+h3,h2+h3,.h2+h3,h4+h3,.h4+h3,h5+h3,.h5+h3,h6+h3,.h6+h3,p+.h3,ul+.h3,ol+.h3,dl+.h3,figure+.h3,img+.h3,table+.h3,blockquote+.h3,h1+.h3,.h1+.h3,h2+.h3,.h2+.h3,h4+.h3,.h4+.h3,h5+.h3,.h5+.h3,h6+.h3,.h6+.h3{margin-top:1.36364em}@media only screen and (width<=37.5em){h3,.h3{font-size-adjust:var(--font-adjust-h4);letter-spacing:inherit;text-transform:inherit;margin-bottom:.833333em;font-size:1.125em;font-weight:500;line-height:1.25}p+h3,ul+h3,ol+h3,dl+h3,figure+h3,img+h3,table+h3,blockquote+h3,h1+h3,.h1+h3,h2+h3,.h2+h3,h3+h3,.h3+h3,h5+h3,.h5+h3,h6+h3,.h6+h3,p+.h3,ul+.h3,ol+.h3,dl+.h3,figure+.h3,img+.h3,table+.h3,blockquote+.h3,h1+.h3,.h1+.h3,h2+.h3,.h2+.h3,h3+.h3,.h3+.h3,h5+.h3,.h5+.h3,h6+.h3,.h6+.h3{margin-top:1.66667em}}h4,.h4{font-size-adjust:var(--font-adjust-h4);letter-spacing:inherit;text-transform:inherit