https://www.lesen-in-deutschland.de/213b2dd7.js

1import{s as a,c as e,n as t,S as s,i,k as r}from"./99668773.js";import{n,L as l,g as p,r as o,o as d,a as c}from"./caa7c57d.js";a.addReducers({nav:n});class u extends(e(a)(t)){static get properties(){return{navItems:{type:Array},_page:{type:String},_subPage:{type:String}}}static get styles(){return[s,l,i`
2        :host {
3          margin-top: calc(var(--app-base-dist-raw) * 2);
4          --drawer-nav-menu-height: auto;
5          background-color: var(--app-color-blue);
6        }
7        a {
8          font-size: var(--app-font-size-content);
9          text-transform: uppercase;
10        }
11        ul.unstyled {
12          text-align: left;
13          margin-bottom: var(--app-base-dist);
14        }
15        li {
16          padding: 0 var(--app-base-dist) calc(var(--app-base-dist-raw) / 2)
17            var(--app-base-dist);
18        }
19        ul li:nth-last-child(2) {
20          position: relative;
21          display: block;
22          margin-top: calc(var(--app-base-dist-raw) / 2);
23          padding-top: var(--app-base-dist);
24          margin-bottom: calc(var(--app-base-dist-raw) / 2);
25        }
26        ul li:nth-last-child(2)::before {
27          display: block;
28          content: '';
29          position: absolute;
30          top: 0;
31          left: var(--app-base-dist);
32          right: var(--app-base-dist);
33          height: 1px;
34          background: #fff;
35        }
36
37        ul li.socialmedia a.with-icon > i svg {
38          width: 2em;
39          height: 2em;
40        }
41        a.white {
42          margin-top: calc(var(--app-base-dist-raw) / 2);
43        }
44        i svg path {
45          fill: var(--app-color-white);
46        }
47      `]}constructor(){super(),this.navItems=null,a.dispatch(p())}shouldUpdate(){return this.navItems}renderItem(a){return null===a.parent||null===a?.url?null:(-1===a.url.indexOf("?pk_campaign=zielgruppe_campaign")&&(a.url+="?pk_campaign=zielgruppe_campaign&pk_kwd=menu"),r`
48      <li>
49        ${o(a,{classes:{white:!0,inline:!0}})}
50      </li>
51    `)}renderGroup(a){return r`
52      <ul class="unstyled">
53        ${d(a.tree,(a=>this.renderItem(a)))}
54
55        <li>
56          <a class="white inline" href="https://www.listserv.dfn.de/sympa/subscribe/lesen-in-deutschland?previous_action=info" target='_blank'>Newsletter abonnieren</a>
57        </li>
58        <li>
59          <a class="white inline" href="https://www.listserv.dfn.de/sympa/arc/lesen-in-deutschland" target='_blank'>Newsletter Archiv</a>
60        </li>
61      </ul>
62    `}render(){return r`
63      <nav role="navigation">
64        ${this.navItems?this.renderGroup(this.navItems):null}
65      </nav>
66    `}stateChanged(a){this.navItems=c(a,"main"),this._page=a.app.page,this._subPage=a.app.subPage}}window.customElements.define("drawer-nav",u);export{u as DrawerNav};