Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@debtcollective/dc-header-component

Package Overview
Dependencies
Maintainers
2
Versions
71
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@debtcollective/dc-header-component - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

dist/cjs/index-836586df.js
dist/esm/index-6e6b72f0.js
dist/header/p-20e3c873.entry.js
dist/header/p-9e65bbf5.js

11

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log

# [3.1.0](https://github.com/debtcollective/packages/compare/@debtcollective/dc-header-component@3.0.0...@debtcollective/dc-header-component@3.1.0) (2021-05-27)
### Features
* **header:** Header scroll animation ([#155](https://github.com/debtcollective/packages/issues/155)) ([b04728f](https://github.com/debtcollective/packages/commit/b04728f))
# [3.0.0](https://github.com/debtcollective/packages/compare/@debtcollective/dc-header-component@2.5.0...@debtcollective/dc-header-component@3.0.0) (2021-05-25)

@@ -8,0 +19,0 @@

17

dist/cjs/dc-header_4.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';

const index = require('./index-c4701d1b.js');
const index = require('./index-836586df.js');

@@ -26,3 +26,3 @@ const linkCss = "dc-header{--brand-color:#ff4630;--button-color:#ff4630;--button-hover-color:#ee2812;--outline-button-hover-color:#fffbea;--text-color:#434343;--text-color-light:#74736f;--disabled-text-color:#52575c;--font-size:1rem;--column-gap:15px;--main-bg-color:#fbfbfb;--main-font:\"Libre Franklin\", sans-serif}dc-header *{font-family:var(--main-font)}dc-header a{text-decoration:none}dc-header .text,dc-header .text-underlined,dc-header .text-sm,dc-header dc-link.link-text-icon,dc-header .text-lg{color:var(--text-color);text-decoration:none}dc-header .text,dc-header .text-underlined{font-size:1rem;font-weight:200;line-height:2.5}dc-header .text-sm,dc-header dc-link.link-text-icon{font-size:0.75rem;font-weight:200;line-height:1.25}dc-header .text-lg{font-size:1.25rem;font-weight:800;line-height:2.5}dc-header .text-underlined{font-weight:bold;text-decoration:underline}dc-header .text-color-light,dc-header dc-link.link-text-icon{color:var(--text-color-light)}dc-link{cursor:pointer}dc-link a:-webkit-any-link{color:inherit}dc-link a:any-link,dc-link a:-webkit-any-link{color:inherit}dc-link>a{align-items:center;display:flex}dc-link.link-text-icon a{display:flex;flex-direction:column;align-items:center}dc-link.link-text-icon .material-icons{font-size:2rem}dc-link.link-upcoming{opacity:0.35}dc-link.link-upcoming,dc-link.link-upcoming>a,dc-link.link-upcoming>a .material-icons{cursor:not-allowed}";

const menuCss = "dc-menu .menu-nav-item-collapsable{}dc-menu .menu-nav-item-collapsable summary{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;list-style:none;position:relative}dc-menu .menu-nav-item-collapsable summary .icon{margin-left:auto}dc-menu .menu-nav-item-collapsable .icon.icon-more{display:block}dc-menu .menu-nav-item-collapsable .icon.icon-less{display:none}dc-menu [open].menu-nav-item-collapsable .icon.icon-more{display:none}dc-menu [open].menu-nav-item-collapsable .icon.icon-less{display:block}dc-menu .menu-nav-item-collapsable summary::marker{display:none}dc-menu .menu-nav-item-collapsable summary::-webkit-details-marker{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){dc-menu .menu-nav-item-collapsable{border-top:none}}@supports (-ms-ime-align: auto){dc-menu .menu-nav-item-collapsable{border-top:none}}dc-header{--brand-color:#ff4630;--button-color:#ff4630;--button-hover-color:#ee2812;--outline-button-hover-color:#fffbea;--text-color:#434343;--text-color-light:#74736f;--disabled-text-color:#52575c;--font-size:1rem;--column-gap:15px;--main-bg-color:#fbfbfb;--main-font:\"Libre Franklin\", sans-serif}dc-header *{font-family:var(--main-font)}dc-header a{text-decoration:none}dc-header .text,dc-header .text-underlined,dc-header .text-sm,dc-header .text-lg{color:var(--text-color);text-decoration:none}dc-header .text,dc-header .text-underlined{font-size:1rem;font-weight:200;line-height:2.5}dc-header .text-sm{font-size:0.75rem;font-weight:200;line-height:1.25}dc-header .text-lg{font-size:1.25rem;font-weight:800;line-height:2.5}dc-header .text-underlined{font-weight:bold;text-decoration:underline}dc-header .text-color-light,dc-header dc-menu .menu-nav-item-collapsable[open] .menu-nav-text,dc-menu .menu-nav-item-collapsable[open] dc-header .menu-nav-text{color:var(--text-color-light)}dc-menu .menu-container{position:relative;z-index:1020}dc-menu .menu-container.open .menu{transform:translate3d(0, 0, 0);visibility:visible}dc-menu .menu-container.hidden .menu{transform:translate3d(-100%, 0, 0);visibility:hidden}dc-menu .menu{-webkit-backface-visibility:hidden;align-items:flex-start;backface-visibility:hidden;background-color:var(--main-bg-color);box-shadow:0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.25);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;max-width:320px;padding:0;position:fixed;top:0;transition:transform ease 0.216s;width:100%;z-index:var(--z-index)}dc-menu .menu-close{align-items:center;display:flex;font-size:1.4375rem;padding:0.75rem;padding-left:0}dc-menu .menu-section{box-sizing:border-box;padding:0 var(--column-gap);width:100%}dc-menu .menu-header{align-items:center;border-bottom:0.0625rem solid #e8e8e8;box-sizing:border-box;display:flex;justify-content:space-between;padding-top:0.625rem;padding-bottom:1rem;width:100%}dc-menu .menu-header .menu-close{height:3.375rem;padding:0}dc-menu .menu-footer{background:rgba(255, 255, 255, 0.92);bottom:0;box-shadow:1px 2px 6px rgba(0, 0, 0, 0.25);display:flex;justify-content:space-between;left:0;padding-bottom:1.5rem;padding-top:1.5rem;position:absolute;right:0;width:100%;z-index:1}dc-menu .menu-nav{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding-top:1rem;padding-bottom:5rem}dc-menu .menu-nav.menu-section{padding-left:0;padding-right:0}dc-menu .menu-nav-item,dc-menu .menu-nav-item-collapsable{box-sizing:border-box;padding:0 var(--column-gap);width:100%}dc-menu .menu-nav-item-collapsable{cursor:pointer;border-left:4px solid transparent;padding:0 calc(var(--column-gap) - 4px)}dc-menu .menu-nav-item-collapsable[open]{background-color:#f9f8f5;border-left-color:#ff4630}dc-menu .menu-nav-item-nested{display:flex;flex-direction:column;padding:0 var(--column-gap)}dc-header .header-top,dc-header .header-bottom{transition:transform ease 0.216s}dc-header .header-top.menu-hidden,dc-header .header-bottom.menu-hidden{transform:translate3d(0, 0, 0)}dc-header .header-top.menu-open,dc-header .header-bottom.menu-open{transform:translate3d(320px, 0, 0)}dc-header .nav{align-items:center;display:flex;flex:1}dc-header .nav-item{padding:0 0.625rem}dc-header .nav-link{color:var(--text-color);font-size:var(--font-size);font-weight:600;line-height:1.2;text-decoration:none;transition:color 0.216s ease}dc-header .nav-link:visited{color:var(--text-color)}dc-header .nav-link:hover{color:var(--brand-color)}";
const menuCss = "dc-menu .menu-nav-item-collapsable{}dc-menu .menu-nav-item-collapsable summary{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;list-style:none;position:relative}dc-menu .menu-nav-item-collapsable summary .icon{margin-left:auto}dc-menu .menu-nav-item-collapsable .icon.icon-more{display:block}dc-menu .menu-nav-item-collapsable .icon.icon-less{display:none}dc-menu [open].menu-nav-item-collapsable .icon.icon-more{display:none}dc-menu [open].menu-nav-item-collapsable .icon.icon-less{display:block}dc-menu .menu-nav-item-collapsable summary::marker{display:none}dc-menu .menu-nav-item-collapsable summary::-webkit-details-marker{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){dc-menu .menu-nav-item-collapsable{border-top:none}}@supports (-ms-ime-align: auto){dc-menu .menu-nav-item-collapsable{border-top:none}}dc-header{--brand-color:#ff4630;--button-color:#ff4630;--button-hover-color:#ee2812;--outline-button-hover-color:#fffbea;--text-color:#434343;--text-color-light:#74736f;--disabled-text-color:#52575c;--font-size:1rem;--column-gap:15px;--main-bg-color:#fbfbfb;--main-font:\"Libre Franklin\", sans-serif}dc-header *{font-family:var(--main-font)}dc-header a{text-decoration:none}dc-header .text,dc-header .text-underlined,dc-header .text-sm,dc-header .text-lg{color:var(--text-color);text-decoration:none}dc-header .text,dc-header .text-underlined{font-size:1rem;font-weight:200;line-height:2.5}dc-header .text-sm{font-size:0.75rem;font-weight:200;line-height:1.25}dc-header .text-lg{font-size:1.25rem;font-weight:800;line-height:2.5}dc-header .text-underlined{font-weight:bold;text-decoration:underline}dc-header .text-color-light,dc-header dc-menu .menu-nav-item-collapsable[open] .menu-nav-text,dc-menu .menu-nav-item-collapsable[open] dc-header .menu-nav-text{color:var(--text-color-light)}dc-menu .menu{-webkit-backface-visibility:hidden;align-items:flex-start;backface-visibility:hidden;background-color:var(--main-bg-color);box-shadow:0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.25);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;max-width:320px;padding:0;position:fixed;top:0;transform:translate3d(-100%, 0, 0);transition:transform ease 0.216s;visibility:hidden;width:100%;z-index:var(--z-index)}dc-menu .menu.is-open{transform:translate3d(0, 0, 0);visibility:visible}dc-menu .menu-container{position:relative;z-index:1020}dc-menu .menu-close{align-items:center;display:flex;font-size:1.4375rem;padding:0.75rem;padding-left:0}dc-menu .menu-section{box-sizing:border-box;padding:0 var(--column-gap);width:100%}dc-menu .menu-header{align-items:center;border-bottom:0.0625rem solid #e8e8e8;box-sizing:border-box;display:flex;justify-content:space-between;padding-top:0.625rem;padding-bottom:1rem;width:100%}dc-menu .menu-header .menu-close{height:3.375rem;padding:0}dc-menu .menu-footer{background:rgba(255, 255, 255, 0.92);bottom:0;box-shadow:1px 2px 6px rgba(0, 0, 0, 0.25);display:flex;justify-content:space-between;left:0;padding-bottom:1.5rem;padding-top:1.5rem;position:absolute;right:0;width:100%;z-index:1}dc-menu .menu-nav{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding-top:1rem;padding-bottom:5rem}dc-menu .menu-nav.menu-section{padding-left:0;padding-right:0}dc-menu .menu-nav-item,dc-menu .menu-nav-item-collapsable{box-sizing:border-box;padding:0 var(--column-gap);width:100%}dc-menu .menu-nav-item-collapsable{cursor:pointer;border-left:4px solid transparent;padding:0 calc(var(--column-gap) - 4px)}dc-menu .menu-nav-item-collapsable[open]{background-color:#f9f8f5;border-left-color:#ff4630}dc-menu .menu-nav-item-nested{display:flex;flex-direction:column;padding:0 var(--column-gap)}dc-header .nav{align-items:center;display:flex;flex:1}dc-header .nav-item{padding:0 0.625rem}dc-header .nav-link{color:var(--text-color);font-size:var(--font-size);font-weight:600;line-height:1.2;text-decoration:none;transition:color 0.216s ease}dc-header .nav-link:visited{color:var(--text-color)}dc-header .nav-link:hover{color:var(--brand-color)}";

@@ -42,3 +42,3 @@ const Menu = class {

render() {
return (index.h("div", { class: `menu-container ${this.open ? "open " : "hidden"}` }, index.h("div", { class: "menu" }, index.h("div", { class: "menu-section menu-header" }, index.h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")), index.h("nav", { class: "menu-section menu-nav" }, index.h("dc-link", { class: "menu-nav-item text-lg", namespace: "menu", to: "https://debtcollective.org/debt-union" }, "Join the Union"), index.h("dc-link", { class: "menu-nav-item text-lg", namespace: "menu", to: "https://community.debtcollective.org/upcoming-events" }, "Browse Events"), index.h("details", { class: "menu-nav-item-collapsable" }, index.h("summary", { class: "text-lg" }, "Cancel Student Debt", index.h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", index.h("div", { class: "material-icons icon icon-less" }, "expand_less")), index.h("div", { class: "menu-nav-item-nested" }, index.h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://actionnetwork.org/petitions/bidenjubilee100" }, "Sign the petition"), index.h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://actionnetwork.org/letters/cancel-all-student-debt-today" }, "Email your reps"))), index.h("details", { class: "menu-nav-item-collapsable" }, index.h("summary", { class: "text-lg" }, "For Members", index.h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", index.h("div", { class: "material-icons icon icon-less" }, "expand_less")), index.h("div", { class: "menu-nav-item-nested" }, index.h("dc-link", { class: "text", namespace: "menu", to: "https://tools.debtcollective.org/" }, "Dispute your Debt"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/" }, "Connect with other debtors"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/join-a-working-group/4957/2" }, "Join a working group"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/c/working-groups/local-organizing/20" }, "Join or start a local branch"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/debt-collective-higher-education-committee/4958" }, "Join a Committee"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/training-educational-videos/4959" }, "View Past Trainings"))), index.h("details", { class: "menu-nav-item-collapsable" }, index.h("summary", { class: "text-lg" }, "About", " ", index.h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", index.h("div", { class: "material-icons icon icon-less" }, "expand_less")), index.h("div", { class: "menu-nav-item-nested" }, index.h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/about-us/" }, "Our Union"), index.h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://www.youtube.com/playlist?list=PLnQCwElJCNf9NHOqHicDrb03RX04nNl-h" }, "Learn about debt"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/our-team/" }, "Our Team"), index.h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://www.haymarketbooks.org/books/1520-can-t-pay-won-t-pay" }, "Our Book"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/contact-us/" }, "Contact"))), index.h("details", { class: "menu-nav-item-collapsable" }, index.h("summary", { class: "text-lg" }, "Support Us", " ", index.h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", index.h("div", { class: "material-icons icon icon-less" }, "expand_less")), index.h("div", { class: "menu-nav-item-nested" }, index.h("dc-link", { class: "text", namespace: "menu", to: "https://volunteer.debtcollective.org/" }, "Volunteer"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://debt-collective.creator-spring.com/" }, "Shop"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/donate/" }, "Donate")))), index.h("div", { class: "menu-section menu-footer mt-auto" }, index.h("dc-link", { class: "icon", to: "https://twitter.com/StrikeDebt" }, index.h("span", { class: "d-none" }, "Go to Debtcollective's Twitter page"), index.h("svg", { "aria-hidden": "true", width: "32", height: "22", viewBox: "0 0 32 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M31.391 2.54176C30.2714 2.97352 29.0664 3.26476 27.802 3.39509C29.0929 2.72466 30.0827 1.66269 30.5495 0.395825C29.3421 1.01746 28.0055 1.46853 26.5816 1.71203C25.4421 0.658636 23.818 0 22.0206 0C18.5702 0 15.7725 2.42698 15.7725 5.42088C15.7725 5.84514 15.8276 6.25866 15.9345 6.6561C10.7412 6.42976 6.13636 4.27202 3.05435 0.992246C2.51646 1.79248 2.20857 2.72358 2.20857 3.71798C2.20857 5.59842 3.31154 7.25788 4.98826 8.22974C3.96442 8.20132 3.00056 7.95728 2.15787 7.55126C2.15725 7.57379 2.15725 7.59685 2.15725 7.61992C2.15725 10.2459 4.31126 12.4364 7.1701 12.9352C6.64582 13.0585 6.09371 13.125 5.52367 13.125C5.12056 13.125 4.72921 13.0913 4.34774 13.0274C5.14344 15.1809 7.45078 16.7486 10.1847 16.7921C8.04617 18.2461 5.35241 19.1128 2.42433 19.1128C1.92046 19.1128 1.42276 19.0871 0.933716 19.0367C3.6998 20.5755 6.98399 21.4722 10.5124 21.4722C22.0064 21.4722 28.2911 13.2125 28.2911 6.04895C28.2911 5.81403 28.2855 5.57964 28.2737 5.34687C29.4942 4.58418 30.5538 3.62894 31.391 2.54176Z", fill: "#434343" }))), index.h("dc-link", { class: "icon", to: "https://www.facebook.com/DebtCollective" }, index.h("span", { class: "d-none" }, "Go to Debtcollective's Facebook page"), index.h("svg", { "aria-hidden": "true", width: "28", height: "24", viewBox: "0 0 28 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.292114 22.0001C0.292114 23.1051 1.29658 24 2.53648 24H24.9815C26.2215 24 27.2258 23.1051 27.2258 22.0001V1.99991C27.2258 0.89501 26.2215 0 24.9815 0H2.53654C1.29658 0 0.292176 0.895062 0.292176 1.99991L0.292114 22.0001ZM14.3202 21V13H12.0756V9.99994H14.3202C14.3202 4.84496 14.5667 4.50002 21.6148 4.50002V7.50004C17.9 7.50004 18.248 7.68506 18.248 10H21.6148V13.0001H18.248V21H14.3202Z", fill: "#343434" }))), index.h("dc-link", { class: "icon", to: "https://www.instagram.com/thedebtcollective/" }, index.h("span", { class: "d-none" }, "Go to Debtcollective's Instagram profile"), index.h("svg", { "aria-hidden": "true", width: "28", height: "25", viewBox: "0 0 28 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M21.8601 0H5.33332C2.46257 0 0.127075 2.08063 0.127075 4.63867V9.53882V19.3657C0.127075 21.9238 2.46257 24.0044 5.33332 24.0044H21.8605C24.7314 24.0044 27.0663 21.9238 27.0663 19.3657V9.53834V4.63819C27.0657 2.08014 24.7308 0 21.8601 0ZM23.3532 2.76626L23.9488 2.76432V3.29259V6.83309L19.3979 6.84616L19.3821 2.77788L23.3532 2.76626ZM9.75163 9.53834C10.6145 8.47454 12.0143 7.77681 13.5967 7.77681C15.179 7.77681 16.5788 8.47454 17.4407 9.53834C18.0019 10.2327 18.3383 11.082 18.3383 12.002C18.3383 14.3315 16.2093 16.2267 13.5961 16.2267C10.9814 16.2267 8.85449 14.3315 8.85449 12.002C8.85504 11.082 9.1903 10.2327 9.75163 9.53834ZM24.4411 19.3653C24.4411 20.6344 23.2832 21.6652 21.8601 21.6652H5.33332C3.90963 21.6652 2.75166 20.6344 2.75166 19.3653V9.53834H6.77276C6.42553 10.2995 6.23045 11.1309 6.23045 12.002C6.23045 15.6204 9.53427 18.5664 13.5967 18.5664C17.6586 18.5664 20.9624 15.6204 20.9624 12.002C20.9624 11.1309 20.7662 10.2995 20.4189 9.53834H24.4411V19.3653Z", fill: "#434343" })))))));
return (index.h("div", { class: "menu-container" }, index.h("div", { class: `menu ${this.open ? "is-open" : ""}` }, index.h("div", { class: "menu-section menu-header" }, index.h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")), index.h("nav", { class: "menu-section menu-nav" }, index.h("dc-link", { class: "menu-nav-item text-lg", namespace: "menu", to: "https://debtcollective.org/debt-union" }, "Join the Union"), index.h("dc-link", { class: "menu-nav-item text-lg", namespace: "menu", to: "https://community.debtcollective.org/upcoming-events" }, "Browse Events"), index.h("details", { class: "menu-nav-item-collapsable" }, index.h("summary", { class: "text-lg" }, "Cancel Student Debt", index.h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", index.h("div", { class: "material-icons icon icon-less" }, "expand_less")), index.h("div", { class: "menu-nav-item-nested" }, index.h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://actionnetwork.org/petitions/bidenjubilee100" }, "Sign the petition"), index.h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://actionnetwork.org/letters/cancel-all-student-debt-today" }, "Email your reps"))), index.h("details", { class: "menu-nav-item-collapsable" }, index.h("summary", { class: "text-lg" }, "For Members", index.h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", index.h("div", { class: "material-icons icon icon-less" }, "expand_less")), index.h("div", { class: "menu-nav-item-nested" }, index.h("dc-link", { class: "text", namespace: "menu", to: "https://tools.debtcollective.org/" }, "Dispute your Debt"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/" }, "Connect with other debtors"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/join-a-working-group/4957/2" }, "Join a working group"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/c/working-groups/local-organizing/20" }, "Join or start a local branch"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/debt-collective-higher-education-committee/4958" }, "Join a Committee"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/training-educational-videos/4959" }, "View Past Trainings"))), index.h("details", { class: "menu-nav-item-collapsable" }, index.h("summary", { class: "text-lg" }, "About", " ", index.h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", index.h("div", { class: "material-icons icon icon-less" }, "expand_less")), index.h("div", { class: "menu-nav-item-nested" }, index.h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/about-us/" }, "Our Union"), index.h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://www.youtube.com/playlist?list=PLnQCwElJCNf9NHOqHicDrb03RX04nNl-h" }, "Learn about debt"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/our-team/" }, "Our Team"), index.h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://www.haymarketbooks.org/books/1520-can-t-pay-won-t-pay" }, "Our Book"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/contact-us/" }, "Contact"))), index.h("details", { class: "menu-nav-item-collapsable" }, index.h("summary", { class: "text-lg" }, "Support Us", " ", index.h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", index.h("div", { class: "material-icons icon icon-less" }, "expand_less")), index.h("div", { class: "menu-nav-item-nested" }, index.h("dc-link", { class: "text", namespace: "menu", to: "https://volunteer.debtcollective.org/" }, "Volunteer"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://debt-collective.creator-spring.com/" }, "Shop"), index.h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/donate/" }, "Donate")))), index.h("div", { class: "menu-section menu-footer mt-auto" }, index.h("dc-link", { class: "icon", to: "https://twitter.com/StrikeDebt" }, index.h("span", { class: "d-none" }, "Go to Debtcollective's Twitter page"), index.h("svg", { "aria-hidden": "true", width: "32", height: "22", viewBox: "0 0 32 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M31.391 2.54176C30.2714 2.97352 29.0664 3.26476 27.802 3.39509C29.0929 2.72466 30.0827 1.66269 30.5495 0.395825C29.3421 1.01746 28.0055 1.46853 26.5816 1.71203C25.4421 0.658636 23.818 0 22.0206 0C18.5702 0 15.7725 2.42698 15.7725 5.42088C15.7725 5.84514 15.8276 6.25866 15.9345 6.6561C10.7412 6.42976 6.13636 4.27202 3.05435 0.992246C2.51646 1.79248 2.20857 2.72358 2.20857 3.71798C2.20857 5.59842 3.31154 7.25788 4.98826 8.22974C3.96442 8.20132 3.00056 7.95728 2.15787 7.55126C2.15725 7.57379 2.15725 7.59685 2.15725 7.61992C2.15725 10.2459 4.31126 12.4364 7.1701 12.9352C6.64582 13.0585 6.09371 13.125 5.52367 13.125C5.12056 13.125 4.72921 13.0913 4.34774 13.0274C5.14344 15.1809 7.45078 16.7486 10.1847 16.7921C8.04617 18.2461 5.35241 19.1128 2.42433 19.1128C1.92046 19.1128 1.42276 19.0871 0.933716 19.0367C3.6998 20.5755 6.98399 21.4722 10.5124 21.4722C22.0064 21.4722 28.2911 13.2125 28.2911 6.04895C28.2911 5.81403 28.2855 5.57964 28.2737 5.34687C29.4942 4.58418 30.5538 3.62894 31.391 2.54176Z", fill: "#434343" }))), index.h("dc-link", { class: "icon", to: "https://www.facebook.com/DebtCollective" }, index.h("span", { class: "d-none" }, "Go to Debtcollective's Facebook page"), index.h("svg", { "aria-hidden": "true", width: "28", height: "24", viewBox: "0 0 28 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.292114 22.0001C0.292114 23.1051 1.29658 24 2.53648 24H24.9815C26.2215 24 27.2258 23.1051 27.2258 22.0001V1.99991C27.2258 0.89501 26.2215 0 24.9815 0H2.53654C1.29658 0 0.292176 0.895062 0.292176 1.99991L0.292114 22.0001ZM14.3202 21V13H12.0756V9.99994H14.3202C14.3202 4.84496 14.5667 4.50002 21.6148 4.50002V7.50004C17.9 7.50004 18.248 7.68506 18.248 10H21.6148V13.0001H18.248V21H14.3202Z", fill: "#343434" }))), index.h("dc-link", { class: "icon", to: "https://www.instagram.com/thedebtcollective/" }, index.h("span", { class: "d-none" }, "Go to Debtcollective's Instagram profile"), index.h("svg", { "aria-hidden": "true", width: "28", height: "25", viewBox: "0 0 28 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M21.8601 0H5.33332C2.46257 0 0.127075 2.08063 0.127075 4.63867V9.53882V19.3657C0.127075 21.9238 2.46257 24.0044 5.33332 24.0044H21.8605C24.7314 24.0044 27.0663 21.9238 27.0663 19.3657V9.53834V4.63819C27.0657 2.08014 24.7308 0 21.8601 0ZM23.3532 2.76626L23.9488 2.76432V3.29259V6.83309L19.3979 6.84616L19.3821 2.77788L23.3532 2.76626ZM9.75163 9.53834C10.6145 8.47454 12.0143 7.77681 13.5967 7.77681C15.179 7.77681 16.5788 8.47454 17.4407 9.53834C18.0019 10.2327 18.3383 11.082 18.3383 12.002C18.3383 14.3315 16.2093 16.2267 13.5961 16.2267C10.9814 16.2267 8.85449 14.3315 8.85449 12.002C8.85504 11.082 9.1903 10.2327 9.75163 9.53834ZM24.4411 19.3653C24.4411 20.6344 23.2832 21.6652 21.8601 21.6652H5.33332C3.90963 21.6652 2.75166 20.6344 2.75166 19.3653V9.53834H6.77276C6.42553 10.2995 6.23045 11.1309 6.23045 12.002C6.23045 15.6204 9.53427 18.5664 13.5967 18.5664C17.6586 18.5664 20.9624 15.6204 20.9624 12.002C20.9624 11.1309 20.7662 10.2995 20.4189 9.53834H24.4411V19.3653Z", fill: "#434343" })))))));
}

@@ -171,3 +171,3 @@ static get assetsDirs() { return ["assets"]; }

const headerCss = "dc-header{--brand-color:#ff4630;--button-color:#ff4630;--button-hover-color:#ee2812;--outline-button-hover-color:#fffbea;--text-color:#434343;--text-color-light:#74736f;--disabled-text-color:#52575c;--font-size:1rem;--column-gap:15px;--main-bg-color:#fbfbfb;--main-font:\"Libre Franklin\", sans-serif}dc-header .btn-primary,dc-header .btn-outline,dc-header .btn-transparent{align-items:center;border-radius:0.5rem;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0.5rem;transition:background 0.216s ease, color 0.216s ease;font-weight:bold}@media (min-width: 768px){dc-header .btn-primary,dc-header .btn-outline,dc-header .btn-transparent{padding-left:1rem;padding-right:1rem}}dc-header .btn-transparent{background:none;border:none;display:flex;font-size:var(--font-size);padding:0}dc-header .btn-outline{background:transparent;border:0.0625rem solid var(--text-color);color:var(--text-color)}dc-header .btn-outline:hover{background:var(--outline-button-hover-color)}dc-header .btn-primary{background:var(--button-color);border:0.0625rem solid var(--button-color);color:#fff}dc-header .btn-primary:hover{border:0.0625rem solid var(--button-hover-color);background:var(--button-hover-color)}dc-header .material-icons{color:var(--text-color);font-family:\"Material Icons\";font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}dc-header .m-0{margin:0rem}dc-header .m-1{margin:0.5rem}dc-header .m-2{margin:1rem}dc-header .m-3{margin:1.5rem}dc-header .m-4{margin:2rem}dc-header .m-5{margin:2.5rem}dc-header .m-6{margin:3rem}dc-header .m-auto{margin:auto}dc-header .mt-0{margin-top:0rem}dc-header .mt-1{margin-top:0.5rem}dc-header .mt-2{margin-top:1rem}dc-header .mt-3{margin-top:1.5rem}dc-header .mt-4{margin-top:2rem}dc-header .mt-5{margin-top:2.5rem}dc-header .mt-6{margin-top:3rem}dc-header .mt-auto{margin-top:auto}dc-header .mb-0{margin-bottom:0rem}dc-header .mb-1{margin-bottom:0.5rem}dc-header .mb-2{margin-bottom:1rem}dc-header .mb-3{margin-bottom:1.5rem}dc-header .mb-4{margin-bottom:2rem}dc-header .mb-5{margin-bottom:2.5rem}dc-header .mb-6{margin-bottom:3rem}dc-header .mb-auto{margin-bottom:auto}dc-header .ml-0{margin-left:0rem}dc-header .ml-1{margin-left:0.5rem}dc-header .ml-2{margin-left:1rem}dc-header .ml-3{margin-left:1.5rem}dc-header .ml-4{margin-left:2rem}dc-header .ml-5{margin-left:2.5rem}dc-header .ml-6{margin-left:3rem}dc-header .ml-auto{margin-left:auto}dc-header .mr-0{margin-right:0rem}dc-header .mr-1{margin-right:0.5rem}dc-header .mr-2{margin-right:1rem}dc-header .mr-3{margin-right:1.5rem}dc-header .mr-4{margin-right:2rem}dc-header .mr-5{margin-right:2.5rem}dc-header .mr-6{margin-right:3rem}dc-header .mr-auto{margin-right:auto}@media (min-width: 359px){dc-header .d-xxs-block.d-xxs-block{display:block !important}}@media (min-width: 576px){dc-header .d-xs-block.d-xs-block{display:block !important}}@media (min-width: 768px){dc-header .d-sm-block.d-sm-block{display:block !important}}@media (min-width: 992px){dc-header .d-md-block.d-md-block{display:block !important}}@media (min-width: 1200px){dc-header .d-lg-block.d-lg-block{display:block !important}}dc-header .d-block{display:block !important}@media (min-width: 359px){dc-header .d-xxs-flex.d-xxs-flex{display:flex !important}}@media (min-width: 576px){dc-header .d-xs-flex.d-xs-flex{display:flex !important}}@media (min-width: 768px){dc-header .d-sm-flex.d-sm-flex{display:flex !important}}@media (min-width: 992px){dc-header .d-md-flex.d-md-flex{display:flex !important}}@media (min-width: 1200px){dc-header .d-lg-flex.d-lg-flex{display:flex !important}}dc-header .d-flex{display:flex !important}@media (min-width: 359px){dc-header .d-xxs-none.d-xxs-none{display:none !important}}@media (min-width: 576px){dc-header .d-xs-none.d-xs-none{display:none !important}}@media (min-width: 768px){dc-header .d-sm-none.d-sm-none{display:none !important}}@media (min-width: 992px){dc-header .d-md-none.d-md-none{display:none !important}}@media (min-width: 1200px){dc-header .d-lg-none.d-lg-none{display:none !important}}dc-header .d-none{display:none !important}dc-header .hidden{display:none !important}dc-header .logo{display:flex;flex-direction:column;justify-content:center}dc-header .logo>img{height:3.375rem;position:relative;width:auto}dc-header .logo-container{display:flex;flex-direction:row;justify-content:space-between}@media (min-width: 768px){dc-header .logo-container{justify-content:flex-start}}dc-header .navbar{-webkit-backface-visibility:hidden;align-items:center;backface-visibility:hidden;background-color:var(--main-bg-color);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:1rem var(--column-gap);position:fixed;top:0;width:100%;z-index:1020}dc-header .header-top{padding-top:0.625rem}@media (min-width: 768px){dc-header .header-top{padding-bottom:0.625rem}}dc-header .header-top .logo-container{flex:3}dc-header .header-top .session{justify-content:flex-end;flex:2}@media (min-width: 768px){dc-header .header-top .logo-container,dc-header .header-top .session{flex:1}}dc-header .header-bottom{box-shadow:0px -4px 4px rgba(0, 0, 0, 0.25);top:auto;bottom:0}dc-header .header-bottom>[class*=btn]{flex:1}dc-header .header-item{display:flex;min-width:2rem}.session-items{display:flex;align-items:center;margin-left:auto}.document-cloak{height:100vh;width:100vw;position:fixed;background-color:transparent;opacity:0.5;top:0;left:0;z-index:1010}";
const headerCss = "dc-header{--brand-color:#ff4630;--button-color:#ff4630;--button-hover-color:#ee2812;--outline-button-hover-color:#fffbea;--text-color:#434343;--text-color-light:#74736f;--disabled-text-color:#52575c;--font-size:1rem;--column-gap:15px;--main-bg-color:#fbfbfb;--main-font:\"Libre Franklin\", sans-serif}dc-header .btn-primary,dc-header .btn-outline,dc-header .btn-transparent{align-items:center;border-radius:0.5rem;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0.5rem;transition:background 0.216s ease, color 0.216s ease;font-weight:bold}@media (min-width: 768px){dc-header .btn-primary,dc-header .btn-outline,dc-header .btn-transparent{padding-left:1rem;padding-right:1rem}}dc-header .btn-transparent{background:none;border:none;display:flex;font-size:var(--font-size);padding:0}dc-header .btn-outline{background:transparent;border:0.0625rem solid var(--text-color);color:var(--text-color)}dc-header .btn-outline:hover{background:var(--outline-button-hover-color)}dc-header .btn-primary{background:var(--button-color);border:0.0625rem solid var(--button-color);color:#fff}dc-header .btn-primary:hover{border:0.0625rem solid var(--button-hover-color);background:var(--button-hover-color)}dc-header .material-icons{color:var(--text-color);font-family:\"Material Icons\";font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}dc-header .m-0{margin:0rem}dc-header .m-1{margin:0.5rem}dc-header .m-2{margin:1rem}dc-header .m-3{margin:1.5rem}dc-header .m-4{margin:2rem}dc-header .m-5{margin:2.5rem}dc-header .m-6{margin:3rem}dc-header .m-auto{margin:auto}dc-header .mt-0{margin-top:0rem}dc-header .mt-1{margin-top:0.5rem}dc-header .mt-2{margin-top:1rem}dc-header .mt-3{margin-top:1.5rem}dc-header .mt-4{margin-top:2rem}dc-header .mt-5{margin-top:2.5rem}dc-header .mt-6{margin-top:3rem}dc-header .mt-auto{margin-top:auto}dc-header .mb-0{margin-bottom:0rem}dc-header .mb-1{margin-bottom:0.5rem}dc-header .mb-2{margin-bottom:1rem}dc-header .mb-3{margin-bottom:1.5rem}dc-header .mb-4{margin-bottom:2rem}dc-header .mb-5{margin-bottom:2.5rem}dc-header .mb-6{margin-bottom:3rem}dc-header .mb-auto{margin-bottom:auto}dc-header .ml-0{margin-left:0rem}dc-header .ml-1{margin-left:0.5rem}dc-header .ml-2{margin-left:1rem}dc-header .ml-3{margin-left:1.5rem}dc-header .ml-4{margin-left:2rem}dc-header .ml-5{margin-left:2.5rem}dc-header .ml-6{margin-left:3rem}dc-header .ml-auto{margin-left:auto}dc-header .mr-0{margin-right:0rem}dc-header .mr-1{margin-right:0.5rem}dc-header .mr-2{margin-right:1rem}dc-header .mr-3{margin-right:1.5rem}dc-header .mr-4{margin-right:2rem}dc-header .mr-5{margin-right:2.5rem}dc-header .mr-6{margin-right:3rem}dc-header .mr-auto{margin-right:auto}@media (min-width: 359px){dc-header .d-xxs-block.d-xxs-block{display:block !important}}@media (min-width: 576px){dc-header .d-xs-block.d-xs-block{display:block !important}}@media (min-width: 768px){dc-header .d-sm-block.d-sm-block{display:block !important}}@media (min-width: 992px){dc-header .d-md-block.d-md-block{display:block !important}}@media (min-width: 1200px){dc-header .d-lg-block.d-lg-block{display:block !important}}dc-header .d-block{display:block !important}@media (min-width: 359px){dc-header .d-xxs-flex.d-xxs-flex{display:flex !important}}@media (min-width: 576px){dc-header .d-xs-flex.d-xs-flex{display:flex !important}}@media (min-width: 768px){dc-header .d-sm-flex.d-sm-flex{display:flex !important}}@media (min-width: 992px){dc-header .d-md-flex.d-md-flex{display:flex !important}}@media (min-width: 1200px){dc-header .d-lg-flex.d-lg-flex{display:flex !important}}dc-header .d-flex{display:flex !important}@media (min-width: 359px){dc-header .d-xxs-none.d-xxs-none{display:none !important}}@media (min-width: 576px){dc-header .d-xs-none.d-xs-none{display:none !important}}@media (min-width: 768px){dc-header .d-sm-none.d-sm-none{display:none !important}}@media (min-width: 992px){dc-header .d-md-none.d-md-none{display:none !important}}@media (min-width: 1200px){dc-header .d-lg-none.d-lg-none{display:none !important}}dc-header .d-none{display:none !important}dc-header .hidden{display:none !important}dc-header .logo{display:flex;flex-direction:column;justify-content:center}dc-header .logo>img{height:3.375rem;position:relative;width:auto;transition:all ease 0.216s}dc-header .logo-container{display:flex;flex-direction:row;justify-content:space-between}@media (min-width: 768px){dc-header .logo-container{justify-content:flex-start}}dc-header .logo.logo-shrink>img:not(.fixed-size){height:2rem}dc-header .navbar{-webkit-backface-visibility:hidden;align-items:center;backface-visibility:hidden;background-color:var(--main-bg-color);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:1rem var(--column-gap);position:fixed;top:0;width:100%;z-index:1020}dc-header .navbar-top,dc-header .navbar-bottom{transition:transform ease 0.216s}dc-header .navbar-top.is-moved,dc-header .navbar-bottom.is-moved{transform:translate3d(320px, 0, 0)}dc-header .navbar-top{padding-top:0.75rem;padding-bottom:0.75rem}dc-header .navbar-top.is-shrink{padding-top:0.5rem;padding-bottom:0.5rem}@media (min-width: 768px){dc-header .navbar-top{padding-bottom:0.625rem}}dc-header .navbar-bottom{box-shadow:0px -4px 4px rgba(0, 0, 0, 0.25);top:auto;bottom:0}dc-header .navbar-bottom.is-shrink{transform:translate3d(0, 150%, 0)}dc-header .navbar-bottom.is-shrink.is-moved{transform:translate3d(320px, 150%, 0)}dc-header .navbar-bottom>[class*=btn]{flex:1}dc-header .navbar-item{display:flex;min-width:2rem}.document-cloak{height:100vh;width:100vw;position:fixed;background-color:transparent;opacity:0.5;top:0;left:0;z-index:1010}dc-header header.l-header .logo-container{flex:3}dc-header header.l-header .session-container{justify-content:flex-end;flex:2}@media (min-width: 768px){dc-header header.l-header .logo-container,dc-header header.l-header .session-container{flex:1}}";

@@ -205,2 +205,9 @@ const Header = class {

}
handleScroll(e) {
var _a, _b;
const scrollTop = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollingElement) === null || _b === void 0 ? void 0 : _b.scrollTop;
// set shrink to true whenever the scroll direction is down
this.isShrink = scrollTop > this.scrollTop;
this.scrollTop = scrollTop;
}
toggleMenuHandler() {

@@ -234,3 +241,3 @@ this.toggleMenu();

render() {
return (index.h(index.Host, null, index.h("header", { class: `header-top navbar ${this.isMenuOpen ? "menu-open" : "menu-hidden"}` }, index.h("div", { class: "logo-container header-item" }, index.h("button", { class: "btn-transparent", onClick: this.toggleMenuHandler.bind(this) }, index.h("span", { class: "material-icons" }, "menu")), index.h("a", { class: "logo", href: this.homepage }, index.h("img", { class: "d-sm-none", src: index.getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }), index.h("img", { class: "d-none d-sm-block ml-2", src: index.getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" }))), index.h("div", { class: "session header-item" }, this.user ? (index.h("dc-profile", { user: this.user, community: this.community, expanded: this.isProfileMenuOpen })) : (index.h("span", { class: "d-none d-sm-flex ml-auto" }, index.h("a", { href: this._loginUrl, class: "btn-outline" }, "Member login"), index.h("a", { href: this.union, class: "btn-primary ml-1" }, "Join the Union"))))), this.user ? null : (index.h("div", { class: `header-bottom navbar d-sm-none ${this.isMenuOpen ? "menu-open" : "menu-hidden"}` }, index.h("a", { href: this._loginUrl, class: "btn-outline" }, "Member login"), index.h("a", { href: this.union, class: "btn-primary ml-1" }, "Join the Union"))), index.h("dc-menu", { open: this.isMenuOpen }), index.h("div", { class: `document-cloak ${this.isMenuOpen || this.isProfileMenuOpen ? "d-block" : "hidden"}`, onClick: this.closeAll.bind(this) })));
return (index.h(index.Host, null, index.h("header", { class: `navbar-top navbar l-header ${this.isMenuOpen ? "is-moved" : ""} ${this.isShrink ? "is-shrink" : ""}` }, index.h("div", { class: "logo-container navbar-item" }, index.h("button", { class: "btn-transparent", onClick: this.toggleMenuHandler.bind(this) }, index.h("span", { class: "material-icons" }, "menu")), index.h("a", { class: `logo ${this.isShrink ? "logo-shrink" : ""}`, href: this.homepage }, index.h("img", { class: "d-sm-none", src: index.getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }), index.h("img", { class: "d-none d-sm-block ml-2 fixed-size", src: index.getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" }))), index.h("div", { class: "session-container navbar-item" }, this.user ? (index.h("dc-profile", { user: this.user, community: this.community, expanded: this.isProfileMenuOpen })) : (index.h("span", { class: "d-none d-sm-flex ml-auto" }, index.h("a", { href: this._loginUrl, class: "btn-outline" }, "Member login"), index.h("a", { href: this.union, class: "btn-primary ml-1" }, "Join the Union"))))), this.user ? null : (index.h("div", { class: `navbar-bottom navbar d-sm-none ${this.isMenuOpen ? "is-moved" : ""} ${this.isShrink ? "is-shrink" : ""}` }, index.h("a", { href: this._loginUrl, class: "btn-outline" }, "Member login"), index.h("a", { href: this.union, class: "btn-primary ml-1" }, "Join the Union"))), index.h("dc-menu", { open: this.isMenuOpen }), index.h("div", { class: `document-cloak ${this.isMenuOpen || this.isProfileMenuOpen ? "d-block" : "hidden"}`, onClick: this.closeAll.bind(this) })));
}

@@ -237,0 +244,0 @@ static get assetsDirs() { return ["assets"]; }

4

dist/cjs/header.cjs.js
'use strict';
const index = require('./index-c4701d1b.js');
const index = require('./index-836586df.js');

@@ -18,3 +18,3 @@ /*

patchBrowser().then(options => {
return index.bootstrapLazy([["dc-header_4.cjs",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
return index.bootstrapLazy([["dc-header_4.cjs",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isShrink":[32],"scrollTop":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[9,"scroll","handleScroll"],[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
});

4

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';

const index = require('./index-c4701d1b.js');
const index = require('./index-836586df.js');

@@ -18,3 +18,3 @@ /*

return patchEsm().then(() => {
return index.bootstrapLazy([["dc-header_4.cjs",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
return index.bootstrapLazy([["dc-header_4.cjs",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isShrink":[32],"scrollTop":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[9,"scroll","handleScroll"],[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
});

@@ -21,0 +21,0 @@ };

27

dist/collection/components/dc-header/header.js

@@ -36,2 +36,9 @@ import "./menu";

}
handleScroll(e) {
var _a, _b;
const scrollTop = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollingElement) === null || _b === void 0 ? void 0 : _b.scrollTop;
// set shrink to true whenever the scroll direction is down
this.isShrink = scrollTop > this.scrollTop;
this.scrollTop = scrollTop;
}
toggleMenuHandler() {

@@ -66,13 +73,13 @@ this.toggleMenu();

return (h(Host, null,
h("header", { class: `header-top navbar ${this.isMenuOpen ? "menu-open" : "menu-hidden"}` },
h("div", { class: "logo-container header-item" },
h("header", { class: `navbar-top navbar l-header ${this.isMenuOpen ? "is-moved" : ""} ${this.isShrink ? "is-shrink" : ""}` },
h("div", { class: "logo-container navbar-item" },
h("button", { class: "btn-transparent", onClick: this.toggleMenuHandler.bind(this) },
h("span", { class: "material-icons" }, "menu")),
h("a", { class: "logo", href: this.homepage },
h("a", { class: `logo ${this.isShrink ? "logo-shrink" : ""}`, href: this.homepage },
h("img", { class: "d-sm-none", src: getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }),
h("img", { class: "d-none d-sm-block ml-2", src: getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" }))),
h("div", { class: "session header-item" }, this.user ? (h("dc-profile", { user: this.user, community: this.community, expanded: this.isProfileMenuOpen })) : (h("span", { class: "d-none d-sm-flex ml-auto" },
h("img", { class: "d-none d-sm-block ml-2 fixed-size", src: getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" }))),
h("div", { class: "session-container navbar-item" }, this.user ? (h("dc-profile", { user: this.user, community: this.community, expanded: this.isProfileMenuOpen })) : (h("span", { class: "d-none d-sm-flex ml-auto" },
h("a", { href: this._loginUrl, class: "btn-outline" }, "Member login"),
h("a", { href: this.union, class: "btn-primary ml-1" }, "Join the Union"))))),
this.user ? null : (h("div", { class: `header-bottom navbar d-sm-none ${this.isMenuOpen ? "menu-open" : "menu-hidden"}` },
this.user ? null : (h("div", { class: `navbar-bottom navbar d-sm-none ${this.isMenuOpen ? "is-moved" : ""} ${this.isShrink ? "is-shrink" : ""}` },
h("a", { href: this._loginUrl, class: "btn-outline" }, "Member login"),

@@ -184,2 +191,4 @@ h("a", { href: this.union, class: "btn-primary ml-1" }, "Join the Union"))),

"user": {},
"isShrink": {},
"scrollTop": {},
"isMenuOpen": {},

@@ -209,2 +218,8 @@ "isProfileMenuOpen": {}

static get listeners() { return [{
"name": "scroll",
"method": "handleScroll",
"target": "window",
"capture": false,
"passive": true
}, {
"name": "toggleMenu",

@@ -211,0 +226,0 @@ "method": "toggleMenuHandler",

4

dist/collection/components/dc-header/menu.js

@@ -12,4 +12,4 @@ import "./link";

render() {
return (h("div", { class: `menu-container ${this.open ? "open " : "hidden"}` },
h("div", { class: "menu" },
return (h("div", { class: "menu-container" },
h("div", { class: `menu ${this.open ? "is-open" : ""}` },
h("div", { class: "menu-section menu-header" },

@@ -16,0 +16,0 @@ h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")),

17

dist/esm/dc-header_4.entry.js

@@ -1,2 +0,2 @@

import { r as registerInstance, c as createEvent, h, H as Host, g as getAssetPath } from './index-e8148e61.js';
import { r as registerInstance, c as createEvent, h, H as Host, g as getAssetPath } from './index-6e6b72f0.js';

@@ -21,3 +21,3 @@ const linkCss = "dc-header{--brand-color:#ff4630;--button-color:#ff4630;--button-hover-color:#ee2812;--outline-button-hover-color:#fffbea;--text-color:#434343;--text-color-light:#74736f;--disabled-text-color:#52575c;--font-size:1rem;--column-gap:15px;--main-bg-color:#fbfbfb;--main-font:\"Libre Franklin\", sans-serif}dc-header *{font-family:var(--main-font)}dc-header a{text-decoration:none}dc-header .text,dc-header .text-underlined,dc-header .text-sm,dc-header dc-link.link-text-icon,dc-header .text-lg{color:var(--text-color);text-decoration:none}dc-header .text,dc-header .text-underlined{font-size:1rem;font-weight:200;line-height:2.5}dc-header .text-sm,dc-header dc-link.link-text-icon{font-size:0.75rem;font-weight:200;line-height:1.25}dc-header .text-lg{font-size:1.25rem;font-weight:800;line-height:2.5}dc-header .text-underlined{font-weight:bold;text-decoration:underline}dc-header .text-color-light,dc-header dc-link.link-text-icon{color:var(--text-color-light)}dc-link{cursor:pointer}dc-link a:-webkit-any-link{color:inherit}dc-link a:any-link,dc-link a:-webkit-any-link{color:inherit}dc-link>a{align-items:center;display:flex}dc-link.link-text-icon a{display:flex;flex-direction:column;align-items:center}dc-link.link-text-icon .material-icons{font-size:2rem}dc-link.link-upcoming{opacity:0.35}dc-link.link-upcoming,dc-link.link-upcoming>a,dc-link.link-upcoming>a .material-icons{cursor:not-allowed}";

const menuCss = "dc-menu .menu-nav-item-collapsable{}dc-menu .menu-nav-item-collapsable summary{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;list-style:none;position:relative}dc-menu .menu-nav-item-collapsable summary .icon{margin-left:auto}dc-menu .menu-nav-item-collapsable .icon.icon-more{display:block}dc-menu .menu-nav-item-collapsable .icon.icon-less{display:none}dc-menu [open].menu-nav-item-collapsable .icon.icon-more{display:none}dc-menu [open].menu-nav-item-collapsable .icon.icon-less{display:block}dc-menu .menu-nav-item-collapsable summary::marker{display:none}dc-menu .menu-nav-item-collapsable summary::-webkit-details-marker{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){dc-menu .menu-nav-item-collapsable{border-top:none}}@supports (-ms-ime-align: auto){dc-menu .menu-nav-item-collapsable{border-top:none}}dc-header{--brand-color:#ff4630;--button-color:#ff4630;--button-hover-color:#ee2812;--outline-button-hover-color:#fffbea;--text-color:#434343;--text-color-light:#74736f;--disabled-text-color:#52575c;--font-size:1rem;--column-gap:15px;--main-bg-color:#fbfbfb;--main-font:\"Libre Franklin\", sans-serif}dc-header *{font-family:var(--main-font)}dc-header a{text-decoration:none}dc-header .text,dc-header .text-underlined,dc-header .text-sm,dc-header .text-lg{color:var(--text-color);text-decoration:none}dc-header .text,dc-header .text-underlined{font-size:1rem;font-weight:200;line-height:2.5}dc-header .text-sm{font-size:0.75rem;font-weight:200;line-height:1.25}dc-header .text-lg{font-size:1.25rem;font-weight:800;line-height:2.5}dc-header .text-underlined{font-weight:bold;text-decoration:underline}dc-header .text-color-light,dc-header dc-menu .menu-nav-item-collapsable[open] .menu-nav-text,dc-menu .menu-nav-item-collapsable[open] dc-header .menu-nav-text{color:var(--text-color-light)}dc-menu .menu-container{position:relative;z-index:1020}dc-menu .menu-container.open .menu{transform:translate3d(0, 0, 0);visibility:visible}dc-menu .menu-container.hidden .menu{transform:translate3d(-100%, 0, 0);visibility:hidden}dc-menu .menu{-webkit-backface-visibility:hidden;align-items:flex-start;backface-visibility:hidden;background-color:var(--main-bg-color);box-shadow:0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.25);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;max-width:320px;padding:0;position:fixed;top:0;transition:transform ease 0.216s;width:100%;z-index:var(--z-index)}dc-menu .menu-close{align-items:center;display:flex;font-size:1.4375rem;padding:0.75rem;padding-left:0}dc-menu .menu-section{box-sizing:border-box;padding:0 var(--column-gap);width:100%}dc-menu .menu-header{align-items:center;border-bottom:0.0625rem solid #e8e8e8;box-sizing:border-box;display:flex;justify-content:space-between;padding-top:0.625rem;padding-bottom:1rem;width:100%}dc-menu .menu-header .menu-close{height:3.375rem;padding:0}dc-menu .menu-footer{background:rgba(255, 255, 255, 0.92);bottom:0;box-shadow:1px 2px 6px rgba(0, 0, 0, 0.25);display:flex;justify-content:space-between;left:0;padding-bottom:1.5rem;padding-top:1.5rem;position:absolute;right:0;width:100%;z-index:1}dc-menu .menu-nav{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding-top:1rem;padding-bottom:5rem}dc-menu .menu-nav.menu-section{padding-left:0;padding-right:0}dc-menu .menu-nav-item,dc-menu .menu-nav-item-collapsable{box-sizing:border-box;padding:0 var(--column-gap);width:100%}dc-menu .menu-nav-item-collapsable{cursor:pointer;border-left:4px solid transparent;padding:0 calc(var(--column-gap) - 4px)}dc-menu .menu-nav-item-collapsable[open]{background-color:#f9f8f5;border-left-color:#ff4630}dc-menu .menu-nav-item-nested{display:flex;flex-direction:column;padding:0 var(--column-gap)}dc-header .header-top,dc-header .header-bottom{transition:transform ease 0.216s}dc-header .header-top.menu-hidden,dc-header .header-bottom.menu-hidden{transform:translate3d(0, 0, 0)}dc-header .header-top.menu-open,dc-header .header-bottom.menu-open{transform:translate3d(320px, 0, 0)}dc-header .nav{align-items:center;display:flex;flex:1}dc-header .nav-item{padding:0 0.625rem}dc-header .nav-link{color:var(--text-color);font-size:var(--font-size);font-weight:600;line-height:1.2;text-decoration:none;transition:color 0.216s ease}dc-header .nav-link:visited{color:var(--text-color)}dc-header .nav-link:hover{color:var(--brand-color)}";
const menuCss = "dc-menu .menu-nav-item-collapsable{}dc-menu .menu-nav-item-collapsable summary{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;list-style:none;position:relative}dc-menu .menu-nav-item-collapsable summary .icon{margin-left:auto}dc-menu .menu-nav-item-collapsable .icon.icon-more{display:block}dc-menu .menu-nav-item-collapsable .icon.icon-less{display:none}dc-menu [open].menu-nav-item-collapsable .icon.icon-more{display:none}dc-menu [open].menu-nav-item-collapsable .icon.icon-less{display:block}dc-menu .menu-nav-item-collapsable summary::marker{display:none}dc-menu .menu-nav-item-collapsable summary::-webkit-details-marker{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){dc-menu .menu-nav-item-collapsable{border-top:none}}@supports (-ms-ime-align: auto){dc-menu .menu-nav-item-collapsable{border-top:none}}dc-header{--brand-color:#ff4630;--button-color:#ff4630;--button-hover-color:#ee2812;--outline-button-hover-color:#fffbea;--text-color:#434343;--text-color-light:#74736f;--disabled-text-color:#52575c;--font-size:1rem;--column-gap:15px;--main-bg-color:#fbfbfb;--main-font:\"Libre Franklin\", sans-serif}dc-header *{font-family:var(--main-font)}dc-header a{text-decoration:none}dc-header .text,dc-header .text-underlined,dc-header .text-sm,dc-header .text-lg{color:var(--text-color);text-decoration:none}dc-header .text,dc-header .text-underlined{font-size:1rem;font-weight:200;line-height:2.5}dc-header .text-sm{font-size:0.75rem;font-weight:200;line-height:1.25}dc-header .text-lg{font-size:1.25rem;font-weight:800;line-height:2.5}dc-header .text-underlined{font-weight:bold;text-decoration:underline}dc-header .text-color-light,dc-header dc-menu .menu-nav-item-collapsable[open] .menu-nav-text,dc-menu .menu-nav-item-collapsable[open] dc-header .menu-nav-text{color:var(--text-color-light)}dc-menu .menu{-webkit-backface-visibility:hidden;align-items:flex-start;backface-visibility:hidden;background-color:var(--main-bg-color);box-shadow:0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.25);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;max-width:320px;padding:0;position:fixed;top:0;transform:translate3d(-100%, 0, 0);transition:transform ease 0.216s;visibility:hidden;width:100%;z-index:var(--z-index)}dc-menu .menu.is-open{transform:translate3d(0, 0, 0);visibility:visible}dc-menu .menu-container{position:relative;z-index:1020}dc-menu .menu-close{align-items:center;display:flex;font-size:1.4375rem;padding:0.75rem;padding-left:0}dc-menu .menu-section{box-sizing:border-box;padding:0 var(--column-gap);width:100%}dc-menu .menu-header{align-items:center;border-bottom:0.0625rem solid #e8e8e8;box-sizing:border-box;display:flex;justify-content:space-between;padding-top:0.625rem;padding-bottom:1rem;width:100%}dc-menu .menu-header .menu-close{height:3.375rem;padding:0}dc-menu .menu-footer{background:rgba(255, 255, 255, 0.92);bottom:0;box-shadow:1px 2px 6px rgba(0, 0, 0, 0.25);display:flex;justify-content:space-between;left:0;padding-bottom:1.5rem;padding-top:1.5rem;position:absolute;right:0;width:100%;z-index:1}dc-menu .menu-nav{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding-top:1rem;padding-bottom:5rem}dc-menu .menu-nav.menu-section{padding-left:0;padding-right:0}dc-menu .menu-nav-item,dc-menu .menu-nav-item-collapsable{box-sizing:border-box;padding:0 var(--column-gap);width:100%}dc-menu .menu-nav-item-collapsable{cursor:pointer;border-left:4px solid transparent;padding:0 calc(var(--column-gap) - 4px)}dc-menu .menu-nav-item-collapsable[open]{background-color:#f9f8f5;border-left-color:#ff4630}dc-menu .menu-nav-item-nested{display:flex;flex-direction:column;padding:0 var(--column-gap)}dc-header .nav{align-items:center;display:flex;flex:1}dc-header .nav-item{padding:0 0.625rem}dc-header .nav-link{color:var(--text-color);font-size:var(--font-size);font-weight:600;line-height:1.2;text-decoration:none;transition:color 0.216s ease}dc-header .nav-link:visited{color:var(--text-color)}dc-header .nav-link:hover{color:var(--brand-color)}";

@@ -37,3 +37,3 @@ const Menu = class {

render() {
return (h("div", { class: `menu-container ${this.open ? "open " : "hidden"}` }, h("div", { class: "menu" }, h("div", { class: "menu-section menu-header" }, h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")), h("nav", { class: "menu-section menu-nav" }, h("dc-link", { class: "menu-nav-item text-lg", namespace: "menu", to: "https://debtcollective.org/debt-union" }, "Join the Union"), h("dc-link", { class: "menu-nav-item text-lg", namespace: "menu", to: "https://community.debtcollective.org/upcoming-events" }, "Browse Events"), h("details", { class: "menu-nav-item-collapsable" }, h("summary", { class: "text-lg" }, "Cancel Student Debt", h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", h("div", { class: "material-icons icon icon-less" }, "expand_less")), h("div", { class: "menu-nav-item-nested" }, h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://actionnetwork.org/petitions/bidenjubilee100" }, "Sign the petition"), h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://actionnetwork.org/letters/cancel-all-student-debt-today" }, "Email your reps"))), h("details", { class: "menu-nav-item-collapsable" }, h("summary", { class: "text-lg" }, "For Members", h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", h("div", { class: "material-icons icon icon-less" }, "expand_less")), h("div", { class: "menu-nav-item-nested" }, h("dc-link", { class: "text", namespace: "menu", to: "https://tools.debtcollective.org/" }, "Dispute your Debt"), h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/" }, "Connect with other debtors"), h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/join-a-working-group/4957/2" }, "Join a working group"), h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/c/working-groups/local-organizing/20" }, "Join or start a local branch"), h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/debt-collective-higher-education-committee/4958" }, "Join a Committee"), h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/training-educational-videos/4959" }, "View Past Trainings"))), h("details", { class: "menu-nav-item-collapsable" }, h("summary", { class: "text-lg" }, "About", " ", h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", h("div", { class: "material-icons icon icon-less" }, "expand_less")), h("div", { class: "menu-nav-item-nested" }, h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/about-us/" }, "Our Union"), h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://www.youtube.com/playlist?list=PLnQCwElJCNf9NHOqHicDrb03RX04nNl-h" }, "Learn about debt"), h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/our-team/" }, "Our Team"), h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://www.haymarketbooks.org/books/1520-can-t-pay-won-t-pay" }, "Our Book"), h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/contact-us/" }, "Contact"))), h("details", { class: "menu-nav-item-collapsable" }, h("summary", { class: "text-lg" }, "Support Us", " ", h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", h("div", { class: "material-icons icon icon-less" }, "expand_less")), h("div", { class: "menu-nav-item-nested" }, h("dc-link", { class: "text", namespace: "menu", to: "https://volunteer.debtcollective.org/" }, "Volunteer"), h("dc-link", { class: "text", namespace: "menu", to: "https://debt-collective.creator-spring.com/" }, "Shop"), h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/donate/" }, "Donate")))), h("div", { class: "menu-section menu-footer mt-auto" }, h("dc-link", { class: "icon", to: "https://twitter.com/StrikeDebt" }, h("span", { class: "d-none" }, "Go to Debtcollective's Twitter page"), h("svg", { "aria-hidden": "true", width: "32", height: "22", viewBox: "0 0 32 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M31.391 2.54176C30.2714 2.97352 29.0664 3.26476 27.802 3.39509C29.0929 2.72466 30.0827 1.66269 30.5495 0.395825C29.3421 1.01746 28.0055 1.46853 26.5816 1.71203C25.4421 0.658636 23.818 0 22.0206 0C18.5702 0 15.7725 2.42698 15.7725 5.42088C15.7725 5.84514 15.8276 6.25866 15.9345 6.6561C10.7412 6.42976 6.13636 4.27202 3.05435 0.992246C2.51646 1.79248 2.20857 2.72358 2.20857 3.71798C2.20857 5.59842 3.31154 7.25788 4.98826 8.22974C3.96442 8.20132 3.00056 7.95728 2.15787 7.55126C2.15725 7.57379 2.15725 7.59685 2.15725 7.61992C2.15725 10.2459 4.31126 12.4364 7.1701 12.9352C6.64582 13.0585 6.09371 13.125 5.52367 13.125C5.12056 13.125 4.72921 13.0913 4.34774 13.0274C5.14344 15.1809 7.45078 16.7486 10.1847 16.7921C8.04617 18.2461 5.35241 19.1128 2.42433 19.1128C1.92046 19.1128 1.42276 19.0871 0.933716 19.0367C3.6998 20.5755 6.98399 21.4722 10.5124 21.4722C22.0064 21.4722 28.2911 13.2125 28.2911 6.04895C28.2911 5.81403 28.2855 5.57964 28.2737 5.34687C29.4942 4.58418 30.5538 3.62894 31.391 2.54176Z", fill: "#434343" }))), h("dc-link", { class: "icon", to: "https://www.facebook.com/DebtCollective" }, h("span", { class: "d-none" }, "Go to Debtcollective's Facebook page"), h("svg", { "aria-hidden": "true", width: "28", height: "24", viewBox: "0 0 28 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.292114 22.0001C0.292114 23.1051 1.29658 24 2.53648 24H24.9815C26.2215 24 27.2258 23.1051 27.2258 22.0001V1.99991C27.2258 0.89501 26.2215 0 24.9815 0H2.53654C1.29658 0 0.292176 0.895062 0.292176 1.99991L0.292114 22.0001ZM14.3202 21V13H12.0756V9.99994H14.3202C14.3202 4.84496 14.5667 4.50002 21.6148 4.50002V7.50004C17.9 7.50004 18.248 7.68506 18.248 10H21.6148V13.0001H18.248V21H14.3202Z", fill: "#343434" }))), h("dc-link", { class: "icon", to: "https://www.instagram.com/thedebtcollective/" }, h("span", { class: "d-none" }, "Go to Debtcollective's Instagram profile"), h("svg", { "aria-hidden": "true", width: "28", height: "25", viewBox: "0 0 28 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M21.8601 0H5.33332C2.46257 0 0.127075 2.08063 0.127075 4.63867V9.53882V19.3657C0.127075 21.9238 2.46257 24.0044 5.33332 24.0044H21.8605C24.7314 24.0044 27.0663 21.9238 27.0663 19.3657V9.53834V4.63819C27.0657 2.08014 24.7308 0 21.8601 0ZM23.3532 2.76626L23.9488 2.76432V3.29259V6.83309L19.3979 6.84616L19.3821 2.77788L23.3532 2.76626ZM9.75163 9.53834C10.6145 8.47454 12.0143 7.77681 13.5967 7.77681C15.179 7.77681 16.5788 8.47454 17.4407 9.53834C18.0019 10.2327 18.3383 11.082 18.3383 12.002C18.3383 14.3315 16.2093 16.2267 13.5961 16.2267C10.9814 16.2267 8.85449 14.3315 8.85449 12.002C8.85504 11.082 9.1903 10.2327 9.75163 9.53834ZM24.4411 19.3653C24.4411 20.6344 23.2832 21.6652 21.8601 21.6652H5.33332C3.90963 21.6652 2.75166 20.6344 2.75166 19.3653V9.53834H6.77276C6.42553 10.2995 6.23045 11.1309 6.23045 12.002C6.23045 15.6204 9.53427 18.5664 13.5967 18.5664C17.6586 18.5664 20.9624 15.6204 20.9624 12.002C20.9624 11.1309 20.7662 10.2995 20.4189 9.53834H24.4411V19.3653Z", fill: "#434343" })))))));
return (h("div", { class: "menu-container" }, h("div", { class: `menu ${this.open ? "is-open" : ""}` }, h("div", { class: "menu-section menu-header" }, h("button", { class: "btn-transparent menu-close material-icons", "aria-label": "close menu", onClick: this.toggleMenuHandler.bind(this) }, "close")), h("nav", { class: "menu-section menu-nav" }, h("dc-link", { class: "menu-nav-item text-lg", namespace: "menu", to: "https://debtcollective.org/debt-union" }, "Join the Union"), h("dc-link", { class: "menu-nav-item text-lg", namespace: "menu", to: "https://community.debtcollective.org/upcoming-events" }, "Browse Events"), h("details", { class: "menu-nav-item-collapsable" }, h("summary", { class: "text-lg" }, "Cancel Student Debt", h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", h("div", { class: "material-icons icon icon-less" }, "expand_less")), h("div", { class: "menu-nav-item-nested" }, h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://actionnetwork.org/petitions/bidenjubilee100" }, "Sign the petition"), h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://actionnetwork.org/letters/cancel-all-student-debt-today" }, "Email your reps"))), h("details", { class: "menu-nav-item-collapsable" }, h("summary", { class: "text-lg" }, "For Members", h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", h("div", { class: "material-icons icon icon-less" }, "expand_less")), h("div", { class: "menu-nav-item-nested" }, h("dc-link", { class: "text", namespace: "menu", to: "https://tools.debtcollective.org/" }, "Dispute your Debt"), h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/" }, "Connect with other debtors"), h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/join-a-working-group/4957/2" }, "Join a working group"), h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/c/working-groups/local-organizing/20" }, "Join or start a local branch"), h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/debt-collective-higher-education-committee/4958" }, "Join a Committee"), h("dc-link", { class: "text", namespace: "menu", to: "https://community.debtcollective.org/t/training-educational-videos/4959" }, "View Past Trainings"))), h("details", { class: "menu-nav-item-collapsable" }, h("summary", { class: "text-lg" }, "About", " ", h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", h("div", { class: "material-icons icon icon-less" }, "expand_less")), h("div", { class: "menu-nav-item-nested" }, h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/about-us/" }, "Our Union"), h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://www.youtube.com/playlist?list=PLnQCwElJCNf9NHOqHicDrb03RX04nNl-h" }, "Learn about debt"), h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/our-team/" }, "Our Team"), h("dc-link", { class: "text", namespace: "menu", target: "_blank", to: "https://www.haymarketbooks.org/books/1520-can-t-pay-won-t-pay" }, "Our Book"), h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/contact-us/" }, "Contact"))), h("details", { class: "menu-nav-item-collapsable" }, h("summary", { class: "text-lg" }, "Support Us", " ", h("div", { class: "material-icons icon icon-more" }, "expand_more"), " ", h("div", { class: "material-icons icon icon-less" }, "expand_less")), h("div", { class: "menu-nav-item-nested" }, h("dc-link", { class: "text", namespace: "menu", to: "https://volunteer.debtcollective.org/" }, "Volunteer"), h("dc-link", { class: "text", namespace: "menu", to: "https://debt-collective.creator-spring.com/" }, "Shop"), h("dc-link", { class: "text", namespace: "menu", to: "https://debtcollective.org/donate/" }, "Donate")))), h("div", { class: "menu-section menu-footer mt-auto" }, h("dc-link", { class: "icon", to: "https://twitter.com/StrikeDebt" }, h("span", { class: "d-none" }, "Go to Debtcollective's Twitter page"), h("svg", { "aria-hidden": "true", width: "32", height: "22", viewBox: "0 0 32 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M31.391 2.54176C30.2714 2.97352 29.0664 3.26476 27.802 3.39509C29.0929 2.72466 30.0827 1.66269 30.5495 0.395825C29.3421 1.01746 28.0055 1.46853 26.5816 1.71203C25.4421 0.658636 23.818 0 22.0206 0C18.5702 0 15.7725 2.42698 15.7725 5.42088C15.7725 5.84514 15.8276 6.25866 15.9345 6.6561C10.7412 6.42976 6.13636 4.27202 3.05435 0.992246C2.51646 1.79248 2.20857 2.72358 2.20857 3.71798C2.20857 5.59842 3.31154 7.25788 4.98826 8.22974C3.96442 8.20132 3.00056 7.95728 2.15787 7.55126C2.15725 7.57379 2.15725 7.59685 2.15725 7.61992C2.15725 10.2459 4.31126 12.4364 7.1701 12.9352C6.64582 13.0585 6.09371 13.125 5.52367 13.125C5.12056 13.125 4.72921 13.0913 4.34774 13.0274C5.14344 15.1809 7.45078 16.7486 10.1847 16.7921C8.04617 18.2461 5.35241 19.1128 2.42433 19.1128C1.92046 19.1128 1.42276 19.0871 0.933716 19.0367C3.6998 20.5755 6.98399 21.4722 10.5124 21.4722C22.0064 21.4722 28.2911 13.2125 28.2911 6.04895C28.2911 5.81403 28.2855 5.57964 28.2737 5.34687C29.4942 4.58418 30.5538 3.62894 31.391 2.54176Z", fill: "#434343" }))), h("dc-link", { class: "icon", to: "https://www.facebook.com/DebtCollective" }, h("span", { class: "d-none" }, "Go to Debtcollective's Facebook page"), h("svg", { "aria-hidden": "true", width: "28", height: "24", viewBox: "0 0 28 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.292114 22.0001C0.292114 23.1051 1.29658 24 2.53648 24H24.9815C26.2215 24 27.2258 23.1051 27.2258 22.0001V1.99991C27.2258 0.89501 26.2215 0 24.9815 0H2.53654C1.29658 0 0.292176 0.895062 0.292176 1.99991L0.292114 22.0001ZM14.3202 21V13H12.0756V9.99994H14.3202C14.3202 4.84496 14.5667 4.50002 21.6148 4.50002V7.50004C17.9 7.50004 18.248 7.68506 18.248 10H21.6148V13.0001H18.248V21H14.3202Z", fill: "#343434" }))), h("dc-link", { class: "icon", to: "https://www.instagram.com/thedebtcollective/" }, h("span", { class: "d-none" }, "Go to Debtcollective's Instagram profile"), h("svg", { "aria-hidden": "true", width: "28", height: "25", viewBox: "0 0 28 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M21.8601 0H5.33332C2.46257 0 0.127075 2.08063 0.127075 4.63867V9.53882V19.3657C0.127075 21.9238 2.46257 24.0044 5.33332 24.0044H21.8605C24.7314 24.0044 27.0663 21.9238 27.0663 19.3657V9.53834V4.63819C27.0657 2.08014 24.7308 0 21.8601 0ZM23.3532 2.76626L23.9488 2.76432V3.29259V6.83309L19.3979 6.84616L19.3821 2.77788L23.3532 2.76626ZM9.75163 9.53834C10.6145 8.47454 12.0143 7.77681 13.5967 7.77681C15.179 7.77681 16.5788 8.47454 17.4407 9.53834C18.0019 10.2327 18.3383 11.082 18.3383 12.002C18.3383 14.3315 16.2093 16.2267 13.5961 16.2267C10.9814 16.2267 8.85449 14.3315 8.85449 12.002C8.85504 11.082 9.1903 10.2327 9.75163 9.53834ZM24.4411 19.3653C24.4411 20.6344 23.2832 21.6652 21.8601 21.6652H5.33332C3.90963 21.6652 2.75166 20.6344 2.75166 19.3653V9.53834H6.77276C6.42553 10.2995 6.23045 11.1309 6.23045 12.002C6.23045 15.6204 9.53427 18.5664 13.5967 18.5664C17.6586 18.5664 20.9624 15.6204 20.9624 12.002C20.9624 11.1309 20.7662 10.2995 20.4189 9.53834H24.4411V19.3653Z", fill: "#434343" })))))));
}

@@ -166,3 +166,3 @@ static get assetsDirs() { return ["assets"]; }

const headerCss = "dc-header{--brand-color:#ff4630;--button-color:#ff4630;--button-hover-color:#ee2812;--outline-button-hover-color:#fffbea;--text-color:#434343;--text-color-light:#74736f;--disabled-text-color:#52575c;--font-size:1rem;--column-gap:15px;--main-bg-color:#fbfbfb;--main-font:\"Libre Franklin\", sans-serif}dc-header .btn-primary,dc-header .btn-outline,dc-header .btn-transparent{align-items:center;border-radius:0.5rem;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0.5rem;transition:background 0.216s ease, color 0.216s ease;font-weight:bold}@media (min-width: 768px){dc-header .btn-primary,dc-header .btn-outline,dc-header .btn-transparent{padding-left:1rem;padding-right:1rem}}dc-header .btn-transparent{background:none;border:none;display:flex;font-size:var(--font-size);padding:0}dc-header .btn-outline{background:transparent;border:0.0625rem solid var(--text-color);color:var(--text-color)}dc-header .btn-outline:hover{background:var(--outline-button-hover-color)}dc-header .btn-primary{background:var(--button-color);border:0.0625rem solid var(--button-color);color:#fff}dc-header .btn-primary:hover{border:0.0625rem solid var(--button-hover-color);background:var(--button-hover-color)}dc-header .material-icons{color:var(--text-color);font-family:\"Material Icons\";font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}dc-header .m-0{margin:0rem}dc-header .m-1{margin:0.5rem}dc-header .m-2{margin:1rem}dc-header .m-3{margin:1.5rem}dc-header .m-4{margin:2rem}dc-header .m-5{margin:2.5rem}dc-header .m-6{margin:3rem}dc-header .m-auto{margin:auto}dc-header .mt-0{margin-top:0rem}dc-header .mt-1{margin-top:0.5rem}dc-header .mt-2{margin-top:1rem}dc-header .mt-3{margin-top:1.5rem}dc-header .mt-4{margin-top:2rem}dc-header .mt-5{margin-top:2.5rem}dc-header .mt-6{margin-top:3rem}dc-header .mt-auto{margin-top:auto}dc-header .mb-0{margin-bottom:0rem}dc-header .mb-1{margin-bottom:0.5rem}dc-header .mb-2{margin-bottom:1rem}dc-header .mb-3{margin-bottom:1.5rem}dc-header .mb-4{margin-bottom:2rem}dc-header .mb-5{margin-bottom:2.5rem}dc-header .mb-6{margin-bottom:3rem}dc-header .mb-auto{margin-bottom:auto}dc-header .ml-0{margin-left:0rem}dc-header .ml-1{margin-left:0.5rem}dc-header .ml-2{margin-left:1rem}dc-header .ml-3{margin-left:1.5rem}dc-header .ml-4{margin-left:2rem}dc-header .ml-5{margin-left:2.5rem}dc-header .ml-6{margin-left:3rem}dc-header .ml-auto{margin-left:auto}dc-header .mr-0{margin-right:0rem}dc-header .mr-1{margin-right:0.5rem}dc-header .mr-2{margin-right:1rem}dc-header .mr-3{margin-right:1.5rem}dc-header .mr-4{margin-right:2rem}dc-header .mr-5{margin-right:2.5rem}dc-header .mr-6{margin-right:3rem}dc-header .mr-auto{margin-right:auto}@media (min-width: 359px){dc-header .d-xxs-block.d-xxs-block{display:block !important}}@media (min-width: 576px){dc-header .d-xs-block.d-xs-block{display:block !important}}@media (min-width: 768px){dc-header .d-sm-block.d-sm-block{display:block !important}}@media (min-width: 992px){dc-header .d-md-block.d-md-block{display:block !important}}@media (min-width: 1200px){dc-header .d-lg-block.d-lg-block{display:block !important}}dc-header .d-block{display:block !important}@media (min-width: 359px){dc-header .d-xxs-flex.d-xxs-flex{display:flex !important}}@media (min-width: 576px){dc-header .d-xs-flex.d-xs-flex{display:flex !important}}@media (min-width: 768px){dc-header .d-sm-flex.d-sm-flex{display:flex !important}}@media (min-width: 992px){dc-header .d-md-flex.d-md-flex{display:flex !important}}@media (min-width: 1200px){dc-header .d-lg-flex.d-lg-flex{display:flex !important}}dc-header .d-flex{display:flex !important}@media (min-width: 359px){dc-header .d-xxs-none.d-xxs-none{display:none !important}}@media (min-width: 576px){dc-header .d-xs-none.d-xs-none{display:none !important}}@media (min-width: 768px){dc-header .d-sm-none.d-sm-none{display:none !important}}@media (min-width: 992px){dc-header .d-md-none.d-md-none{display:none !important}}@media (min-width: 1200px){dc-header .d-lg-none.d-lg-none{display:none !important}}dc-header .d-none{display:none !important}dc-header .hidden{display:none !important}dc-header .logo{display:flex;flex-direction:column;justify-content:center}dc-header .logo>img{height:3.375rem;position:relative;width:auto}dc-header .logo-container{display:flex;flex-direction:row;justify-content:space-between}@media (min-width: 768px){dc-header .logo-container{justify-content:flex-start}}dc-header .navbar{-webkit-backface-visibility:hidden;align-items:center;backface-visibility:hidden;background-color:var(--main-bg-color);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:1rem var(--column-gap);position:fixed;top:0;width:100%;z-index:1020}dc-header .header-top{padding-top:0.625rem}@media (min-width: 768px){dc-header .header-top{padding-bottom:0.625rem}}dc-header .header-top .logo-container{flex:3}dc-header .header-top .session{justify-content:flex-end;flex:2}@media (min-width: 768px){dc-header .header-top .logo-container,dc-header .header-top .session{flex:1}}dc-header .header-bottom{box-shadow:0px -4px 4px rgba(0, 0, 0, 0.25);top:auto;bottom:0}dc-header .header-bottom>[class*=btn]{flex:1}dc-header .header-item{display:flex;min-width:2rem}.session-items{display:flex;align-items:center;margin-left:auto}.document-cloak{height:100vh;width:100vw;position:fixed;background-color:transparent;opacity:0.5;top:0;left:0;z-index:1010}";
const headerCss = "dc-header{--brand-color:#ff4630;--button-color:#ff4630;--button-hover-color:#ee2812;--outline-button-hover-color:#fffbea;--text-color:#434343;--text-color-light:#74736f;--disabled-text-color:#52575c;--font-size:1rem;--column-gap:15px;--main-bg-color:#fbfbfb;--main-font:\"Libre Franklin\", sans-serif}dc-header .btn-primary,dc-header .btn-outline,dc-header .btn-transparent{align-items:center;border-radius:0.5rem;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0.5rem;transition:background 0.216s ease, color 0.216s ease;font-weight:bold}@media (min-width: 768px){dc-header .btn-primary,dc-header .btn-outline,dc-header .btn-transparent{padding-left:1rem;padding-right:1rem}}dc-header .btn-transparent{background:none;border:none;display:flex;font-size:var(--font-size);padding:0}dc-header .btn-outline{background:transparent;border:0.0625rem solid var(--text-color);color:var(--text-color)}dc-header .btn-outline:hover{background:var(--outline-button-hover-color)}dc-header .btn-primary{background:var(--button-color);border:0.0625rem solid var(--button-color);color:#fff}dc-header .btn-primary:hover{border:0.0625rem solid var(--button-hover-color);background:var(--button-hover-color)}dc-header .material-icons{color:var(--text-color);font-family:\"Material Icons\";font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}dc-header .m-0{margin:0rem}dc-header .m-1{margin:0.5rem}dc-header .m-2{margin:1rem}dc-header .m-3{margin:1.5rem}dc-header .m-4{margin:2rem}dc-header .m-5{margin:2.5rem}dc-header .m-6{margin:3rem}dc-header .m-auto{margin:auto}dc-header .mt-0{margin-top:0rem}dc-header .mt-1{margin-top:0.5rem}dc-header .mt-2{margin-top:1rem}dc-header .mt-3{margin-top:1.5rem}dc-header .mt-4{margin-top:2rem}dc-header .mt-5{margin-top:2.5rem}dc-header .mt-6{margin-top:3rem}dc-header .mt-auto{margin-top:auto}dc-header .mb-0{margin-bottom:0rem}dc-header .mb-1{margin-bottom:0.5rem}dc-header .mb-2{margin-bottom:1rem}dc-header .mb-3{margin-bottom:1.5rem}dc-header .mb-4{margin-bottom:2rem}dc-header .mb-5{margin-bottom:2.5rem}dc-header .mb-6{margin-bottom:3rem}dc-header .mb-auto{margin-bottom:auto}dc-header .ml-0{margin-left:0rem}dc-header .ml-1{margin-left:0.5rem}dc-header .ml-2{margin-left:1rem}dc-header .ml-3{margin-left:1.5rem}dc-header .ml-4{margin-left:2rem}dc-header .ml-5{margin-left:2.5rem}dc-header .ml-6{margin-left:3rem}dc-header .ml-auto{margin-left:auto}dc-header .mr-0{margin-right:0rem}dc-header .mr-1{margin-right:0.5rem}dc-header .mr-2{margin-right:1rem}dc-header .mr-3{margin-right:1.5rem}dc-header .mr-4{margin-right:2rem}dc-header .mr-5{margin-right:2.5rem}dc-header .mr-6{margin-right:3rem}dc-header .mr-auto{margin-right:auto}@media (min-width: 359px){dc-header .d-xxs-block.d-xxs-block{display:block !important}}@media (min-width: 576px){dc-header .d-xs-block.d-xs-block{display:block !important}}@media (min-width: 768px){dc-header .d-sm-block.d-sm-block{display:block !important}}@media (min-width: 992px){dc-header .d-md-block.d-md-block{display:block !important}}@media (min-width: 1200px){dc-header .d-lg-block.d-lg-block{display:block !important}}dc-header .d-block{display:block !important}@media (min-width: 359px){dc-header .d-xxs-flex.d-xxs-flex{display:flex !important}}@media (min-width: 576px){dc-header .d-xs-flex.d-xs-flex{display:flex !important}}@media (min-width: 768px){dc-header .d-sm-flex.d-sm-flex{display:flex !important}}@media (min-width: 992px){dc-header .d-md-flex.d-md-flex{display:flex !important}}@media (min-width: 1200px){dc-header .d-lg-flex.d-lg-flex{display:flex !important}}dc-header .d-flex{display:flex !important}@media (min-width: 359px){dc-header .d-xxs-none.d-xxs-none{display:none !important}}@media (min-width: 576px){dc-header .d-xs-none.d-xs-none{display:none !important}}@media (min-width: 768px){dc-header .d-sm-none.d-sm-none{display:none !important}}@media (min-width: 992px){dc-header .d-md-none.d-md-none{display:none !important}}@media (min-width: 1200px){dc-header .d-lg-none.d-lg-none{display:none !important}}dc-header .d-none{display:none !important}dc-header .hidden{display:none !important}dc-header .logo{display:flex;flex-direction:column;justify-content:center}dc-header .logo>img{height:3.375rem;position:relative;width:auto;transition:all ease 0.216s}dc-header .logo-container{display:flex;flex-direction:row;justify-content:space-between}@media (min-width: 768px){dc-header .logo-container{justify-content:flex-start}}dc-header .logo.logo-shrink>img:not(.fixed-size){height:2rem}dc-header .navbar{-webkit-backface-visibility:hidden;align-items:center;backface-visibility:hidden;background-color:var(--main-bg-color);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:1rem var(--column-gap);position:fixed;top:0;width:100%;z-index:1020}dc-header .navbar-top,dc-header .navbar-bottom{transition:transform ease 0.216s}dc-header .navbar-top.is-moved,dc-header .navbar-bottom.is-moved{transform:translate3d(320px, 0, 0)}dc-header .navbar-top{padding-top:0.75rem;padding-bottom:0.75rem}dc-header .navbar-top.is-shrink{padding-top:0.5rem;padding-bottom:0.5rem}@media (min-width: 768px){dc-header .navbar-top{padding-bottom:0.625rem}}dc-header .navbar-bottom{box-shadow:0px -4px 4px rgba(0, 0, 0, 0.25);top:auto;bottom:0}dc-header .navbar-bottom.is-shrink{transform:translate3d(0, 150%, 0)}dc-header .navbar-bottom.is-shrink.is-moved{transform:translate3d(320px, 150%, 0)}dc-header .navbar-bottom>[class*=btn]{flex:1}dc-header .navbar-item{display:flex;min-width:2rem}.document-cloak{height:100vh;width:100vw;position:fixed;background-color:transparent;opacity:0.5;top:0;left:0;z-index:1010}dc-header header.l-header .logo-container{flex:3}dc-header header.l-header .session-container{justify-content:flex-end;flex:2}@media (min-width: 768px){dc-header header.l-header .logo-container,dc-header header.l-header .session-container{flex:1}}";

@@ -200,2 +200,9 @@ const Header = class {

}
handleScroll(e) {
var _a, _b;
const scrollTop = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollingElement) === null || _b === void 0 ? void 0 : _b.scrollTop;
// set shrink to true whenever the scroll direction is down
this.isShrink = scrollTop > this.scrollTop;
this.scrollTop = scrollTop;
}
toggleMenuHandler() {

@@ -229,3 +236,3 @@ this.toggleMenu();

render() {
return (h(Host, null, h("header", { class: `header-top navbar ${this.isMenuOpen ? "menu-open" : "menu-hidden"}` }, h("div", { class: "logo-container header-item" }, h("button", { class: "btn-transparent", onClick: this.toggleMenuHandler.bind(this) }, h("span", { class: "material-icons" }, "menu")), h("a", { class: "logo", href: this.homepage }, h("img", { class: "d-sm-none", src: getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }), h("img", { class: "d-none d-sm-block ml-2", src: getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" }))), h("div", { class: "session header-item" }, this.user ? (h("dc-profile", { user: this.user, community: this.community, expanded: this.isProfileMenuOpen })) : (h("span", { class: "d-none d-sm-flex ml-auto" }, h("a", { href: this._loginUrl, class: "btn-outline" }, "Member login"), h("a", { href: this.union, class: "btn-primary ml-1" }, "Join the Union"))))), this.user ? null : (h("div", { class: `header-bottom navbar d-sm-none ${this.isMenuOpen ? "menu-open" : "menu-hidden"}` }, h("a", { href: this._loginUrl, class: "btn-outline" }, "Member login"), h("a", { href: this.union, class: "btn-primary ml-1" }, "Join the Union"))), h("dc-menu", { open: this.isMenuOpen }), h("div", { class: `document-cloak ${this.isMenuOpen || this.isProfileMenuOpen ? "d-block" : "hidden"}`, onClick: this.closeAll.bind(this) })));
return (h(Host, null, h("header", { class: `navbar-top navbar l-header ${this.isMenuOpen ? "is-moved" : ""} ${this.isShrink ? "is-shrink" : ""}` }, h("div", { class: "logo-container navbar-item" }, h("button", { class: "btn-transparent", onClick: this.toggleMenuHandler.bind(this) }, h("span", { class: "material-icons" }, "menu")), h("a", { class: `logo ${this.isShrink ? "logo-shrink" : ""}`, href: this.homepage }, h("img", { class: "d-sm-none", src: getAssetPath(`./assets/${this._logoSmall}`), alt: "The Debtcollective" }), h("img", { class: "d-none d-sm-block ml-2 fixed-size", src: getAssetPath(`./assets/${this._logo}`), alt: "The Debtcollective" }))), h("div", { class: "session-container navbar-item" }, this.user ? (h("dc-profile", { user: this.user, community: this.community, expanded: this.isProfileMenuOpen })) : (h("span", { class: "d-none d-sm-flex ml-auto" }, h("a", { href: this._loginUrl, class: "btn-outline" }, "Member login"), h("a", { href: this.union, class: "btn-primary ml-1" }, "Join the Union"))))), this.user ? null : (h("div", { class: `navbar-bottom navbar d-sm-none ${this.isMenuOpen ? "is-moved" : ""} ${this.isShrink ? "is-shrink" : ""}` }, h("a", { href: this._loginUrl, class: "btn-outline" }, "Member login"), h("a", { href: this.union, class: "btn-primary ml-1" }, "Join the Union"))), h("dc-menu", { open: this.isMenuOpen }), h("div", { class: `document-cloak ${this.isMenuOpen || this.isProfileMenuOpen ? "d-block" : "hidden"}`, onClick: this.closeAll.bind(this) })));
}

@@ -232,0 +239,0 @@ static get assetsDirs() { return ["assets"]; }

4

dist/esm/header.js

@@ -1,2 +0,2 @@

import { p as promiseResolve, b as bootstrapLazy } from './index-e8148e61.js';
import { p as promiseResolve, b as bootstrapLazy } from './index-6e6b72f0.js';

@@ -16,3 +16,3 @@ /*

patchBrowser().then(options => {
return bootstrapLazy([["dc-header_4",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
return bootstrapLazy([["dc-header_4",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isShrink":[32],"scrollTop":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[9,"scroll","handleScroll"],[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
});

4

dist/esm/loader.js

@@ -1,2 +0,2 @@

import { p as promiseResolve, b as bootstrapLazy } from './index-e8148e61.js';
import { p as promiseResolve, b as bootstrapLazy } from './index-6e6b72f0.js';

@@ -13,3 +13,3 @@ /*

return patchEsm().then(() => {
return bootstrapLazy([["dc-header_4",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
return bootstrapLazy([["dc-header_4",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isShrink":[32],"scrollTop":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[9,"scroll","handleScroll"],[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
});

@@ -16,0 +16,0 @@ };

2

dist/header/header.esm.js

@@ -1,1 +0,1 @@

import{p as e,b as n}from"./p-a00e32cb.js";(()=>{const n=import.meta.url,o={};return""!==n&&(o.resourcesUrl=new URL(".",n).href),e(o)})().then((e=>n([["p-166a8c12",[[0,"dc-header",{donateurl:[1],homepage:[1],union:[1],community:[1],host:[1],user:[32],isMenuOpen:[32],isProfileMenuOpen:[32]},[[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{open:[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{expanded:[4],community:[1],user:[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{to:[1],target:[1],namespace:[1]},[[2,"click","handleClick"]]]]]],e)));
import{p as e,b as l}from"./p-9e65bbf5.js";(()=>{const l=import.meta.url,n={};return""!==l&&(n.resourcesUrl=new URL(".",l).href),e(n)})().then((e=>l([["p-20e3c873",[[0,"dc-header",{donateurl:[1],homepage:[1],union:[1],community:[1],host:[1],user:[32],isShrink:[32],scrollTop:[32],isMenuOpen:[32],isProfileMenuOpen:[32]},[[9,"scroll","handleScroll"],[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{open:[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{expanded:[4],community:[1],user:[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{to:[1],target:[1],namespace:[1]},[[2,"click","handleClick"]]]]]],e)));

9

dist/types/components/dc-header/header.d.ts

@@ -23,2 +23,10 @@ import "./menu";

/**
* Whether or not the header is shrink
*/
isShrink: boolean;
/**
* Current scroll position to allow to infer scroll direction
*/
scrollTop: number;
/**
* Whether or not the menu is displayed

@@ -60,2 +68,3 @@ */

componentWillLoad(): Promise<void>;
handleScroll(e: any): void;
toggleMenuHandler(): void;

@@ -62,0 +71,0 @@ toggleProfileMenuHandler(): void;

8

package.json
{
"name": "@debtcollective/dc-header-component",
"version": "3.0.0",
"version": "3.1.0",
"description": "Stencil header component for debtcollective web apps",

@@ -28,6 +28,2 @@ "main": "dist/index.cjs.js",

},
"dependencies": {
"@debtcollective/dc-dropdown-component": "^1.7.0",
"lodash.omit": "^4.5.0"
},
"devDependencies": {

@@ -47,3 +43,3 @@ "@stencil/core": "^2.5.2",

"license": "BSD-3-Clause",
"gitHead": "8b79de0dc86654aaec074fe13e69b90b97446bec"
"gitHead": "76be43348f9d71d8d7b75f6eddac576aa6bf24d2"
}
dist/cjs/index-c4701d1b.js
dist/esm/index-e8148e61.js
dist/header/p-166a8c12.entry.js
dist/header/p-a00e32cb.js
dist/collection/components/dc-header/header.css

Sorry, the diff of this file is not supported yet

dist/collection/components/dc-header/menu.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc