import{r as t,h as o,a,g as r}from"./p-d52b3602.js";import{s as e}from"./p-c5a89792.js";const i=t=>Number.isNaN(Number(t))?t:t+"px",n=class{constructor(o){t(this,o),this.rotation=0}connectedCallback(){e({source:this.hostElement,tag:"beta"}),this.syncPropsToCSS()}rotationChanged(){this.syncPropsToCSS()}syncPropsToCSS(){this.hostElement.style.setProperty("--rotation",`${this.rotation}deg`),null==this.top&&null==this.right&&null==this.bottom&&null==this.left||Object.assign(this.hostElement.style,{top:i(this.top),right:i(this.right),bottom:i(this.bottom),left:i(this.left)})}render(){return o(a,null,this.styles&&o("style",null,this.styles),o("div",{part:"base"},o("slot",null)))}get hostElement(){return r(this)}static get watchers(){return{rotation:["rotationChanged"],top:["rotationChanged"],right:["rotationChanged"],bottom:["rotationChanged"],left:["rotationChanged"]}}};n.style=":host{--position:absolute;--background:var(--telekom-color-ui-extra-strong);--color:var(--telekom-color-text-and-icon-inverted-standard);--spacing:var(--telekom-spacing-composition-space-10);--min-width:6rem;--aspect-ratio:1 / 1;--rotation:0deg;--font-small:var(--telekom-text-style-body-bold);--font-medium:var(--telekom-text-style-body-bold);--font-large:var(--telekom-text-style-heading-1);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;position:var(--position);background:var(--background);color:var(--color);min-width:var(--min-width);aspect-ratio:var(--aspect-ratio);min-height:var(--min-width);transform:rotateZ(var(--rotation, 0deg))}[part='base']{box-sizing:border-box;padding:var(--spacing);font:var(--font-medium)}@media screen and (forced-colors: active), (-ms-high-contrast: active){[part='base']{border:1px solid}}:host([variant='primary']){--background:var(--telekom-color-primary-standard);--color:var(--telekom-color-text-and-icon-white-standard)}:host([variant='black']){--background:var(--telekom-color-ui-black, #000000);--color:var(--telekom-color-text-and-icon-white-standard)}:host([variant='white']){--background:var(--telekom-color-ui-white, #ffffff);--color:var(--telekom-color-text-and-icon-black-standard)}:host([variant='blue']){--background:var(--telekom-color-additional-cyan-100);--color:var(--telekom-color-text-and-icon-black-standard)}::slotted(*){display:block}::slotted(.scl-callout-text-small){font:var(--font-small)}::slotted(.scl-callout-text-large){font:var(--font-large)}";export{n as scale_callout}