@telekom/scale-components/dist/scale-components/p-4bc45b7f.entry.js

Scale is the digital design system for Telekom products and experiences.

import{r as e,h as t,a as n,g as a}from"./p-d52b3602.js";import{c as i}from"./p-c608c6dc.js";const o=class{constructor(t){e(this,t),this.expanded=!1,this.headingLevel="2",this.handleClick=()=>{this.expanded=!this.expanded}}render(){return t(n,null,t("div",{part:i("telekom-footer-extended-navigation-column",{expanded:this.expanded})},t("div",{part:"heading-container"},t("span",{role:"heading","aria-level":this.headingLevel,part:"heading-with-button"},t("button",{onClick:this.handleClick,part:"heading-button"},t("span",null," ",this.heading),t("scale-icon-navigation-collapse-down",{selected:!0,size:16}))),t("span",{part:"heading",role:"heading","aria-level":this.headingLevel},this.heading)),t("div",{part:i("telekom-footer-extended-navigation-column-links",this.expanded?"links-expanded":"links-hidden")},t("slot",null))))}get hostElement(){return a(this)}};o.style="[part~='telekom-footer-extended-navigation-column']{--heading-color:var(--telekom-color-text-and-icon-standard);--heading-weight:var(--telekom-typography-font-weight-bold);--link-color:var(--telekom-color-text-and-icon-standard)}[part~='links-hidden']{display:none}[part~='links-expanded']{display:block}[part~='telekom-footer-extended-navigation-column-links']{font-size:var(--telekom-typography-font-size-body);line-height:140%}[part~='heading'],[part~='heading-button']{font-family:var(--telekom-typography-font-family-sans);font-size:var(--telekom-typography-font-size-body);line-height:140%;margin:0;color:var(--heading-color);font-weight:var(--heading-weight);background:none;border:none}[part~='heading-button']{display:flex;padding:0;width:100%;cursor:pointer;align-items:center;justify-content:space-between}[part~='heading']{display:none}[part~='heading-container'] h2{margin-block-start:0;margin-block-end:0}[part~='heading-container'] button{padding-top:20px;padding-bottom:20px}scale-divider{--spacing:0}@media screen and (min-width: 640px){[part~='heading-with-button']{display:none}[part~='heading']{display:block}[part~='telekom-footer-extended-navigation-column-links']{display:block}scale-divider{display:none}}[part~='expanded'] scale-icon-navigation-collapse-down{transform:rotate(0.5turn)}";export{o as scale_telekom_footer_extended_navigation_column}