@cfpb/cfpb-design-system 4.3.2 → 5.0.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 (165) hide show
  1. package/CHANGELOG.md +84 -3
  2. package/dist/index.css +1 -3
  3. package/dist/index.js +3812 -53
  4. package/package.json +5 -2
  5. package/src/components/cfpb-buttons/button-link.scss +0 -1
  6. package/src/components/cfpb-forms/multiselect-model.js +2 -5
  7. package/src/components/cfpb-forms/multiselect.js +1 -1
  8. package/src/components/cfpb-layout/email-signup.scss +4 -1
  9. package/src/components/cfpb-layout/featured-content-module.scss +10 -5
  10. package/src/components/cfpb-tables/table.scss +4 -1
  11. package/src/elements/abstracts/custom-props.css +1 -1
  12. package/src/elements/abstracts/sizing-vars.scss +25 -24
  13. package/src/elements/cfpb-button/cfpb-button.scss +2 -1
  14. package/src/elements/cfpb-button/index.js +2 -4
  15. package/src/elements/cfpb-checkbox-icon/index.js +2 -4
  16. package/src/elements/cfpb-expandable/cfpb-expandable.component.scss +6 -0
  17. package/src/elements/cfpb-expandable/index.js +4 -6
  18. package/src/elements/cfpb-file-upload/cfpb-file-upload.component.scss +0 -4
  19. package/src/elements/cfpb-file-upload/index.js +2 -4
  20. package/src/elements/cfpb-flag-usa/cfpb-flag-usa.component.scss +12 -0
  21. package/src/elements/cfpb-flag-usa/index.js +14 -0
  22. package/src/elements/cfpb-form-alert/index.js +5 -7
  23. package/src/elements/cfpb-form-choice/index.js +2 -4
  24. package/src/elements/cfpb-form-search/cfpb-form-search.component.scss +10 -0
  25. package/src/elements/cfpb-form-search/index.js +12 -11
  26. package/src/elements/cfpb-form-search-input/cfpb-form-search-input.component.scss +8 -5
  27. package/src/elements/cfpb-form-search-input/index.js +16 -6
  28. package/src/elements/cfpb-icon-text/index.js +2 -4
  29. package/src/elements/cfpb-label/index.js +2 -4
  30. package/src/elements/cfpb-list/index.js +5 -6
  31. package/src/elements/cfpb-list/index.spec.js +7 -5
  32. package/src/elements/cfpb-list-item/index.js +4 -6
  33. package/src/elements/cfpb-pagination/index.js +4 -6
  34. package/src/elements/cfpb-select/cfpb-select.component.scss +34 -57
  35. package/src/elements/cfpb-select/index.js +26 -18
  36. package/src/elements/cfpb-select/multiple-select-event-proxy.js +23 -17
  37. package/src/elements/cfpb-select/single-select-event-proxy.js +8 -5
  38. package/src/elements/cfpb-tag-filter/index.js +10 -5
  39. package/src/elements/cfpb-tag-group/index.js +28 -19
  40. package/src/elements/cfpb-tag-topic/index.js +9 -4
  41. package/src/elements/cfpb-tagline/cfpb-tagline.component.scss +33 -0
  42. package/src/elements/cfpb-tagline/index.js +51 -0
  43. package/src/elements/cfpb-utilities/media-query-service.js +1 -1
  44. package/src/elements/cfpb-utilities/parse-child-data.js +4 -1
  45. package/src/elements/index.js +1 -0
  46. package/src/index.scss +1 -2
  47. package/src/tokens/abstracts/custom-props.json +2334 -1639
  48. package/src/tokens/abstracts/vars.json +1679 -1315
  49. package/src/tokens/cfpb-button/vars.json +602 -409
  50. package/src/utilities/atomic-helpers.js +2 -2
  51. package/src/utilities/behavior/behavior.js +9 -2
  52. package/src/utilities/behavior/flyout-menu.js +5 -7
  53. package/src/utilities/event-observer.js +7 -3
  54. package/src/utilities/transition/alpha-transition.js +1 -1
  55. package/src/utilities/transition/base-transition.js +1 -1
  56. package/src/utilities/transition/max-height-transition.js +2 -2
  57. package/src/utilities/transition/move-transition.js +1 -1
  58. package/src/utilities/type-checkers.js +9 -9
  59. package/src/utilities/type-checkers.spec.js +2 -3
  60. package/dist/abstracts/index.js +0 -2
  61. package/dist/abstracts/index.js.map +0 -7
  62. package/dist/base/index.css +0 -3
  63. package/dist/base/index.css.map +0 -7
  64. package/dist/base/index.js +0 -2
  65. package/dist/base/index.js.map +0 -7
  66. package/dist/components/cfpb-buttons/index.css +0 -2
  67. package/dist/components/cfpb-buttons/index.css.map +0 -7
  68. package/dist/components/cfpb-buttons/index.js +0 -2
  69. package/dist/components/cfpb-buttons/index.js.map +0 -7
  70. package/dist/components/cfpb-expandables/index.css +0 -2
  71. package/dist/components/cfpb-expandables/index.css.map +0 -7
  72. package/dist/components/cfpb-expandables/index.js +0 -2
  73. package/dist/components/cfpb-expandables/index.js.map +0 -7
  74. package/dist/components/cfpb-forms/index.css +0 -2
  75. package/dist/components/cfpb-forms/index.css.map +0 -7
  76. package/dist/components/cfpb-forms/index.js +0 -2
  77. package/dist/components/cfpb-forms/index.js.map +0 -7
  78. package/dist/components/cfpb-icons/index.css +0 -2
  79. package/dist/components/cfpb-icons/index.css.map +0 -7
  80. package/dist/components/cfpb-icons/index.js +0 -2
  81. package/dist/components/cfpb-icons/index.js.map +0 -7
  82. package/dist/components/cfpb-layout/index.css +0 -2
  83. package/dist/components/cfpb-layout/index.css.map +0 -7
  84. package/dist/components/cfpb-layout/index.js +0 -2
  85. package/dist/components/cfpb-layout/index.js.map +0 -7
  86. package/dist/components/cfpb-notifications/index.css +0 -2
  87. package/dist/components/cfpb-notifications/index.css.map +0 -7
  88. package/dist/components/cfpb-notifications/index.js +0 -2
  89. package/dist/components/cfpb-notifications/index.js.map +0 -7
  90. package/dist/components/cfpb-pagination/index.css +0 -2
  91. package/dist/components/cfpb-pagination/index.css.map +0 -7
  92. package/dist/components/cfpb-pagination/index.js +0 -2
  93. package/dist/components/cfpb-pagination/index.js.map +0 -7
  94. package/dist/components/cfpb-tables/index.css +0 -2
  95. package/dist/components/cfpb-tables/index.css.map +0 -7
  96. package/dist/components/cfpb-tables/index.js +0 -2
  97. package/dist/components/cfpb-tables/index.js.map +0 -7
  98. package/dist/components/cfpb-tooltips/index.css +0 -2
  99. package/dist/components/cfpb-tooltips/index.css.map +0 -7
  100. package/dist/components/cfpb-tooltips/index.js +0 -2
  101. package/dist/components/cfpb-tooltips/index.js.map +0 -7
  102. package/dist/components/cfpb-typography/index.css +0 -2
  103. package/dist/components/cfpb-typography/index.css.map +0 -7
  104. package/dist/components/cfpb-typography/index.js +0 -2
  105. package/dist/components/cfpb-typography/index.js.map +0 -7
  106. package/dist/elements/abstracts/index.js +0 -2
  107. package/dist/elements/abstracts/index.js.map +0 -7
  108. package/dist/elements/base/index.css +0 -3
  109. package/dist/elements/base/index.css.map +0 -7
  110. package/dist/elements/base/index.js +0 -2
  111. package/dist/elements/base/index.js.map +0 -7
  112. package/dist/elements/cfpb-button/index.js +0 -47
  113. package/dist/elements/cfpb-button/index.js.map +0 -7
  114. package/dist/elements/cfpb-checkbox-icon/index.js +0 -29
  115. package/dist/elements/cfpb-checkbox-icon/index.js.map +0 -7
  116. package/dist/elements/cfpb-expandable/index.css +0 -2
  117. package/dist/elements/cfpb-expandable/index.css.map +0 -7
  118. package/dist/elements/cfpb-expandable/index.js +0 -33
  119. package/dist/elements/cfpb-expandable/index.js.map +0 -7
  120. package/dist/elements/cfpb-file-upload/index.js +0 -47
  121. package/dist/elements/cfpb-file-upload/index.js.map +0 -7
  122. package/dist/elements/cfpb-form-alert/index.js +0 -32
  123. package/dist/elements/cfpb-form-alert/index.js.map +0 -7
  124. package/dist/elements/cfpb-form-choice/index.js +0 -46
  125. package/dist/elements/cfpb-form-choice/index.js.map +0 -7
  126. package/dist/elements/cfpb-form-search/index.js +0 -41
  127. package/dist/elements/cfpb-form-search/index.js.map +0 -7
  128. package/dist/elements/cfpb-form-search-input/index.js +0 -41
  129. package/dist/elements/cfpb-form-search-input/index.js.map +0 -7
  130. package/dist/elements/cfpb-icon-text/index.js +0 -29
  131. package/dist/elements/cfpb-icon-text/index.js.map +0 -7
  132. package/dist/elements/cfpb-label/index.js +0 -36
  133. package/dist/elements/cfpb-label/index.js.map +0 -7
  134. package/dist/elements/cfpb-list/index.js +0 -39
  135. package/dist/elements/cfpb-list/index.js.map +0 -7
  136. package/dist/elements/cfpb-list-item/index.js +0 -39
  137. package/dist/elements/cfpb-list-item/index.js.map +0 -7
  138. package/dist/elements/cfpb-multiselect/index.js +0 -48
  139. package/dist/elements/cfpb-multiselect/index.js.map +0 -7
  140. package/dist/elements/cfpb-pagination/index.js +0 -32
  141. package/dist/elements/cfpb-pagination/index.js.map +0 -7
  142. package/dist/elements/cfpb-select/index.css +0 -2
  143. package/dist/elements/cfpb-select/index.css.map +0 -7
  144. package/dist/elements/cfpb-select/index.js +0 -42
  145. package/dist/elements/cfpb-select/index.js.map +0 -7
  146. package/dist/elements/cfpb-select-list/index.js +0 -39
  147. package/dist/elements/cfpb-select-list/index.js.map +0 -7
  148. package/dist/elements/cfpb-tag-filter/index.js +0 -31
  149. package/dist/elements/cfpb-tag-filter/index.js.map +0 -7
  150. package/dist/elements/cfpb-tag-group/index.js +0 -29
  151. package/dist/elements/cfpb-tag-group/index.js.map +0 -7
  152. package/dist/elements/cfpb-tag-topic/index.js +0 -30
  153. package/dist/elements/cfpb-tag-topic/index.js.map +0 -7
  154. package/dist/elements/cfpb-utilities/index.js +0 -2
  155. package/dist/elements/cfpb-utilities/index.js.map +0 -7
  156. package/dist/elements/index.css +0 -2
  157. package/dist/elements/index.css.map +0 -7
  158. package/dist/elements/index.js +0 -53
  159. package/dist/elements/index.js.map +0 -7
  160. package/dist/index.css.map +0 -7
  161. package/dist/index.js.map +0 -7
  162. package/dist/utilities/index.css +0 -2
  163. package/dist/utilities/index.css.map +0 -7
  164. package/dist/utilities/index.js +0 -2
  165. package/dist/utilities/index.js.map +0 -7
