@telekom/scale-components
Version:
Scale is the digital design system for Telekom products and experiences.
1 lines • 1.15 kB
JavaScript
import{r as t,h as s,a as i}from"./p-d52b3602.js";import{c as a}from"./p-c608c6dc.js";const r=class{constructor(s){t(this,s),this.size=24,this.fill="var(--icon-color, currentColor)",this.stroke="transparent",this.focusable=!1,this.decorative=!1}render(){const t={fill:this.fill,stroke:this.stroke},a=this.decorative?{"aria-hidden":"true"}:{},r=this.focusable?{tabindex:0}:{};return s(i,null,s("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",class:this.getCssClassMap(),part:"base",width:this.size,height:this.size,viewBox:"0 0 24 24",role:"img"},a,r),this.accessibilityTitle&&s("title",null,this.accessibilityTitle),this.path?s("path",Object.assign({d:this.path},t,{part:"path"})):s("use",Object.assign({xlinkHref:`#icon-${this.name}`},t))))}getCssClassMap(){return a("icon")}};r.style="scale-icon{--display:inline-flex;--transition:all var(--telekom-motion-duration-transition)\n var(--telekom-motion-easing-standard);display:var(--display)}scale-icon path{transition:var(--transition)}@media screen and (forced-colors: active), (-ms-high-contrast: active){scale-icon svg,.scale-icon{color:white;stroke:white}}";export{r as scale_icon}