@telekom/scale-components
Version:
Scale is the digital design system for Telekom products and experiences.
1 lines • 1.16 kB
JavaScript
import{r as i,h as r,a as e}from"./p-d52b3602.js";import{c as t}from"./p-c608c6dc.js";const a=class{constructor(r){i(this,r),this.vertical=!1}render(){return r(e,null,this.styles&&r("style",null,this.styles),r("div",{class:this.getCssClassMap(),"aria-hidden":"true",part:t("base",this.vertical&&"vertical")},this.vertical?r("span",{class:"divider__vertical",part:"rule-vertical"}):r("hr",{class:"divider__horizontal",part:"rule-horizontal"})))}getCssClassMap(){return t("divider",this.vertical&&"divider--vertical")}};a.style=":host{--width:100%;--height:100%;--spacing:var(--telekom-spacing-composition-space-05);--color:var(--telekom-color-ui-faint);--border-width:var(--telekom-spacing-composition-space-01);--min-height-vertical:var(--telekom-spacing-composition-space-08);width:var(--width);height:var(--height)}.divider{padding:var(--spacing)}.divider--vertical{display:inline-flex;height:inherit}.divider__horizontal{margin:0;border:0;border-top:var(--border-width) solid var(--color)}.divider__vertical{display:inline-flex;height:inherit;min-height:var(--min-height-vertical);border-left:var(--border-width) solid var(--color)}";export{a as scale_divider}