@@ -1,32 +0,0 @@
1
- (()=>{var fe=Object.defineProperty;var Nt=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable;var jt=a=>{throw TypeError(a)};var dt=(a,t,e)=>t in a?fe(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,Ot=(a,t)=>{for(var e in t||(t={}))me.call(t,e)&&dt(a,e,t[e]);if(Nt)for(var e of Nt(t))ve.call(t,e)&&dt(a,e,t[e]);return a};var pt=(a,t,e)=>dt(a,typeof t!="symbol"?t+"":t,e),ut=(a,t,e)=>t.has(a)||jt("Cannot "+e);var c=(a,t,e)=>(ut(a,t,"read from private field"),e?e.call(a):t.get(a)),g=(a,t,e)=>t.has(a)?jt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(a):t.set(a,e),f=(a,t,e,i)=>(ut(a,t,"write to private field"),i?i.call(a,e):t.set(a,e),e),m=(a,t,e)=>(ut(a,t,"access private method"),e);var Ht=(a,t,e)=>new Promise((i,r)=>{var n=o=>{try{l(e.next(o))}catch(h){r(h)}},s=o=>{try{l(e.throw(o))}catch(h){r(h)}},l=o=>o.done?i(o.value):Promise.resolve(o.value).then(n,s);l((e=e.apply(a,t)).next())});var it=globalThis,rt=it.ShadowRoot&&(it.ShadyCSS===void 0||it.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,gt=Symbol(),Lt=new WeakMap,q=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==gt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(rt&&t===void 0){let i=e!==void 0&&e.length===1;i&&(t=Lt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&Lt.set(e,t))}return t}toString(){return this.cssText}},at=a=>new q(typeof a=="string"?a:a+"",void 0,gt),ft=(a,...t)=>{let e=a.length===1?a[0]:t.reduce(((i,r,n)=>i+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+a[n+1]),a[0]);return new q(e,a,gt)},Rt=(a,t)=>{if(rt)a.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(let e of t){let i=document.createElement("style"),r=it.litNonce;r!==void 0&&i.setAttribute("nonce",r),i.textContent=e.cssText,a.appendChild(i)}},mt=rt?a=>a:a=>a instanceof CSSStyleSheet?(t=>{let e="";for(let i of t.cssRules)e+=i.cssText;return at(e)})(a):a;var{is:be,defineProperty:$e,getOwnPropertyDescriptor:ye,getOwnPropertyNames:_e,getOwnPropertySymbols:xe,getPrototypeOf:Ae}=Object,E=globalThis,Dt=E.trustedTypes,we=Dt?Dt.emptyScript:"",vt=E.reactiveElementPolyfillSupport,B=(a,t)=>a,bt={toAttribute(a,t){switch(t){case Boolean:a=a?we:null;break;case Object:case Array:a=a==null?a:JSON.stringify(a)}return a},fromAttribute(a,t){let e=a;switch(t){case Boolean:e=a!==null;break;case Number:e=a===null?null:Number(a);break;case Object:case Array:try{e=JSON.parse(a)}catch(i){e=null}}return e}},Vt=(a,t)=>!be(a,t),zt={attribute:!0,type:String,converter:bt,reflect:!1,useDefault:!1,hasChanged:Vt},It,qt;(It=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(qt=E.litPropertyMetadata)!=null||(E.litPropertyMetadata=new WeakMap);var y=class extends HTMLElement{static addInitializer(t){var e;this._$Ei(),((e=this.l)!=null?e:this.l=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=zt){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){let i=Symbol(),r=this.getPropertyDescriptor(t,i,e);r!==void 0&&$e(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){var s;let{get:r,set:n}=(s=ye(this.prototype,t))!=null?s:{get(){return this[e]},set(l){this[e]=l}};return{get:r,set(l){let o=r==null?void 0:r.call(this);n==null||n.call(this,l),this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){var e;return(e=this.elementProperties.get(t))!=null?e:zt}static _$Ei(){if(this.hasOwnProperty(B("elementProperties")))return;let t=Ae(this);t.finalize(),t.l!==void 0&&(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"))){let e=this.properties,i=[..._e(e),...xe(e)];for(let r of i)this.createProperty(r,e[r])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[i,r]of e)this.elementProperties.set(i,r)}this._$Eh=new Map;for(let[e,i]of this.elementProperties){let r=this._$Eu(e,i);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let i=new Set(t.flat(1/0).reverse());for(let r of i)e.unshift(mt(r))}else t!==void 0&&e.push(mt(t));return e}static _$Eu(t,e){let i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise((e=>this.enableUpdating=e)),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach((e=>e(this)))}addController(t){var e,i;((e=this._$EO)!=null?e:this._$EO=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)==null||i.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){var e;let t=(e=this.shadowRoot)!=null?e:this.attachShadow(this.constructor.shadowRootOptions);return Rt(t,this.constructor.elementStyles),t}connectedCallback(){var t,e;(t=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach((i=>{var r;return(r=i.hostConnected)==null?void 0:r.call(i)}))}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach((e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){var n;let i=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,i);if(r!==void 0&&i.reflect===!0){let s=(((n=i.converter)==null?void 0:n.toAttribute)!==void 0?i.converter:bt).toAttribute(e,i.type);this._$Em=t,s==null?this.removeAttribute(r):this.setAttribute(r,s),this._$Em=null}}_$AK(t,e){var n,s,l,o;let i=this.constructor,r=i._$Eh.get(t);if(r!==void 0&&this._$Em!==r){let h=i.getPropertyOptions(r),p=typeof h.converter=="function"?{fromAttribute:h.converter}:((n=h.converter)==null?void 0:n.fromAttribute)!==void 0?h.converter:bt;this._$Em=r,this[r]=(o=(l=p.fromAttribute(e,h.type))!=null?l:(s=this._$Ej)==null?void 0:s.get(r))!=null?o:null,this._$Em=null}}requestUpdate(t,e,i){var r,n;if(t!==void 0){let s=this.constructor,l=this[t];if(i!=null||(i=s.getPropertyOptions(t)),!(((r=i.hasChanged)!=null?r:Vt)(l,e)||i.useDefault&&i.reflect&&l===((n=this._$Ej)==null?void 0:n.get(t))&&!this.hasAttribute(s._$Eu(t,i))))return;this.C(t,e,i)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:r,wrapped:n},s){var l,o,h;i&&!((l=this._$Ej)!=null?l:this._$Ej=new Map).has(t)&&(this._$Ej.set(t,(o=s!=null?s:e)!=null?o:this[t]),n!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),r===!0&&this._$Em!==t&&((h=this._$Eq)!=null?h:this._$Eq=new Set).add(t))}_$EP(){return Ht(this,null,function*(){this.isUpdatePending=!0;try{yield this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&(yield t),!this.isUpdatePending})}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i,r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((i=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[s,l]of this._$Ep)this[s]=l;this._$Ep=void 0}let n=this.constructor.elementProperties;if(n.size>0)for(let[s,l]of n){let{wrapped:o}=l,h=this[s];o!==!0||this._$AL.has(s)||h===void 0||this.C(s,void 0,l,h)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(r=this._$EO)==null||r.forEach((n=>{var s;return(s=n.hostUpdate)==null?void 0:s.call(n)})),this.update(e)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach((i=>{var r;return(r=i.hostUpdated)==null?void 0:r.call(i)})),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=this._$Eq.forEach((e=>this._$ET(e,this[e])))),this._$EM()}updated(t){}firstUpdated(t){}},Bt;y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[B("elementProperties")]=new Map,y[B("finalized")]=new Map,vt==null||vt({ReactiveElement:y}),((Bt=E.reactiveElementVersions)!=null?Bt:E.reactiveElementVersions=[]).push("2.1.0");var W=globalThis,st=W.trustedTypes,Wt=st?st.createPolicy("lit-html",{createHTML:a=>a}):void 0,Xt="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,Yt="?"+S,Ee=`<${Yt}>`,N=document,F=()=>N.createComment(""),J=a=>a===null||typeof a!="object"&&typeof a!="function",St=Array.isArray,Se=a=>St(a)||typeof(a==null?void 0:a[Symbol.iterator])=="function",$t=`[
2
- \f\r]`,V=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ft=/-->/g,Jt=/>/g,M=RegExp(`>|${$t}(?:([^\\s"'>=/]+)(${$t}*=${$t}*(?:[^
3
- \f\r"'\`<>=]|("|')|))|$)`,"g"),Kt=/'/g,Zt=/"/g,te=/^(?:script|style|textarea|title)$/i,kt=a=>(t,...e)=>({_$litType$:a,strings:t,values:e}),ee=kt(1),Le=kt(2),Re=kt(3),_=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),Gt=new WeakMap,U=N.createTreeWalker(N,129);function ie(a,t){if(!St(a)||!a.hasOwnProperty("raw"))throw Error("invalid template strings array");return Wt!==void 0?Wt.createHTML(t):t}var ke=(a,t)=>{let e=a.length-1,i=[],r,n=t===2?"<svg>":t===3?"<math>":"",s=V;for(let l=0;l<e;l++){let o=a[l],h,p,d=-1,$=0;for(;$<o.length&&(s.lastIndex=$,p=s.exec(o),p!==null);)$=s.lastIndex,s===V?p[1]==="!--"?s=Ft:p[1]!==void 0?s=Jt:p[2]!==void 0?(te.test(p[2])&&(r=RegExp("</"+p[2],"g")),s=M):p[3]!==void 0&&(s=M):s===M?p[0]===">"?(s=r!=null?r:V,d=-1):p[1]===void 0?d=-2:(d=s.lastIndex-p[2].length,h=p[1],s=p[3]===void 0?M:p[3]==='"'?Zt:Kt):s===Zt||s===Kt?s=M:s===Ft||s===Jt?s=V:(s=M,r=void 0);let w=s===M&&a[l+1].startsWith("/>")?" ":"";n+=s===V?o+Ee:d>=0?(i.push(h),o.slice(0,d)+Xt+o.slice(d)+S+w):o+S+(d===-2?l:w)}return[ie(a,n+(a[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),i]},K=class a{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let n=0,s=0,l=t.length-1,o=this.parts,[h,p]=ke(t,e);if(this.el=a.createElement(h,i),U.currentNode=this.el.content,e===2||e===3){let d=this.el.content.firstChild;d.replaceWith(...d.childNodes)}for(;(r=U.nextNode())!==null&&o.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(let d of r.getAttributeNames())if(d.endsWith(Xt)){let $=p[s++],w=r.getAttribute(d).split(S),et=/([.?@])?(.*)/.exec($);o.push({type:1,index:n,name:et[2],strings:w,ctor:et[1]==="."?xt:et[1]==="?"?At:et[1]==="@"?wt:R}),r.removeAttribute(d)}else d.startsWith(S)&&(o.push({type:6,index:n}),r.removeAttribute(d));if(te.test(r.tagName)){let d=r.textContent.split(S),$=d.length-1;if($>0){r.textContent=st?st.emptyScript:"";for(let w=0;w<$;w++)r.append(d[w],F()),U.nextNode(),o.push({type:2,index:++n});r.append(d[$],F())}}}else if(r.nodeType===8)if(r.data===Yt)o.push({type:2,index:n});else{let d=-1;for(;(d=r.data.indexOf(S,d+1))!==-1;)o.push({type:7,index:n}),d+=S.length-1}n++}}static createElement(t,e){let i=N.createElement("template");return i.innerHTML=t,i}};function L(a,t,e=a,i){var s,l,o;if(t===_)return t;let r=i!==void 0?(s=e._$Co)==null?void 0:s[i]:e._$Cl,n=J(t)?void 0:t._$litDirective$;return(r==null?void 0:r.constructor)!==n&&((l=r==null?void 0:r._$AO)==null||l.call(r,!1),n===void 0?r=void 0:(r=new n(a),r._$AT(a,e,i)),i!==void 0?((o=e._$Co)!=null?o:e._$Co=[])[i]=r:e._$Cl=r),r!==void 0&&(t=L(a,r._$AS(a,t.values),r,i)),t}var _t=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var h;let{el:{content:e},parts:i}=this._$AD,r=((h=t==null?void 0:t.creationScope)!=null?h:N).importNode(e,!0);U.currentNode=r;let n=U.nextNode(),s=0,l=0,o=i[0];for(;o!==void 0;){if(s===o.index){let p;o.type===2?p=new Z(n,n.nextSibling,this,t):o.type===1?p=new o.ctor(n,o.name,o.strings,this,t):o.type===6&&(p=new Et(n,this,t)),this._$AV.push(p),o=i[++l]}s!==(o==null?void 0:o.index)&&(n=U.nextNode(),s++)}return U.currentNode=N,r}p(t){let e=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}},Z=class a{get _$AU(){var t,e;return(e=(t=this._$AM)==null?void 0:t._$AU)!=null?e:this._$Cv}constructor(t,e,i,r){var n;this.type=2,this._$AH=u,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cv=(n=r==null?void 0:r.isConnected)!=null?n:!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=L(this,t,e),J(t)?t===u||t==null||t===""?(this._$AH!==u&&this._$AR(),this._$AH=u):t!==this._$AH&&t!==_&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Se(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!==u&&J(this._$AH)?this._$AA.nextSibling.data=t:this.T(N.createTextNode(t)),this._$AH=t}$(t){var n;let{values:e,_$litType$:i}=t,r=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=K.createElement(ie(i.h,i.h[0]),this.options)),i);if(((n=this._$AH)==null?void 0:n._$AD)===r)this._$AH.p(e);else{let s=new _t(r,this),l=s.u(this.options);s.p(e),this.T(l),this._$AH=s}}_$AC(t){let e=Gt.get(t.strings);return e===void 0&&Gt.set(t.strings,e=new K(t)),e}k(t){St(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,i,r=0;for(let n of t)r===e.length?e.push(i=new a(this.O(F()),this.O(F()),this,this.options)):i=e[r],i._$AI(n),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,e);t&&t!==this._$AB;){let r=t.nextSibling;t.remove(),t=r}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}},R=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,r,n){this.type=1,this._$AH=u,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=u}_$AI(t,e=this,i,r){let n=this.strings,s=!1;if(n===void 0)t=L(this,t,e,0),s=!J(t)||t!==this._$AH&&t!==_,s&&(this._$AH=t);else{let l=t,o,h;for(t=n[0],o=0;o<n.length-1;o++)h=L(this,l[i+o],e,o),h===_&&(h=this._$AH[o]),s||(s=!J(h)||h!==this._$AH[o]),h===u?t=u:t!==u&&(t+=(h!=null?h:"")+n[o+1]),this._$AH[o]=h}s&&!r&&this.j(t)}j(t){t===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},xt=class extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===u?void 0:t}},At=class extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==u)}},wt=class extends R{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){var s;if((t=(s=L(this,t,e,0))!=null?s:u)===_)return;let i=this._$AH,r=t===u&&i!==u||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==u&&(i===u||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)==null?void 0:e.host)!=null?i:this.element,t):this._$AH.handleEvent(t)}},Et=class{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){L(this,t)}};var yt=W.litHtmlPolyfillSupport,Qt;yt==null||yt(K,Z),((Qt=W.litHtmlVersions)!=null?Qt:W.litHtmlVersions=[]).push("3.3.0");var re=(a,t,e)=>{var n,s;let i=(n=e==null?void 0:e.renderBefore)!=null?n:t,r=i._$litPart$;if(r===void 0){let l=(s=e==null?void 0:e.renderBefore)!=null?s:null;i._$litPart$=r=new Z(t.insertBefore(F(),l),l,void 0,e!=null?e:{})}return r._$AI(a),r};var j=globalThis,k=class extends y{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,i;let t=super.createRenderRoot();return(i=(e=this.renderOptions).renderBefore)!=null||(e.renderBefore=t.firstChild),t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=re(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return _}},ae;k._$litElement$=!0,k.finalized=!0,(ae=j.litElementHydrateSupport)==null||ae.call(j,{LitElement:k});var Ct=j.litElementPolyfillSupport;Ct==null||Ct({LitElement:k});var se;((se=j.litElementVersions)!=null?se:j.litElementVersions=[]).push("4.2.0");var ne={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ot=a=>(...t)=>({_$litDirective$:a,values:t}),nt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var O=class extends nt{constructor(t){if(super(t),this.it=u,t.type!==ne.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===u||t==null)return this._t=void 0,this.it=t;if(t===_)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;let e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};O.directiveName="unsafeHTML",O.resultType=1;var ti=ot(O);var G=class extends O{};G.directiveName="unsafeSVG",G.resultType=2;var Pt=ot(G);var oe=':root{--beige:#bea96f;--beige-30:#f0e8d8;--beige-60:#d8c8a0;--black:#101820;--font-stack:system-ui,sans-serif;--gold:#ff9e1b;--gold-10:#fff6ec;--gold-20:#fff0dd;--gold-30:#ffe8cb;--gold-40:#ffe1b9;--gold-50:#ffd8a3;--gold-60:#ffce8d;--gold-70:#ffc372;--gold-80:#ffb858;--gold-90:#ffab39;--gold-dark:#dc731c;--gold-mid-dark:#ed881b;--gray:#5a5d61;--gray-10:#e7e8e9;--gray-15:#dcdddf;--gray-20:#d2d3d5;--gray-30:#c3c4c4;--gray-40:#b4b5b6;--gray-5:#f7f8f9;--gray-50:#a2a3a4;--gray-60:#919395;--gray-70:#838588;--gray-80:#75787b;--gray-90:#676a6f;--gray-dark:#43484e;--gray-darker:#293037;--gray-mid-dark:#4f5257;--green:#20aa3f;--green-10:#f0f8eb;--green-20:#e2efd8;--green-30:#d4eac6;--green-40:#c7e5b3;--green-50:#bae0a2;--green-60:#addc91;--green-70:#93cf7c;--green-80:#66c368;--green-90:#48b753;--green-dark:#1e9642;--green-mid-dark:#1fa040;--navy:#254b87;--navy-10:#f4f6fa;--navy-20:#d3daeb;--navy-30:#c3cde2;--navy-40:#b3c0d9;--navy-50:#9daecc;--navy-60:#889cc0;--navy-70:#6f88b2;--navy-80:#5674a3;--navy-90:#3e5f95;--navy-dark:#002d72;--navy-mid-dark:#123c7c;--neutral:#8a6c57;--neutral-10:#f8f5f2;--neutral-20:#e7ddd7;--neutral-30:#ddd1c9;--neutral-40:#d3c5bc;--neutral-50:#c6b4a9;--neutral-60:#baa496;--neutral-70:#ad9484;--neutral-80:#a18573;--neutral-90:#957865;--neutral-dark:#745745;--neutral-mid-dark:#7d604b;--pacific:#0072ce;--pacific-10:#eff8fd;--pacific-20:#d6e8fa;--pacific-30:#c3ddf6;--pacific-40:#afd2f2;--pacific-50:#96c4ed;--pacific-60:#7eb7e8;--pacific-70:#61a7e2;--pacific-80:#4497dc;--pacific-90:#2284d5;--pacific-dark:#0050b4;--pacific-mid-dark:#0061c1;--purple:#b4267a;--purple-10:#fdf3f8;--purple-20:#f0d8e2;--purple-30:#ebc9d9;--purple-40:#e3b2cc;--purple-50:#dc9cbf;--purple-60:#d486b2;--purple-70:#cd70a5;--purple-80:#c55998;--purple-90:#be438b;--purple-dark:#a01b68;--purple-mid-dark:#aa2071;--red:#d14124;--red-10:#fbefec;--red-20:#f7e0d9;--red-30:#f3d1c8;--red-40:#f0c3b8;--red-50:#ebb0a3;--red-60:#e79e8e;--red-70:#e28875;--red-80:#dd735d;--red-90:#d75a40;--red-dark:#b63014;--red-mid-dark:#c3381c;--teal:#257675;--teal-10:#f0f7f6;--teal-20:#d4e7e6;--teal-30:#c4dddc;--teal-40:#b4d2d1;--teal-50:#9ec4c3;--teal-60:#89b6b5;--teal-70:#70a6a5;--teal-80:#579695;--teal-90:#3e8685;--teal-dark:#005e5d;--teal-mid-dark:#126b69;--white:#fff;--block-bg:var(--gray-5);--block-border:var(--gray-40);--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-border-default:var(--gray-60);--choice-border-disabled:var(--gray-60);--choice-border-error:var(--red);--choice-border-focus-default:var(--pacific);--choice-border-hover-default:var(--pacific);--choice-border-success:var(--green);--choice-border-warning:var(--gold);--choice-label-disabled-default:var(--gray-dark);--choice-outline-focus-default:var(--pacific);--code-bg:var(--gray-5);--content-main-border:var(--gray-40);--form-alert-icon-color-default:var(--gray);--form-alert-icon-color-error:var(--red);--form-alert-icon-color-success:var(--green);--form-alert-icon-color-warning:var(--gold);--form-field-input-lg-target-bg:var(--gray-10);--form-field-input-lg-target-bg-disabled:var(--gray-20);--form-field-input-lg-target-bg-selected:var(--pacific-20);--form-field-input-lg-target-border:var(--pacific);--input-bg-default:var(--white);--input-bg-disabled-default:var(--gray-10);--input-border-default:var(--gray-60);--input-border-disabled:var(--gray-60);--input-border-error:var(--red);--input-border-focus-default:var(--pacific);--input-border-hover-default:var(--pacific);--input-border-success:var(--green);--input-border-warning:var(--gold);--input-text-default:var(--black);--input-text-disabled-default:var(--gray-dark);--input-text-placeholder-default:var(--gray-dark);--label-helper:var(--gray-dark);--link-text:var(--pacific);--link-text-active:var(--navy);--link-text-hover:var(--pacific-dark);--link-text-visited:var(--teal);--link-underline:var(--pacific);--link-underline-active:var(--navy);--link-underline-hover:var(--pacific-dark);--link-underline-visited:var(--teal);--range-bg:var(--gray-10);--range-bg-focused:var(--pacific-20);--range-bg-track:var(--gray-80);--range-border:var(--gray-40);--range-border-focused:var(--pacific);--select-bg-disabled-default:var(--gray-10);--select-border-default:var(--gray-60);--select-border-error:var(--red);--select-border-focus-default:var(--pacific);--select-border-hover-default:var(--pacific);--select-icon-bg-default:var(--gray-10);--select-text-disabled-default:var(--gray-dark);--table-border:var(--gray);--table-head-bg:var(--gray-5);--tag-filter-bg-active-default:var(--teal-60);--tag-filter-bg-default:var(--teal-20);--tag-filter-bg-hover-default:var(--teal-40);--tag-filter-border-default:var(--teal);--tag-filter-outline-focuse-default:var(--teal-dark);--text:var(--black);--block-border-bottom:var(--block-border);--block-border-left:var(--block-border);--block-border-right:var(--block-border);--block-border-top:var(--block-border);--code-text:var(--text);--table-head-text:var(--text);--font-adjust-base:0.517;--font-adjust-step:0.0054;--font-adjust-h1:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*5);--font-adjust-h2:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*4);--font-adjust-h3:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*3);--font-adjust-h4:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*2);--font-adjust-h5:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*1);--font-adjust-h6:var(--font-adjust-base);--font-adjust-body:var(--font-adjust-base);--select-border-width-default:1px}.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}.cf-icon-svg{height:1.1875em;vertical-align:middle;fill:currentcolor}.cf-icon-svg--updating,.cf-icon-svg--updating-round{animation:updating-animation 1.25s linear infinite;transform-origin:50% 50%}@keyframes updating-animation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}html[lang=ar] .cf-icon-svg--arrow-left,html[lang=ar] .cf-icon-svg--arrow-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--book,html[lang=ar] .cf-icon-svg--book-round,html[lang=ar] .cf-icon-svg--bullhorn,html[lang=ar] .cf-icon-svg--bullhorn-round,html[lang=ar] .cf-icon-svg--cart,html[lang=ar] .cf-icon-svg--cart-round,html[lang=ar] .cf-icon-svg--chart,html[lang=ar] .cf-icon-svg--chart-round,html[lang=ar] .cf-icon-svg--disability,html[lang=ar] .cf-icon-svg--disability-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--external-link,html[lang=ar] .cf-icon-svg--external-link-round,html[lang=ar] .cf-icon-svg--help,html[lang=ar] .cf-icon-svg--help-round,html[lang=ar] .cf-icon-svg--left,html[lang=ar] .cf-icon-svg--left-round,html[lang=ar] .cf-icon-svg--list,html[lang=ar] .cf-icon-svg--list-round,html[lang=ar] .cf-icon-svg--paper-clip,html[lang=ar] .cf-icon-svg--paper-clip-round,html[lang=ar] .cf-icon-svg--right,html[lang=ar] .cf-icon-svg--right-round,html[lang=ar] .cf-icon-svg--travel,html[lang=ar] .cf-icon-svg--travel-round{transform:scaleX(-1)}:host{width:100%}:host .m-pagination{display:grid;grid-template-areas:"pag-btn-prev . pag-btn-next" "pag-form pag-form pag-form";grid-template-columns:auto 1fr auto;row-gap:.9375rem}:host .m-pagination__form{background:var(--gray-5);border-radius:.25rem;color:var(--gray);display:flex;flex-flow:wrap;gap:.625rem;grid-area:pag-form;padding:.3125rem;place-content:center}:host .m-pagination__current-page{font-weight:500;text-align:right;width:2.8125rem}:host .m-pagination__label{display:contents;white-space:nowrap}:host .m-pagination__btn-prev{grid-area:pag-btn-prev;z-index:1}:host .m-pagination__btn-next{grid-area:pag-btn-next;z-index:1}@media only screen and (min-width:37.5625em){:host .m-pagination{grid-template-areas:"pag-btn-prev pag-form pag-btn-next"}:host .m-pagination__btn-prev{border-bottom-right-radius:0;border-top-right-radius:0}:host .m-pagination__btn-next{border-bottom-left-radius:0;border-top-left-radius:0}}';var le='<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="cf-icon-svg cf-icon-svg--left" viewBox="0 0 10 19"><path d="M8.4 17.269a1.03 1.03 0 0 1-.727-.302l-6.801-6.8a1.03 1.03 0 0 1 0-1.456l6.8-6.8a1.03 1.03 0 0 1 1.456 1.455L3.055 9.439l6.073 6.073A1.03 1.03 0 0 1 8.4 17.27z"/></svg>';var ce='<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="cf-icon-svg cf-icon-svg--right" viewBox="0 0 10 19"><path d="M1.6 17.262a1.03 1.03 0 0 1-.728-1.757l6.073-6.073L.872 3.36a1.03 1.03 0 0 1 1.455-1.455l6.8 6.8a1.03 1.03 0 0 1 0 1.456l-6.8 6.8a1.02 1.02 0 0 1-.727.302z"/></svg>';var C,x,Q,Tt,Mt=class Mt extends HTMLElement{constructor(){super();g(this,Q);g(this,C);g(this,x);f(this,C,{}),f(this,x,"")}connectedCallback(){let e=[],i=this.querySelector("template");if(!i){e.push(["missing-template","No <template> found inside <i18n-service>"]);return}try{let r=i.innerHTML.trim(),n=JSON.parse(r);(typeof n!="object"||Array.isArray(n))&&e.push(["invalid-format","Translations JSON must be an object keyed by the language codes"]),f(this,C,n);let s=this.availableLanguages;s.length>0&&!c(this,x)&&(this.language=s[0])}catch(r){e.push(["parse-error","Failed to parse i18n template JSON",{err:r}])}requestAnimationFrame(()=>{e.forEach(r=>{m(this,Q,Tt).call(this,...r)})})}set language(e){if(!c(this,C)[e]){m(this,Q,Tt).call(this,"invalid-language",`Unsupported language: ${e}`,{lang:e});return}c(this,x)!==e&&(f(this,x,e),this.dispatchEvent(new CustomEvent("i18n-change",{detail:{language:e},bubbles:!0,composed:!0})))}get language(){return c(this,x)}get availableLanguages(){return Object.keys(c(this,C))}translate(e){var i;return((i=c(this,C)[c(this,x)])==null?void 0:i[e])||e}static init(){window.customElements.get("i18n-service")||window.customElements.define("i18n-service",Mt)}};C=new WeakMap,x=new WeakMap,Q=new WeakSet,Tt=function(e,i,r={}){this.dispatchEvent(new CustomEvent("i18n-error",{detail:Ot({type:e,message:i},r),bubbles:!0,composed:!0}))};var lt=Mt;var X,D,z,P,I,H,he,Ut,ct=class extends EventTarget{constructor(e){super();g(this,H);g(this,X);g(this,D,new Map);g(this,z,new Map);g(this,P,new Map);g(this,I,!1);f(this,X,e!=null?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[i,r]of Object.entries(c(this,X))){let n=m(this,H,he).call(this,r),s=window.matchMedia(n);c(this,D).set(i,s),c(this,P).set(i,s.matches);let l=o=>{c(this,P).set(i,o.matches),c(this,I)||(f(this,I,!0),requestAnimationFrame(()=>{f(this,I,!1),m(this,H,Ut).call(this)}))};s.addEventListener("change",l),c(this,z).set(i,l)}m(this,H,Ut).call(this)}get matches(){return Object.fromEntries(c(this,P))}destroy(){for(let[e,i]of c(this,D).entries()){let r=c(this,z).get(e);r&&i.removeEventListener("change",r)}c(this,D).clear(),c(this,z).clear(),c(this,P).clear()}};X=new WeakMap,D=new WeakMap,z=new WeakMap,P=new WeakMap,I=new WeakMap,H=new WeakSet,he=function(e){let i=[];return e.min!=null&&i.push(`(min-width: ${e.min}px)`),e.max!=null&&i.push(`(max-width: ${e.max}px)`),i.join(" and ")},Ut=function(){let e={matches:Object.fromEntries(c(this,P))};this.dispatchEvent(new CustomEvent("change",{detail:e}))};var T,A,v,b,pe,tt,ue,ge,ht,Y=class Y extends k{constructor(){super();g(this,b);g(this,T);g(this,A);g(this,v);g(this,tt,e=>{let i=e.detail.matches.xs;i!==c(this,A)&&(f(this,A,i),this.requestUpdate())});this.currentPage=1,this.maxPage=1,f(this,T,new ct),f(this,A,!1),this.lang="en"}connectedCallback(){super.connectedCallback(),f(this,v,this.querySelector("i18n-service")),c(this,v)&&(this.addEventListener("i18n-change",m(this,b,pe)),c(this,v).language=this.lang)}firstUpdated(){c(this,T).addEventListener("change",c(this,tt)),f(this,A,c(this,T).matches.xs)}disconnectedCallback(){super.disconnectedCallback(),c(this,T).removeEventListener("change",c(this,tt)),c(this,T).destroy()}updated(e){(e.has("currentPage")||e.has("maxPage"))&&(this.currentPage<1?this.currentPage=1:this.currentPage>this.maxPage&&(this.currentPage=this.maxPage)),e.has("lang")&&(c(this,v).language=this.lang,this.requestUpdate())}get isAtMin(){return this.currentPage<=1}get isAtMax(){return this.currentPage>=this.maxPage}render(){let e=c(this,v)&&c(this,v).translate?c(this,v).translate.bind(c(this,v)):i=>i;return ee`<slot></slot><nav class="m-pagination" role="navigation" aria-label="${e("page number")}"><cfpb-button class="m-pagination__btn-prev" id="next" href="#" ?flush-right="${!c(this,A)}" ?disabled="${this.isAtMin}" @click="${()=>m(this,b,ht).call(this,this.currentPage-1)}">${Pt(le)} ${e("next")}</cfpb-button><form class="m-pagination__form" action="#pagination_content" @submit="${m(this,b,ge)}"><label class="m-pagination__label">${e("page")} <span class="u-visually-hidden">${this.currentPage} ${e("out of")} ${this.maxPage} ${e("total pages")} </span><input class="m-pagination__current-page" name="page" type="number" min="1" max="${this.maxPage}" pattern="[0-9]*" inputmode="numeric" .value="${this.currentPage}" @input="${m(this,b,ue)}"> ${e("of")} ${this.maxPage}</label><cfpb-button id="go" type="submit" style-as-link>${e("go")}</cfpb-button></form><cfpb-button class="m-pagination__btn-next" id="previous" href="#" ?flush-left="${!c(this,A)}" ?disabled="${this.isAtMax}" @click="${()=>m(this,b,ht).call(this,this.currentPage+1)}">${e("previous")} ${Pt(ce)}</cfpb-button></nav>`}static init(){lt.init(),window.customElements.get("cfpb-pagination")||window.customElements.define("cfpb-pagination",Y)}};T=new WeakMap,A=new WeakMap,v=new WeakMap,b=new WeakSet,pe=function(){let e=(i,r)=>{let n=this.renderRoot.querySelector(i),s=n.querySelector("span");if(n){let l=c(this,v).translate(r);s.innerHTML=l,n.requestUpdate()}};e("#previous","previous"),e("#next","next"),e("#go","go"),this.requestUpdate()},tt=new WeakMap,ue=function(e){this.currentPage=e.target.value},ge=function(e){e.preventDefault();let i=parseInt(this.currentPage,10);Number.isNaN(i)||m(this,b,ht).call(this,i)},ht=function(e){let i=Math.max(1,Math.min(e,this.maxPage));i!==this.currentPage&&(this.currentPage=i,this.dispatchEvent(new CustomEvent("page-change",{detail:{page:i},bubbles:!0,composed:!0})))},pt(Y,"styles",ft`${at(oe)}`),pt(Y,"properties",{currentPage:{type:Number,attribute:"value",reflect:!0},maxPage:{type:Number,attribute:"max",reflect:!0},lang:{type:String,reflect:!0}});var de=Y;})();
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
- lit-html/directive.js:
17
- lit-html/directives/unsafe-html.js:
18
- lit-html/directives/unsafe-svg.js:
19
- (**
20
- * @license
21
- * Copyright 2017 Google LLC
22
- * SPDX-License-Identifier: BSD-3-Clause
23
- *)
24
-
25
- lit-html/is-server.js:
26
- (**
27
- * @license
28
- * Copyright 2022 Google LLC
29
- * SPDX-License-Identifier: BSD-3-Clause
30
- *)
31
- */
32
- //# sourceMappingURL=index.js.map