@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776760633 → 5.0.0-next-dev.1776866482

package/development/step-label.component-B7M9Yqyz.js

@@ -1,126 +0,0 @@
-import { html, unsafeCSS } from "lit";
-import { SbbButtonBaseElement, SbbDisabledMixin, SbbPropertyWatcherController, appendAriaElements, boxSizingStyles, removeAriaElements } from "./core.js";
-import { SbbIconNameMixin } from "./icon.pure.js";
-//#region src/elements/stepper/step-label/step-label.scss?inline
-var step_label_default = ":host {\n  --sbb-step-label-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-2x)\n  );\n  --_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);\n  --_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);\n  --_sbb-step-label-transform-y: calc(\n    -50% + var(--sbb-step-label-translate-y-content-hover, 0rem)\n  );\n  --_sbb-step-label-prefix-inset-block-start: calc(\n    1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) -\n      (var(--sbb-step-label-prefix-size) / 2)\n  );\n  position: relative;\n  display: flex;\n  min-width: 0;\n  max-width: fit-content;\n  gap: var(--sbb-step-label-gap);\n  cursor: var(--sbb-step-label-cursor);\n  color: var(--sbb-step-label-color);\n  font-size: var(--sbb-step-label-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n:host::before {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: var(--sbb-text-font-size-xxs);\n  font-weight: var(--sbb-step-label-font-weight-selected, normal);\n  inset-block-start: var(--_sbb-step-label-inset-block-start);\n  inset-inline-start: var(--_sbb-step-label-inset-inline-start);\n  line-height: 1;\n  z-index: 1;\n  transform: translate(-50%, var(--_sbb-step-label-transform-y));\n  transition: transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing);\n}\n\n:host(:is(:state(selected),[state--selected])) {\n  --sbb-step-label-color: var(--sbb-color-3);\n  --sbb-step-label-font-weight-selected: bold;\n}\n@media (forced-colors: active) {\n  :host(:is(:state(selected),[state--selected])) {\n    --sbb-step-label-color: Highlight !important;\n  }\n}\n\n:host(:is(:state(size-s),[state--size-s])) {\n  --sbb-step-label-gap: var(--sbb-spacing-fixed-3x);\n  --sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);\n  --sbb-step-label-font-size: var(--sbb-text-font-size-m);\n  --_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s);\n}\n\n:host(:disabled) {\n  --sbb-step-label-color: var(--sbb-color-granite);\n  --sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));\n  --sbb-step-label-prefix-border-style: dashed;\n}\n@media (forced-colors: active) {\n  :host(:disabled) {\n    --sbb-step-label-color: GrayText !important;\n  }\n}\n\n@media (any-hover: hover) {\n  :host(:hover:not(:disabled)) {\n    --sbb-step-label-cursor: var(--sbb-cursor-pointer);\n    --sbb-step-label-prefix-background-color: var(--sbb-background-color-3);\n    --sbb-step-label-translate-y-content-hover: -0.0625rem;\n    --sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1);\n  }\n}\n\n:host(:focus-visible) {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n  border-radius: var(--sbb-border-radius-1x);\n}\n\n:host(:is(:state(orientation-vertical),[state--orientation-vertical])) {\n  transition: margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);\n}\n\n:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)) {\n  margin-block-start: var(--sbb-spacing-fixed-6x);\n}\n\n:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) {\n  margin-block-end: var(--sbb-spacing-fixed-8x);\n}\n\n.sbb-step-label__prefix {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: var(--sbb-step-label-prefix-size);\n  height: var(--sbb-step-label-prefix-size);\n  inset-block-start: var(--_sbb-step-label-prefix-inset-block-start);\n}\n.sbb-step-label__prefix::before {\n  content: \"\";\n  position: absolute;\n  inset: calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));\n  border-radius: var(--sbb-border-radius-infinity);\n  border: var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);\n  background-color: var(--sbb-step-label-prefix-background-color);\n  transition-duration: var(--sbb-step-label-animation-duration);\n  transition-timing-function: var(--sbb-animation-easing);\n  transition-property: background-color, inset;\n}\n\n.sbb-step-label__text {\n  font-weight: bold;\n}\n:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n::slotted(sbb-icon),\nsbb-icon {\n  z-index: 1;\n  background-color: var(--sbb-step-label-prefix-background-color);\n  border-radius: var(--sbb-border-radius-infinity);\n  transform: translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));\n  transition-duration: var(--sbb-step-label-animation-duration);\n  transition-timing-function: var(--sbb-animation-easing);\n  transition-property: background-color, transform;\n}";
-//#endregion
-//#region src/elements/stepper/step-label/step-label.component.ts
-/**
-* Combined with a `sbb-stepper`, it displays a step's label.
-*
-* @slot - Use the unnamed slot to provide a label.
-* @slot icon - Use this to display an icon in the label bubble.
-*/
-var SbbStepLabelElement = class extends SbbIconNameMixin(SbbDisabledMixin(SbbButtonBaseElement)) {
-	static {
-		this.elementName = "sbb-step-label";
-	}
-	static {
-		this.role = "tab";
-	}
-	static {
-		this.styles = [boxSizingStyles, unsafeCSS(step_label_default)];
-	}
-	/** The step controlled by the label. */
-	get step() {
-		return this._step;
-	}
-	get stepper() {
-		return this.closest("sbb-stepper");
-	}
-	set disabled(value) {
-		super.disabled = value;
-		this.toggleState("user-disabled", value);
-	}
-	get disabled() {
-		return super.disabled;
-	}
-	constructor() {
-		super();
-		this._step = null;
-		this.addEventListener?.("click", () => {
-			const stepper = this.stepper;
-			if (stepper && this.step && this._isNotDeactivatedByLinearMode(this.step)) stepper.selected = this.step;
-		});
-		this.addController(new SbbPropertyWatcherController(this, () => this.stepper, {
-			orientation: (s) => {
-				if (this._previousOrientation) this.internals.states.delete(`orientation-${this._previousOrientation}`);
-				this._previousOrientation = s.orientation;
-				if (this._previousOrientation) this.internals.states.add(`orientation-${this._previousOrientation}`);
-			},
-			size: (s) => {
-				if (this._previousSize) this.internals.states.delete(`size-${this._previousSize}`);
-				this._previousSize = s.size;
-				if (this._previousSize) this.internals.states.add(`size-${this._previousSize}`);
-			}
-		}));
-	}
-	_isNotDeactivatedByLinearMode(step) {
-		const stepper = this.stepper;
-		if (stepper?.linear && stepper.selectedIndex !== null) {
-			const index = stepper.steps.indexOf(step);
-			return index < stepper.selectedIndex || index === stepper.selectedIndex + 1;
-		}
-		return true;
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		this.slot ||= "step-label";
-		this.internals.ariaSelected = "false";
-		this.tabIndex = -1;
-		this._assignStep();
-	}
-	/**
-	* Selects and configures the step label.
-	* @internal
-	*/
-	select() {
-		this.tabIndex = 0;
-		this.internals.ariaSelected = "true";
-		this.internals.states.add("selected");
-	}
-	/**
-	* Deselects and configures the step label.
-	* @internal
-	*/
-	deselect() {
-		this.tabIndex = -1;
-		this.internals.ariaSelected = "false";
-		this.internals.states.delete("selected");
-	}
-	/**
-	* Configures the step label.
-	* @internal
-	*/
-	configure(posInSet, setSize, stepperLoaded) {
-		if (stepperLoaded) this._assignStep();
-		this.internals.ariaPosInSet = `${posInSet}`;
-		this.internals.ariaSetSize = `${setSize}`;
-	}
-	_assignStep() {
-		let nextSibling = this.nextElementSibling;
-		while (nextSibling && nextSibling.localName !== "sbb-step") nextSibling = nextSibling.nextElementSibling;
-		const value = nextSibling;
-		this.internals.ariaControlsElements = removeAriaElements(this.internals.ariaControlsElements, this._step);
-		this._step = value instanceof Element ? value : null;
-		this.internals.ariaControlsElements = appendAriaElements(this.internals.ariaControlsElements, this._step);
-	}
-	/**
-	* @internal
-	* Disables the step label and avoids setting the `disabled` state to preserve the initial
-	* disabled state in case of switching between linear and non-linear mode.
-	*/
-	disable(value) {
-		super.disabled = value;
-	}
-	render() {
-		return html`
-      <span class="sbb-step-label__prefix">${this.renderIconSlot()}</span>
-      <span class="sbb-step-label__text"><slot></slot></span>
-    `;
-	}
-};
-//#endregion
-export { SbbStepLabelElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5jb21wb25lbnQtQjdNOVlxeXouanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC9zdGVwLWxhYmVsLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC9zdGVwLWxhYmVsLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0yeClcbiAgKTtcbiAgLS1fc2JiLXN0ZXAtbGFiZWwtaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWluc2V0LWJsb2NrLXN0YXJ0LXNpemUtbSk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZSkgLyAyKTtcbiAgLS1fc2JiLXN0ZXAtbGFiZWwtdHJhbnNmb3JtLXk6IGNhbGMoXG4gICAgLTUwJSArIHZhcigtLXNiYi1zdGVwLWxhYmVsLXRyYW5zbGF0ZS15LWNvbnRlbnQtaG92ZXIsICN7c2JiLnB4LXRvLXJlbS1idWlsZCgwKX0pXG4gICk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLXByZWZpeC1pbnNldC1ibG9jay1zdGFydDogY2FsYyhcbiAgICAxZW0gKiAodmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkgLyAyKSArICh2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSAvIDIpIC1cbiAgICAgICh2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZSkgLyAyKVxuICApO1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuICBtYXgtd2lkdGg6IGZpdC1jb250ZW50O1xuICBnYXA6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWdhcCk7XG4gIGN1cnNvcjogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtY3Vyc29yKTtcbiAgY29sb3I6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWNvbG9yKTtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItc3RlcC1sYWJlbC1mb250LXNpemUpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBAaW5jbHVkZSBzYmIuYWJzb2x1dGUtY2VudGVyLXgteTtcblxuICAgIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXh4cyk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWZvbnQtd2VpZ2h0LXNlbGVjdGVkLCBub3JtYWwpO1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1fc2JiLXN0ZXAtbGFiZWwtaW5zZXQtYmxvY2stc3RhcnQpO1xuICAgIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWlubGluZS1zdGFydCk7XG4gICAgbGluZS1oZWlnaHQ6IDE7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCB2YXIoLS1fc2JiLXN0ZXAtbGFiZWwtdHJhbnNmb3JtLXkpKTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc2JiLXN0ZXAtbGFiZWwtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKHNlbGVjdGVkKSkge1xuICAtLXNiYi1zdGVwLWxhYmVsLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMyk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZm9udC13ZWlnaHQtc2VsZWN0ZWQ6IGJvbGQ7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtY29sb3I6IEhpZ2hsaWdodCAhaW1wb3J0YW50O1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXMpKSB7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LXNpemU6IHZhcigtLXNiYi1zaXplLWVsZW1lbnQteHh4cyk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZm9udC1zaXplOiB2YXIoLS1zYmItdGV4dC1mb250LXNpemUtbSk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItc3RlcC1sYWJlbC1pbnNldC1ibG9jay1zdGFydC1zaXplLXMpO1xufVxuXG46aG9zdCg6ZGlzYWJsZWQpIHtcbiAgLS1zYmItc3RlcC1sYWJlbC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItZ3Jhbml0ZSksIHZhcigtLXNiYi1jb2xvci1ncmFwaGl0ZSkpO1xuICAtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1ib3JkZXItc3R5bGU6IGRhc2hlZDtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItc3RlcC1sYWJlbC1jb2xvcjogR3JheVRleHQgIWltcG9ydGFudDtcbiAgfVxufVxuXG46aG9zdCg6aG92ZXI6bm90KDpkaXNhYmxlZCkpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTMpO1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtdHJhbnNsYXRlLXktY29udGVudC1ob3ZlcjogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKC0xKX07XG4gICAgLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZS1ncm93LWhvdmVyOiBjYWxjKHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMngpICogLTEpO1xuICB9XG59XG5cbjpob3N0KDpmb2N1cy12aXNpYmxlKSB7XG4gIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTF4KTtcbn1cblxuOmhvc3QoOnN0YXRlKG9yaWVudGF0aW9uLXZlcnRpY2FsKSkge1xuICB0cmFuc2l0aW9uOiBtYXJnaW4gdmFyKC0tc2JiLXN0ZXBwZXItYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG59XG5cbjpob3N0KDpzdGF0ZShvcmllbnRhdGlvbi12ZXJ0aWNhbCk6bm90KDpmaXJzdC1vZi10eXBlKSkge1xuICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTZ4KTtcbn1cblxuOmhvc3QoOnN0YXRlKHNlbGVjdGVkKTpzdGF0ZShvcmllbnRhdGlvbi12ZXJ0aWNhbCkpIHtcbiAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtOHgpO1xufVxuXG4uc2JiLXN0ZXAtbGFiZWxfX3ByZWZpeCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LXNpemUpO1xuICBoZWlnaHQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1zaXplKTtcbiAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLV9zYmItc3RlcC1sYWJlbC1wcmVmaXgtaW5zZXQtYmxvY2stc3RhcnQpO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0OiBjYWxjKHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1zaXplLWdyb3ctaG92ZXIsICN7c2JiLnB4LXRvLXJlbS1idWlsZCgwKX0pKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy1pbmZpbml0eSk7XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSB2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtYm9yZGVyLXN0eWxlKVxuICAgICAgdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJvcmRlci1jb2xvcik7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJhY2tncm91bmQtY29sb3IpO1xuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGR1cmF0aW9uOiB2YXIoLS1zYmItc3RlcC1sYWJlbC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgICBwcm9wZXJ0eTogYmFja2dyb3VuZC1jb2xvciwgaW5zZXQ7XG4gICAgfVxuICB9XG59XG5cbi5zYmItc3RlcC1sYWJlbF9fdGV4dCB7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuXG4gIDpob3N0KDpzdGF0ZShvcmllbnRhdGlvbi1ob3Jpem9udGFsKSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLmVsbGlwc2lzO1xuICB9XG59XG5cbjo6c2xvdHRlZChzYmItaWNvbiksXG5zYmItaWNvbiB7XG4gIHotaW5kZXg6IDE7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkodmFyKC0tc2JiLXN0ZXAtbGFiZWwtdHJhbnNsYXRlLXktY29udGVudC1ob3ZlciwgI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDApfSkpO1xuICB0cmFuc2l0aW9uOiB7XG4gICAgZHVyYXRpb246IHZhcigtLXNiYi1zdGVwLWxhYmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIHRyYW5zZm9ybTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHtcbiAgYXBwZW5kQXJpYUVsZW1lbnRzLFxuICBib3hTaXppbmdTdHlsZXMsXG4gIHJlbW92ZUFyaWFFbGVtZW50cyxcbiAgU2JiQnV0dG9uQmFzZUVsZW1lbnQsXG4gIFNiYkRpc2FibGVkTWl4aW4sXG4gIFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24ucHVyZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlN0ZXBFbGVtZW50IH0gZnJvbSAnLi4vc3RlcC9zdGVwLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlN0ZXBwZXJFbGVtZW50IH0gZnJvbSAnLi4vc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3N0ZXAtbGFiZWwuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXN0ZXBwZXJgLCBpdCBkaXNwbGF5cyBhIHN0ZXAncyBsYWJlbC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgYSBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyB0byBkaXNwbGF5IGFuIGljb24gaW4gdGhlIGxhYmVsIGJ1YmJsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlN0ZXBMYWJlbEVsZW1lbnQgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFNiYkRpc2FibGVkTWl4aW4oU2JiQnV0dG9uQmFzZUVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc3RlcC1sYWJlbCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICd0YWInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKiogVGhlIHN0ZXAgY29udHJvbGxlZCBieSB0aGUgbGFiZWwuICovXG4gIHB1YmxpYyBnZXQgc3RlcCgpOiBTYmJTdGVwRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9zdGVwO1xuICB9XG4gIHByaXZhdGUgX3N0ZXA6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIGdldCBzdGVwcGVyKCk6IFNiYlN0ZXBwZXJFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuY2xvc2VzdCgnc2JiLXN0ZXBwZXInKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICBzdXBlci5kaXNhYmxlZCA9IHZhbHVlO1xuXG4gICAgLy8gV2UgYWRkaXRpb25hbGx5IGtlZXAgdHJhY2sgb2YgdGhlIGBkaXNhYmxlZGAgc3RhdGUgdG8gcHJlc2VydmUgdGhlIHVzZXIgY29uZmlndXJlZCBkaXNhYmxlZCBzdGF0ZVxuICAgIC8vIG9mIHN0ZXAgbGFiZWxzIGluIGNhc2Ugb2Ygc3dpdGNoaW5nIGJldHdlZW4gbGluZWFyIGFuZCBub24tbGluZWFyIG1vZGUuXG4gICAgdGhpcy50b2dnbGVTdGF0ZSgndXNlci1kaXNhYmxlZCcsIHZhbHVlKTtcbiAgfVxuICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBzdXBlci5kaXNhYmxlZDtcbiAgfVxuXG4gIHByaXZhdGUgX3ByZXZpb3VzT3JpZW50YXRpb24/OiBzdHJpbmc7XG4gIHByaXZhdGUgX3ByZXZpb3VzU2l6ZT86IHN0cmluZztcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcblxuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsICgpID0+IHtcbiAgICAgIGNvbnN0IHN0ZXBwZXIgPSB0aGlzLnN0ZXBwZXI7XG4gICAgICBpZiAoc3RlcHBlciAmJiB0aGlzLnN0ZXAgJiYgdGhpcy5faXNOb3REZWFjdGl2YXRlZEJ5TGluZWFyTW9kZSh0aGlzLnN0ZXApKSB7XG4gICAgICAgIHN0ZXBwZXIuc2VsZWN0ZWQgPSB0aGlzLnN0ZXA7XG4gICAgICB9XG4gICAgfSk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5zdGVwcGVyLCB7XG4gICAgICAgIG9yaWVudGF0aW9uOiAocykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBvcmllbnRhdGlvbi0ke3RoaXMuX3ByZXZpb3VzT3JpZW50YXRpb259YCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX3ByZXZpb3VzT3JpZW50YXRpb24gPSBzLm9yaWVudGF0aW9uO1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBvcmllbnRhdGlvbi0ke3RoaXMuX3ByZXZpb3VzT3JpZW50YXRpb259YCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBzaXplOiAocykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c1NpemUpIHtcbiAgICAgICAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoYHNpemUtJHt0aGlzLl9wcmV2aW91c1NpemV9YCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX3ByZXZpb3VzU2l6ZSA9IHMuc2l6ZTtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBzaXplLSR7dGhpcy5fcHJldmlvdXNTaXplfWApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIF9pc05vdERlYWN0aXZhdGVkQnlMaW5lYXJNb2RlKHN0ZXA6IFNiYlN0ZXBFbGVtZW50KTogYm9vbGVhbiB7XG4gICAgY29uc3Qgc3RlcHBlciA9IHRoaXMuc3RlcHBlcjtcbiAgICBpZiAoc3RlcHBlcj8ubGluZWFyICYmIHN0ZXBwZXIuc2VsZWN0ZWRJbmRleCAhPT0gbnVsbCkge1xuICAgICAgY29uc3QgaW5kZXggPSBzdGVwcGVyLnN0ZXBzLmluZGV4T2Yoc3RlcCk7XG4gICAgICByZXR1cm4gaW5kZXggPCBzdGVwcGVyLnNlbGVjdGVkSW5kZXggfHwgaW5kZXggPT09IHN0ZXBwZXIuc2VsZWN0ZWRJbmRleCArIDE7XG4gICAgfVxuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnc3RlcC1sYWJlbCc7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNlbGVjdGVkID0gJ2ZhbHNlJztcbiAgICB0aGlzLnRhYkluZGV4ID0gLTE7XG4gICAgdGhpcy5fYXNzaWduU3RlcCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhYkluZGV4ID0gMDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAndHJ1ZSc7XG4gICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnc2VsZWN0ZWQnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBEZXNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGRlc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMudGFiSW5kZXggPSAtMTtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAnZmFsc2UnO1xuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoJ3NlbGVjdGVkJyk7XG4gIH1cblxuICAvKipcbiAgICogQ29uZmlndXJlcyB0aGUgc3RlcCBsYWJlbC5cbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgY29uZmlndXJlKHBvc0luU2V0OiBudW1iZXIsIHNldFNpemU6IG51bWJlciwgc3RlcHBlckxvYWRlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChzdGVwcGVyTG9hZGVkKSB7XG4gICAgICB0aGlzLl9hc3NpZ25TdGVwKCk7XG4gICAgfVxuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFQb3NJblNldCA9IGAke3Bvc0luU2V0fWA7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNldFNpemUgPSBgJHtzZXRTaXplfWA7XG4gIH1cblxuICBwcml2YXRlIF9hc3NpZ25TdGVwKCk6IHZvaWQge1xuICAgIGxldCBuZXh0U2libGluZyA9IHRoaXMubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIHdoaWxlIChuZXh0U2libGluZyAmJiBuZXh0U2libGluZy5sb2NhbE5hbWUgIT09ICdzYmItc3RlcCcpIHtcbiAgICAgIG5leHRTaWJsaW5nID0gbmV4dFNpYmxpbmcubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIH1cblxuICAgIGNvbnN0IHZhbHVlID0gbmV4dFNpYmxpbmcgYXMgU2JiU3RlcEVsZW1lbnQgfCBudWxsO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzID0gcmVtb3ZlQXJpYUVsZW1lbnRzKFxuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNvbnRyb2xzRWxlbWVudHMsXG4gICAgICB0aGlzLl9zdGVwLFxuICAgICk7XG4gICAgdGhpcy5fc3RlcCA9IHZhbHVlIGluc3RhbmNlb2YgRWxlbWVudCA/IHZhbHVlIDogbnVsbDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhQ29udHJvbHNFbGVtZW50cyA9IGFwcGVuZEFyaWFFbGVtZW50cyhcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzLFxuICAgICAgdGhpcy5fc3RlcCxcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBEaXNhYmxlcyB0aGUgc3RlcCBsYWJlbCBhbmQgYXZvaWRzIHNldHRpbmcgdGhlIGBkaXNhYmxlZGAgc3RhdGUgdG8gcHJlc2VydmUgdGhlIGluaXRpYWxcbiAgICogZGlzYWJsZWQgc3RhdGUgaW4gY2FzZSBvZiBzd2l0Y2hpbmcgYmV0d2VlbiBsaW5lYXIgYW5kIG5vbi1saW5lYXIgbW9kZS5cbiAgICovXG4gIHB1YmxpYyBkaXNhYmxlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzYWJsZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fcHJlZml4XCI+JHt0aGlzLnJlbmRlckljb25TbG90KCl9PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fdGV4dFwiPjxzbG90Pjwvc2xvdD48L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXN0ZXAtbGFiZWwnOiBTYmJTdGVwTGFiZWxFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUNzQkEsSUFBYSxzQkFBYixjQUF5QyxpQkFBaUIsaUJBQWlCLHFCQUFxQixDQUFDLENBQUE7O0FBQy9ELE9BQUEsY0FBc0I7OztBQUN0QixPQUFBLE9BQU87OztBQUNoQixPQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsbUJBQU0sQ0FBQzs7O0NBR25GLElBQVcsT0FBSTtBQUNiLFNBQU8sS0FBSzs7Q0FJZCxJQUFXLFVBQU87QUFDaEIsU0FBTyxLQUFLLFFBQVEsY0FBYzs7Q0FHcEMsSUFBb0IsU0FBUyxPQUFjO0FBQ3pDLFFBQU0sV0FBVztBQUlqQixPQUFLLFlBQVksaUJBQWlCLE1BQU07O0NBRTFDLElBQW9CLFdBQVE7QUFDMUIsU0FBTyxNQUFNOztDQU1mLGNBQUE7QUFDRSxTQUFPO0FBckJELE9BQUEsUUFBK0I7QUF1QnJDLE9BQUssbUJBQW1CLGVBQWM7R0FDcEMsTUFBTSxVQUFVLEtBQUs7QUFDckIsT0FBSSxXQUFXLEtBQUssUUFBUSxLQUFLLDhCQUE4QixLQUFLLEtBQUssQ0FDdkUsU0FBUSxXQUFXLEtBQUs7SUFFMUI7QUFDRixPQUFLLGNBQ0gsSUFBSSw2QkFBNkIsWUFBWSxLQUFLLFNBQVM7R0FDekQsY0FBYyxNQUFLO0FBQ2pCLFFBQUksS0FBSyxxQkFDUCxNQUFLLFVBQVUsT0FBTyxPQUFPLGVBQWUsS0FBSyx1QkFBdUI7QUFFMUUsU0FBSyx1QkFBdUIsRUFBRTtBQUM5QixRQUFJLEtBQUsscUJBQ1AsTUFBSyxVQUFVLE9BQU8sSUFBSSxlQUFlLEtBQUssdUJBQXVCOztHQUd6RSxPQUFPLE1BQUs7QUFDVixRQUFJLEtBQUssY0FDUCxNQUFLLFVBQVUsT0FBTyxPQUFPLFFBQVEsS0FBSyxnQkFBZ0I7QUFFNUQsU0FBSyxnQkFBZ0IsRUFBRTtBQUN2QixRQUFJLEtBQUssY0FDUCxNQUFLLFVBQVUsT0FBTyxJQUFJLFFBQVEsS0FBSyxnQkFBZ0I7O0dBRzVELENBQUMsQ0FDSDs7Q0FHSyw4QkFBOEIsTUFBb0I7RUFDeEQsTUFBTSxVQUFVLEtBQUs7QUFDckIsTUFBSSxTQUFTLFVBQVUsUUFBUSxrQkFBa0IsTUFBTTtHQUNyRCxNQUFNLFFBQVEsUUFBUSxNQUFNLFFBQVEsS0FBSztBQUN6QyxVQUFPLFFBQVEsUUFBUSxpQkFBaUIsVUFBVSxRQUFRLGdCQUFnQjs7QUFFNUUsU0FBTzs7Q0FHTyxvQkFBaUI7QUFDL0IsUUFBTSxtQkFBbUI7QUFDekIsT0FBSyxTQUFTO0FBQ2QsT0FBSyxVQUFVLGVBQWU7QUFDOUIsT0FBSyxXQUFXO0FBQ2hCLE9BQUssYUFBYTs7Ozs7O0NBT2IsU0FBTTtBQUNYLE9BQUssV0FBVztBQUNoQixPQUFLLFVBQVUsZUFBZTtBQUM5QixPQUFLLFVBQVUsT0FBTyxJQUFJLFdBQVc7Ozs7OztDQU9oQyxXQUFRO0FBQ2IsT0FBSyxXQUFXO0FBQ2hCLE9BQUssVUFBVSxlQUFlO0FBQzlCLE9BQUssVUFBVSxPQUFPLE9BQU8sV0FBVzs7Ozs7O0NBT25DLFVBQVUsVUFBa0IsU0FBaUIsZUFBc0I7QUFDeEUsTUFBSSxjQUNGLE1BQUssYUFBYTtBQUVwQixPQUFLLFVBQVUsZUFBZSxHQUFHO0FBQ2pDLE9BQUssVUFBVSxjQUFjLEdBQUc7O0NBRzFCLGNBQVc7RUFDakIsSUFBSSxjQUFjLEtBQUs7QUFDdkIsU0FBTyxlQUFlLFlBQVksY0FBYyxXQUM5QyxlQUFjLFlBQVk7RUFHNUIsTUFBTSxRQUFRO0FBQ2QsT0FBSyxVQUFVLHVCQUF1QixtQkFDcEMsS0FBSyxVQUFVLHNCQUNmLEtBQUssTUFDTjtBQUNELE9BQUssUUFBUSxpQkFBaUIsVUFBVSxRQUFRO0FBQ2hELE9BQUssVUFBVSx1QkFBdUIsbUJBQ3BDLEtBQUssVUFBVSxzQkFDZixLQUFLLE1BQ047Ozs7Ozs7Q0FRSSxRQUFRLE9BQWM7QUFDM0IsUUFBTSxXQUFXOztDQUdBLFNBQU07QUFDdkIsU0FBTyxJQUFJOzZDQUM4QixLQUFLLGdCQUFnQixDQUFBIn0=

package/development/teaser-hero.component-7KeR7bPf.js

@@ -1,101 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { unsafeCSS } from "lit";
-import { property } from "lit/decorators.js";
-import { SbbLinkBaseElement, boxSizingStyles, forceType, omitEmptyConverter } from "./core.js";
-import { html as html$1 } from "lit/static-html.js";
-import { SbbBlockLinkStaticElement } from "./link.pure.js";
-//#region src/elements/teaser-hero/teaser-hero.scss?inline
-var teaser_hero_default = ":host {\n  display: block;\n  outline: none !important;\n  --sbb-panel-width: 13.9375rem;\n  --sbb-panel-inner-height: 10.4375rem;\n  --sbb-panel-triangle-height: 2.0625rem;\n  --sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));\n  --sbb-panel-line-height: var(--sbb-typo-line-height-heading);\n  --sbb-panel-font-size: var(--sbb-typo-scale-1-5x);\n  --sbb-panel-color: var(--sbb-color-1-negative);\n  --sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);\n  --sbb-panel-background-color-hover: var(--sbb-color-primary);\n  --sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);\n  --sbb-panel-gap: var(--sbb-spacing-responsive-xs);\n  --sbb-panel-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-4x)\n  );\n  --sbb-panel-animation-easing: var(--sbb-animation-easing);\n}\n@media (min-width: calc(64rem)) {\n  :host {\n    --sbb-panel-width: 20.0625rem;\n    --sbb-panel-inner-height: 15.006875rem;\n    --sbb-panel-triangle-height: 2.965625rem;\n    --sbb-panel-font-size: var(--sbb-typo-scale-2x);\n  }\n}\n@media (min-width: calc(64rem)) {\n  :host {\n    --sbb-panel-width: 26.75rem;\n    --sbb-panel-inner-height: 20.02375rem;\n    --sbb-panel-triangle-height: 3.956875rem;\n    --sbb-panel-font-size: var(--sbb-typo-scale-2-5x);\n    --sbb-panel-line-height: 1.2;\n  }\n}\n\n@media (any-hover: hover) {\n  :host(:hover) {\n    --sbb-panel-background-color: var(--sbb-panel-background-color-hover);\n  }\n}\n::slotted([slot=image]) {\n  width: 100%;\n}\n\n.sbb-teaser-hero {\n  position: relative;\n  display: flex;\n  min-height: var(--sbb-panel-height);\n  text-decoration: none;\n}\n.sbb-teaser-hero:focus-visible {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n}\n\n.sbb-teaser-hero__panel {\n  z-index: 1;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--sbb-panel-gap);\n  width: var(--sbb-panel-width);\n  height: var(--sbb-panel-height);\n  padding-block: var(--sbb-panel-triangle-height);\n  padding-inline: var(--sbb-panel-padding-inline);\n  clip-path: polygon(0 0, 100% var(--sbb-panel-triangle-height), 100% calc(100% - var(--sbb-panel-triangle-height)), 0% 100%);\n  background-color: var(--sbb-panel-background-color);\n  transition: background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing);\n}\n@media (any-hover: hover) {\n  .sbb-teaser-hero__panel:hover {\n    --sbb-panel-background-color: var(--sbb-panel-background-color-hover);\n  }\n}\n.sbb-teaser-hero__panel {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n:host(:not(:is(:state(slotted),[state--slotted]), :is(:state(slotted-link-content),[state--slotted-link-content]), [link-content])) .sbb-teaser-hero__panel {\n  display: none;\n}\n\n.sbb-teaser-hero__panel-text {\n  font-family: var(--sbb-typo-font-family);\n  font-size: var(--sbb-panel-font-size);\n  font-weight: 300;\n  line-height: var(--sbb-panel-line-height);\n  letter-spacing: var(--sbb-typo-letter-spacing-heading);\n  color: var(--sbb-panel-color);\n  hyphens: auto;\n  display: inline;\n  margin: 0;\n  padding: 0;\n}\n\n:host(:not([href])) .sbb-teaser-hero__panel-link {\n  display: none;\n}";
-//#endregion
-//#region src/elements/teaser-hero/teaser-hero.component.ts
-/**
-* It displays an image and an action call within a panel.
-*
-* @slot - Use the unnamed slot to add text content to the panel
-* @slot link-content - Link content of the panel
-* @slot image - The background image that can be a `sbb-image`
-* @slot chip - The `sbb-chip-label` component that will be displayed on top-left corner
-*/
-var SbbTeaserHeroElement = (() => {
-	let _classSuper = SbbLinkBaseElement;
-	let _linkContent_decorators;
-	let _linkContent_initializers = [];
-	let _linkContent_extraInitializers = [];
-	return class SbbTeaserHeroElement extends _classSuper {
-		static {
-			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-			_linkContent_decorators = [forceType(), property({
-				attribute: "link-content",
-				reflect: true,
-				converter: omitEmptyConverter
-			})];
-			__esDecorate(this, null, _linkContent_decorators, {
-				kind: "accessor",
-				name: "linkContent",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "linkContent" in obj,
-					get: (obj) => obj.linkContent,
-					set: (obj, value) => {
-						obj.linkContent = value;
-					}
-				},
-				metadata: _metadata
-			}, _linkContent_initializers, _linkContent_extraInitializers);
-			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
-				enumerable: true,
-				configurable: true,
-				writable: true,
-				value: _metadata
-			});
-		}
-		static {
-			this.elementName = "sbb-teaser-hero";
-		}
-		static {
-			this.elementDependencies = [SbbBlockLinkStaticElement];
-		}
-		static {
-			this.styles = [boxSizingStyles, unsafeCSS(teaser_hero_default)];
-		}
-		#linkContent_accessor_storage = __runInitializers(this, _linkContent_initializers, "");
-		/** Panel link text. */
-		get linkContent() {
-			return this.#linkContent_accessor_storage;
-		}
-		set linkContent(value) {
-			this.#linkContent_accessor_storage = value;
-		}
-		_imageSlotChanged() {
-			Array.from(this.querySelectorAll("sbb-chip-label")).forEach((c) => c.color = "charcoal");
-		}
-		renderTemplate() {
-			return html$1`
-      <span class="sbb-teaser-hero__panel">
-        <p class="sbb-teaser-hero__panel-text">
-          <slot></slot>
-        </p>
-        <sbb-block-link-static
-          class="sbb-teaser-hero__panel-link"
-          icon-name="chevron-small-right-small"
-          icon-placement="end"
-          size="m"
-          negative
-        >
-          <slot name="link-content">${this.linkContent}</slot>
-        </sbb-block-link-static>
-      </span>
-      <slot name="image" @slotchange=${this._imageSlotChanged}></slot>
-    `;
-		}
-		constructor() {
-			super(...arguments);
-			__runInitializers(this, _linkContent_extraInitializers);
-		}
-	};
-})();
-//#endregion
-export { SbbTeaserHeroElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLWhlcm8uY29tcG9uZW50LTdLZVI3YlBmLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItaGVyby90ZWFzZXItaGVyby5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItaGVyby90ZWFzZXItaGVyby5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgQGluY2x1ZGUgc2JiLnBhbmVsLXZhcmlhYmxlcztcbn1cblxuQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICA6aG9zdCg6aG92ZXIpIHtcbiAgICAtLXNiYi1wYW5lbC1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItcGFuZWwtYmFja2dyb3VuZC1jb2xvci1ob3Zlcik7XG4gIH1cbn1cblxuOjpzbG90dGVkKFtzbG90PSdpbWFnZSddKSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uc2JiLXRlYXNlci1oZXJvIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zYmItcGFuZWwtaGVpZ2h0KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG4gIH1cbn1cblxuLnNiYi10ZWFzZXItaGVyb19fcGFuZWwge1xuICB6LWluZGV4OiAxO1xuXG4gIEBpbmNsdWRlIHNiYi5wYW5lbDtcbiAgQGluY2x1ZGUgc2JiLmFic29sdXRlLWNlbnRlci15O1xuXG4gIC8vIEhpZGUgcGFuZWwgd2hlbiBubyBjb250ZW50IG9yIGxpbmstY29udGVudCBpcyBwcm92aWRlZC5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZCksIDpzdGF0ZShzbG90dGVkLWxpbmstY29udGVudCksIFtsaW5rLWNvbnRlbnRdKSkgJiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uc2JiLXRlYXNlci1oZXJvX19wYW5lbC10ZXh0IHtcbiAgQGluY2x1ZGUgc2JiLnBhbmVsLXRleHQ7XG5cbiAgaHlwaGVuczogYXV0bztcblxuICAvLyBSZXNldCBwYXJhZ3JhcGggc3R5bGVzXG4gIGRpc3BsYXk6IGlubGluZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG4uc2JiLXRlYXNlci1oZXJvX19wYW5lbC1saW5rIHtcbiAgOmhvc3QoOm5vdChbaHJlZl0pKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHtcbiAgYm94U2l6aW5nU3R5bGVzLFxuICBmb3JjZVR5cGUsXG4gIG9taXRFbXB0eUNvbnZlcnRlcixcbiAgdHlwZSBTYmJFbGVtZW50VHlwZSxcbiAgU2JiTGlua0Jhc2VFbGVtZW50LFxufSBmcm9tICcuLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYkJsb2NrTGlua1N0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi9saW5rLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXItaGVyby5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaW1hZ2UgYW5kIGFuIGFjdGlvbiBjYWxsIHdpdGhpbiBhIHBhbmVsLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIHRleHQgY29udGVudCB0byB0aGUgcGFuZWxcbiAqIEBzbG90IGxpbmstY29udGVudCAtIExpbmsgY29udGVudCBvZiB0aGUgcGFuZWxcbiAqIEBzbG90IGltYWdlIC0gVGhlIGJhY2tncm91bmQgaW1hZ2UgdGhhdCBjYW4gYmUgYSBgc2JiLWltYWdlYFxuICogQHNsb3QgY2hpcCAtIFRoZSBgc2JiLWNoaXAtbGFiZWxgIGNvbXBvbmVudCB0aGF0IHdpbGwgYmUgZGlzcGxheWVkIG9uIHRvcC1sZWZ0IGNvcm5lclxuICovXG5leHBvcnQgY2xhc3MgU2JiVGVhc2VySGVyb0VsZW1lbnQgZXh0ZW5kcyBTYmJMaW5rQmFzZUVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRlYXNlci1oZXJvJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBlbGVtZW50RGVwZW5kZW5jaWVzOiBTYmJFbGVtZW50VHlwZVtdID0gW1NiYkJsb2NrTGlua1N0YXRpY0VsZW1lbnRdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKiogUGFuZWwgbGluayB0ZXh0LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnbGluay1jb250ZW50JywgcmVmbGVjdDogdHJ1ZSwgY29udmVydGVyOiBvbWl0RW1wdHlDb252ZXJ0ZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIGxpbmtDb250ZW50OiBzdHJpbmcgPSAnJztcblxuICBwcml2YXRlIF9pbWFnZVNsb3RDaGFuZ2VkKCk6IHZvaWQge1xuICAgIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsKCdzYmItY2hpcC1sYWJlbCcpKS5mb3JFYWNoKChjKSA9PiAoYy5jb2xvciA9ICdjaGFyY29hbCcpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXItaGVyb19fcGFuZWxcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJzYmItdGVhc2VyLWhlcm9fX3BhbmVsLXRleHRcIj5cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDwvcD5cbiAgICAgICAgPHNiYi1ibG9jay1saW5rLXN0YXRpY1xuICAgICAgICAgIGNsYXNzPVwic2JiLXRlYXNlci1oZXJvX19wYW5lbC1saW5rXCJcbiAgICAgICAgICBpY29uLW5hbWU9XCJjaGV2cm9uLXNtYWxsLXJpZ2h0LXNtYWxsXCJcbiAgICAgICAgICBpY29uLXBsYWNlbWVudD1cImVuZFwiXG4gICAgICAgICAgc2l6ZT1cIm1cIlxuICAgICAgICAgIG5lZ2F0aXZlXG4gICAgICAgID5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwibGluay1jb250ZW50XCI+JHt0aGlzLmxpbmtDb250ZW50fTwvc2xvdD5cbiAgICAgICAgPC9zYmItYmxvY2stbGluay1zdGF0aWM+XG4gICAgICA8L3NwYW4+XG4gICAgICA8c2xvdCBuYW1lPVwiaW1hZ2VcIiBAc2xvdGNoYW5nZT0ke3RoaXMuX2ltYWdlU2xvdENoYW5nZWR9Pjwvc2xvdD5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGVhc2VyLWhlcm8nOiBTYmJUZWFzZXJIZXJvRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7SUN1QmEsOEJBQW9CO21CQUFTOzs7O2NBQTdCLDZCQUE2QixZQUFrQjs7OzhCQU16RCxXQUFXLEVBQ1gsU0FBUztJQUFFLFdBQVc7SUFBZ0IsU0FBUztJQUFNLFdBQVc7SUFBb0IsQ0FBQyxDQUFBO0FBQ3RGLGdCQUFBLE1BQUEsTUFBQSx5QkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLGlCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVcsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFYLGNBQVc7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSwyQkFBQSwrQkFBQTs7Ozs7Ozs7O0FBUEssUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsc0JBQXdDLENBQUMsMEJBQTBCOzs7QUFDbkUsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLG9CQUFNLENBQUM7O0VBS25GLGdDQUFBLGtCQUFBLE1BQUEsMkJBQXNDLEdBQUU7O0VBQXhDLElBQWdCLGNBQVc7QUFBQSxVQUFBLE1BQUE7O0VBQTNCLElBQWdCLFlBQVcsT0FBQTtBQUFBLFNBQUEsK0JBQUE7O0VBRW5CLG9CQUFpQjtBQUN2QixTQUFNLEtBQUssS0FBSyxpQkFBaUIsaUJBQWlCLENBQUMsQ0FBQyxTQUFTLE1BQU8sRUFBRSxRQUFRLFdBQVk7O0VBR3pFLGlCQUFjO0FBQy9CLFVBQU8sTUFBSTs7Ozs7Ozs7Ozs7O3NDQVl1QixLQUFLLFlBQVc7Ozt1Q0FHZixLQUFLLGtCQUFpQiJ9

package/development/toggle-check.component-CuODx4cx.js

@@ -1,156 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { html, unsafeCSS } from "lit";
-import { property } from "lit/decorators.js";
-import { SbbElement, SbbFormAssociatedCheckboxMixin, boxSizingStyles, isLean } from "./core.js";
-import { SbbIconNameMixin } from "./icon.pure.js";
-//#region src/elements/toggle-check/toggle-check.scss?inline
-var toggle_check_default = "@charset \"UTF-8\";\n:host {\n  display: inline-block;\n  outline: none !important;\n  --sbb-toggle-check-color: var(--sbb-color-2);\n  --sbb-toggle-check-checked-color: var(--sbb-color-primary);\n  --sbb-toggle-check-background-color: var(--sbb-background-color-4);\n  --sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);\n  --sbb-toggle-check-icon-opacity: 0;\n  --sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);\n  --sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);\n  --sbb-toggle-check-circle-border-style: solid;\n  --sbb-toggle-check-circle-diameter: 1.75rem;\n  --sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);\n  --sbb-toggle-check-circle-transform: translate(0, -50%);\n  --sbb-toggle-check-height: 1.5rem;\n  --sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));\n  --sbb-toggle-check-cursor: var(--sbb-cursor-pointer);\n  --sbb-toggle-check-flex-direction: row-reverse;\n  --sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);\n  --sbb-toggle-check-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-6x)\n  );\n}\n@media (forced-colors: active) {\n  :host {\n    --sbb-toggle-check-background-color: CanvasText;\n    --sbb-toggle-check-circle-background-color: Canvas;\n  }\n}\n\n:host([size=m]) {\n  --sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-text));\n}\n\n:host(:is(:state(checked),[state--checked])) {\n  --sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);\n  --sbb-toggle-check-circle-background-color: var(--sbb-background-color-1-negative-inverted);\n  --sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);\n  --sbb-toggle-check-icon-opacity: 1;\n  --sbb-toggle-check-circle-transform: translate(\n    calc(100% - 2 * (100% - 0.5 * var(--sbb-toggle-check-width))),\n    -50%\n  );\n}\n@media (forced-colors: active) {\n  :host(:is(:state(checked),[state--checked])) {\n    --sbb-toggle-check-icon-color: Highlight;\n    --sbb-toggle-check-background-color: Highlight;\n  }\n}\n\n:host(:disabled) {\n  --sbb-toggle-check-background-color: var(--sbb-background-color-4);\n  --sbb-toggle-check-circle-background-color: var(--sbb-background-color-3);\n  --sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);\n  --sbb-toggle-check-circle-border-style: dashed;\n  --sbb-toggle-check-icon-color: var(--sbb-color-granite);\n  --sbb-toggle-check-icon-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));\n  --sbb-toggle-check-cursor: var(--sbb-cursor-default);\n}\n@media (forced-colors: active) {\n  :host(:disabled) {\n    --sbb-toggle-check-icon-color: GrayText;\n    --sbb-toggle-check-background-color: GrayText;\n    --sbb-toggle-check-circle-border-style: solid;\n  }\n}\n\n:host([label-position=before]) {\n  --sbb-toggle-check-flex-direction: row;\n}\n\n.sbb-toggle-check {\n  position: relative;\n  display: flex;\n  color: var(--sbb-toggle-check-color);\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  cursor: var(--sbb-toggle-check-cursor);\n}\n.sbb-toggle-check::before {\n  content: \"​\";\n  user-select: none;\n  width: 0;\n  height: 0;\n}\n:host(:focus-visible) .sbb-toggle-check {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n  border-radius: calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset));\n}\n\n.sbb-toggle-check__container {\n  --sbb-text-font-size: var(--sbb-text-font-size-s);\n  font-family: var(--sbb-typo-font-family);\n  font-weight: normal;\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-size: var(--sbb-text-font-size);\n  display: flex;\n  flex-direction: var(--sbb-toggle-check-flex-direction);\n  gap: var(--sbb-toggle-check-gap);\n  align-items: start;\n  width: 100%;\n}\n:host([size=m]) .sbb-toggle-check__container {\n  --sbb-text-font-size: var(--sbb-text-font-size-m);\n  font-family: var(--sbb-typo-font-family);\n  font-weight: normal;\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-size: var(--sbb-text-font-size);\n}\n:host([size=xs]) .sbb-toggle-check__container {\n  --sbb-text-font-size: var(--sbb-text-font-size-xs);\n  font-family: var(--sbb-typo-font-family);\n  font-weight: normal;\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-size: var(--sbb-text-font-size);\n}\n\n.sbb-toggle-check__label {\n  flex-grow: 1;\n  padding-block-start: calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2);\n}\n:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label {\n  display: none;\n}\n\n.sbb-toggle-check__track {\n  display: inline-block;\n  position: relative;\n  min-width: var(--sbb-toggle-check-width);\n  height: var(--sbb-toggle-check-height);\n  border-radius: var(--sbb-border-radius-infinity);\n  background-color: var(--sbb-toggle-check-background-color);\n  margin-block: calc((var(--sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2);\n}\n\n.sbb-toggle-check__circle {\n  box-shadow: var(--sbb-box-shadow-level-5-hard);\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: var(--sbb-toggle-check-circle-diameter);\n  height: var(--sbb-toggle-check-circle-diameter);\n  border: var(--sbb-border-width-1x) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);\n  border-radius: 50%;\n  background-color: var(--sbb-toggle-check-circle-background-color);\n  color: var(--sbb-toggle-check-icon-color);\n  will-change: transform;\n  transform: var(--sbb-toggle-check-circle-transform);\n  transition: transform ease var(--sbb-toggle-check-animation-duration);\n}\n\n.sbb-toggle-check__icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--sbb-size-icon-ui-small);\n  height: var(--sbb-size-icon-ui-small);\n  opacity: var(--sbb-toggle-check-icon-opacity);\n  transition: opacity ease var(--sbb-toggle-check-animation-duration);\n}";
-//#endregion
-//#region src/elements/toggle-check/toggle-check.component.ts
-/**
-* It displays a toggle checkbox.
-*
-* @slot - Use the unnamed slot to add content to the toggle label.
-* @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
-* @event {Event} change - The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
-* @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
-* @overrideType value - (T = string) | null
-*/
-var SbbToggleCheckElement = (() => {
-	let _classSuper = SbbIconNameMixin(SbbFormAssociatedCheckboxMixin(SbbElement));
-	let _value_decorators;
-	let _value_initializers = [];
-	let _value_extraInitializers = [];
-	let _size_decorators;
-	let _size_initializers = [];
-	let _size_extraInitializers = [];
-	let _labelPosition_decorators;
-	let _labelPosition_initializers = [];
-	let _labelPosition_extraInitializers = [];
-	return class SbbToggleCheckElement extends _classSuper {
-		static {
-			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-			_value_decorators = [property()];
-			_size_decorators = [property({ reflect: true })];
-			_labelPosition_decorators = [property({
-				attribute: "label-position",
-				reflect: true
-			})];
-			__esDecorate(this, null, _value_decorators, {
-				kind: "accessor",
-				name: "value",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "value" in obj,
-					get: (obj) => obj.value,
-					set: (obj, value) => {
-						obj.value = value;
-					}
-				},
-				metadata: _metadata
-			}, _value_initializers, _value_extraInitializers);
-			__esDecorate(this, null, _size_decorators, {
-				kind: "accessor",
-				name: "size",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "size" in obj,
-					get: (obj) => obj.size,
-					set: (obj, value) => {
-						obj.size = value;
-					}
-				},
-				metadata: _metadata
-			}, _size_initializers, _size_extraInitializers);
-			__esDecorate(this, null, _labelPosition_decorators, {
-				kind: "accessor",
-				name: "labelPosition",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "labelPosition" in obj,
-					get: (obj) => obj.labelPosition,
-					set: (obj, value) => {
-						obj.labelPosition = value;
-					}
-				},
-				metadata: _metadata
-			}, _labelPosition_initializers, _labelPosition_extraInitializers);
-			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
-				enumerable: true,
-				configurable: true,
-				writable: true,
-				value: _metadata
-			});
-		}
-		static {
-			this.elementName = "sbb-toggle-check";
-		}
-		static {
-			this.styles = [boxSizingStyles, unsafeCSS(toggle_check_default)];
-		}
-		#value_accessor_storage = __runInitializers(this, _value_initializers, null);
-		/** Value of the form element. */
-		get value() {
-			return this.#value_accessor_storage;
-		}
-		set value(value) {
-			this.#value_accessor_storage = value;
-		}
-		#size_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "xs" : "s"));
-		/**
-		* Size variant, either m, s or xs.
-		* @default 's' / 'xs' (lean)
-		*/
-		get size() {
-			return this.#size_accessor_storage;
-		}
-		set size(value) {
-			this.#size_accessor_storage = value;
-		}
-		#labelPosition_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _labelPosition_initializers, "after"));
-		/** The label position relative to the toggle. Defaults to 'after' */
-		get labelPosition() {
-			return this.#labelPosition_accessor_storage;
-		}
-		set labelPosition(value) {
-			this.#labelPosition_accessor_storage = value;
-		}
-		requestUpdate(name, oldValue, options) {
-			super.requestUpdate(name, oldValue, options);
-			if (name === "checked") {
-				this.internals.ariaChecked = `${this.checked}`;
-				this.toggleState("checked", this.checked);
-			}
-		}
-		renderIconName() {
-			return super.renderIconName() || "tick-small";
-		}
-		render() {
-			return html`
-      <span class="sbb-toggle-check">
-        <span class="sbb-toggle-check__container">
-          <span class="sbb-toggle-check__label">
-            <slot></slot>
-          </span>
-          <span class="sbb-toggle-check__track">
-            <span class="sbb-toggle-check__circle">
-              <span class="sbb-toggle-check__icon"> ${this.renderIconSlot()} </span>
-            </span>
-          </span>
-        </span>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments);
-			__runInitializers(this, _labelPosition_extraInitializers);
-		}
-	};
-})();
-//#endregion
-export { SbbToggleCheckElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWNoZWNrLmNvbXBvbmVudC1DdU9EeDRjeC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdG9nZ2xlLWNoZWNrL3RvZ2dsZS1jaGVjay5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90b2dnbGUtY2hlY2svdG9nZ2xlLWNoZWNrLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMik7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaGVja2VkLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItcHJpbWFyeSk7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci00KTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3I6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2hlY2tlZC1jb2xvcik7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1pY29uLW9wYWNpdHk6IDA7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMSk7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYm9yZGVyLWNvbG9yOiB2YXIoLS1zYmItYm9yZGVyLWNvbG9yLTUpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1zdHlsZTogc29saWQ7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtZGlhbWV0ZXI6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgyOCl9O1xuICAtLXNiYi10b2dnbGUtY2hlY2stb3ZlcmFsbC1oZWlnaHQ6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWRpYW1ldGVyKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS10cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtNTAlKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWhlaWdodDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDI0KX07XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay13aWR0aDogY2FsYygyICogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1oZWlnaHQpKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1wb2ludGVyKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWZsZXgtZGlyZWN0aW9uOiByb3ctcmV2ZXJzZTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtM3gpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi02eClcbiAgKTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3I6IENhbnZhc1RleHQ7XG4gICAgLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS1iYWNrZ3JvdW5kLWNvbG9yOiBDYW52YXM7XG4gIH1cbn1cblxuOmhvc3QoW3NpemU9J20nXSkge1xuICAtLXNiYi10b2dnbGUtY2hlY2stb3ZlcmFsbC1oZWlnaHQ6IGNhbGMoMWVtICogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkpO1xufVxuXG46aG9zdCg6c3RhdGUoY2hlY2tlZCkpIHtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2hlY2tlZC1jb2xvcik7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMS1uZWdhdGl2ZS1pbnZlcnRlZCk7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYm9yZGVyLWNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3IpO1xuICAtLXNiYi10b2dnbGUtY2hlY2staWNvbi1vcGFjaXR5OiAxO1xuXG4gIC8vIEFzIHRoZSBjaXJjbGUgaXMgZ3JlYXRlciB0aGFuIHRoZSB0cmFjayBiZWxvdyxcbiAgLy8gd2UgaGF2ZSB0byBzdWJ0cmFjdCB0aGUgZGlmZmVyZW5jZSBpbiBvcmRlciB0byBub3Qgb3ZlcnNob290IGF0IHRoZSByaWdodCBzaWRlLlxuICAvLyAxMDAlIG9mIGNpcmNsZSAoMjhweCkgLSAyICogKDEwMCUgKDI4cHgpIC0gMC41ICogd2lkdGggKDQ4cHgpKSA9PiAyMHB4XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtdHJhbnNmb3JtOiB0cmFuc2xhdGUoXG4gICAgY2FsYygxMDAlIC0gMiAqICgxMDAlIC0gMC41ICogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay13aWR0aCkpKSxcbiAgICAtNTAlXG4gICk7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRvZ2dsZS1jaGVjay1pY29uLWNvbG9yOiBIaWdobGlnaHQ7XG4gICAgLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3I6IEhpZ2hsaWdodDtcbiAgfVxufVxuXG46aG9zdCg6ZGlzYWJsZWQpIHtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTQpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTMpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLWJvcmRlci1jb2xvci01KTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS1ib3JkZXItc3R5bGU6IGRhc2hlZDtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLWdyYW5pdGUpLCB2YXIoLS1zYmItY29sb3Itc3Rvcm0pKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1kZWZhdWx0KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3I6IEdyYXlUZXh0O1xuICAgIC0tc2JiLXRvZ2dsZS1jaGVjay1iYWNrZ3JvdW5kLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1zdHlsZTogc29saWQ7XG4gIH1cbn1cblxuOmhvc3QoW2xhYmVsLXBvc2l0aW9uPSdiZWZvcmUnXSkge1xuICAtLXNiYi10b2dnbGUtY2hlY2stZmxleC1kaXJlY3Rpb246IHJvdztcbn1cblxuLnNiYi10b2dnbGUtY2hlY2sge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWNvbG9yKTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jdXJzb3IpO1xuXG4gIC8vIEF2b2lkcyB1bndhbnRlZCBzcGFjZSBkaXNwbGF5ZWQgaWYgbm8gbGFiZWwgdGV4dCBpcyBzZXQuXG4gIEBpbmNsdWRlIHNiYi56ZXJvLXdpZHRoLXNwYWNlO1xuXG4gIDpob3N0KDpmb2N1cy12aXNpYmxlKSAmIHtcbiAgICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcblxuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNHgpIC0gdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtb2Zmc2V0KSk7XG4gIH1cbn1cblxuLnNiYi10b2dnbGUtY2hlY2tfX2NvbnRhaW5lciB7XG4gIEBpbmNsdWRlIHNiYi50ZXh0LXMtLXJlZ3VsYXI7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHZhcigtLXNiYi10b2dnbGUtY2hlY2stZmxleC1kaXJlY3Rpb24pO1xuICBnYXA6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stZ2FwKTtcbiAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICB3aWR0aDogMTAwJTtcblxuICA6aG9zdChbc2l6ZT0nbSddKSAmIHtcbiAgICBAaW5jbHVkZSBzYmIudGV4dC1tLS1yZWd1bGFyO1xuICB9XG5cbiAgOmhvc3QoW3NpemU9J3hzJ10pICYge1xuICAgIEBpbmNsdWRlIHNiYi50ZXh0LXhzLS1yZWd1bGFyO1xuICB9XG59XG5cbi5zYmItdG9nZ2xlLWNoZWNrX19sYWJlbCB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgcGFkZGluZy1ibG9jay1zdGFydDogY2FsYyhcbiAgICAodmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtZGlhbWV0ZXIpIC0gKHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpICogMWVtKSkgLyAyXG4gICk7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZCkpKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbi5zYmItdG9nZ2xlLWNoZWNrX190cmFjayB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6IHZhcigtLXNiYi10b2dnbGUtY2hlY2std2lkdGgpO1xuICBoZWlnaHQ6IHZhcigtLXNiYi10b2dnbGUtY2hlY2staGVpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3IpO1xuXG4gIC8vIFJlc2VydmUgc3BhY2Ugb2Ygb3ZlcmxhcHBpbmcgY2lyY2xlXG4gIG1hcmdpbi1ibG9jazogY2FsYygodmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1vdmVyYWxsLWhlaWdodCkgLSB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWhlaWdodCkpIC8gMik7XG59XG5cbi5zYmItdG9nZ2xlLWNoZWNrX19jaXJjbGUge1xuICBib3gtc2hhZG93OiB2YXIoLS1zYmItYm94LXNoYWRvdy1sZXZlbC01LWhhcmQpO1xuICBAaW5jbHVkZSBzYmIuYWJzb2x1dGUtY2VudGVyLXk7XG5cbiAgd2lkdGg6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWRpYW1ldGVyKTtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS1kaWFtZXRlcik7XG4gIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYm9yZGVyLXN0eWxlKVxuICAgIHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3IpO1xuICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtO1xuICB0cmFuc2Zvcm06IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLXRyYW5zZm9ybSk7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSBlYXNlIHZhcigtLXNiYi10b2dnbGUtY2hlY2stYW5pbWF0aW9uLWR1cmF0aW9uKTtcbn1cblxuLnNiYi10b2dnbGUtY2hlY2tfX2ljb24ge1xuICBAaW5jbHVkZSBzYmIuYWJzb2x1dGUtY2VudGVyLXgteTtcblxuICB3aWR0aDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG4gIGhlaWdodDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG4gIG9wYWNpdHk6IHZhcigtLXNiYi10b2dnbGUtY2hlY2staWNvbi1vcGFjaXR5KTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSBlYXNlIHZhcigtLXNiYi10b2dnbGUtY2hlY2stYW5pbWF0aW9uLWR1cmF0aW9uKTtcbn1cbiIsImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIHR5cGUgUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcywgaXNMZWFuLCBTYmJFbGVtZW50LCBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4gfSBmcm9tICcuLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi9pY29uLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90b2dnbGUtY2hlY2suc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdG9nZ2xlIGNoZWNrYm94LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIHRvZ2dsZSBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaWNvbi4gSWYgYGljb24tbmFtZWAgaXMgc2V0LCBhIHNiYi1pY29uIHdpbGwgYmUgdXNlZC5cbiAqIEBldmVudCB7RXZlbnR9IGNoYW5nZSAtIFRoZSBjaGFuZ2UgZXZlbnQgaXMgZmlyZWQgd2hlbiB0aGUgdXNlciBtb2RpZmllcyB0aGUgZWxlbWVudCdzIHZhbHVlLiBVbmxpa2UgdGhlIGlucHV0IGV2ZW50LCB0aGUgY2hhbmdlIGV2ZW50IGlzIG5vdCBuZWNlc3NhcmlseSBmaXJlZCBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZS5cbiAqIEBldmVudCB7SW5wdXRFdmVudH0gaW5wdXQgLSBUaGUgaW5wdXQgZXZlbnQgZmlyZXMgd2hlbiB0aGUgdmFsdWUgaGFzIGJlZW4gY2hhbmdlZCBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi5cbiAqIEBvdmVycmlkZVR5cGUgdmFsdWUgLSAoVCA9IHN0cmluZykgfCBudWxsXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUb2dnbGVDaGVja0VsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFxuICBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4oU2JiRWxlbWVudCksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10b2dnbGUtY2hlY2snO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKiogVmFsdWUgb2YgdGhlIGZvcm0gZWxlbWVudC4gKi9cbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIHZhbHVlOiBUIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIG0sIHMgb3IgeHMuXG4gICAqIEBkZWZhdWx0ICdzJyAvICd4cycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAneHMnIHwgJ3MnIHwgJ20nID0gaXNMZWFuKCkgPyAneHMnIDogJ3MnO1xuXG4gIC8qKiBUaGUgbGFiZWwgcG9zaXRpb24gcmVsYXRpdmUgdG8gdGhlIHRvZ2dsZS4gRGVmYXVsdHMgdG8gJ2FmdGVyJyAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdsYWJlbC1wb3NpdGlvbicsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIGxhYmVsUG9zaXRpb246ICdiZWZvcmUnIHwgJ2FmdGVyJyA9ICdhZnRlcic7XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlcXVlc3RVcGRhdGUoXG4gICAgbmFtZT86IFByb3BlcnR5S2V5LFxuICAgIG9sZFZhbHVlPzogdW5rbm93bixcbiAgICBvcHRpb25zPzogUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgKTogdm9pZCB7XG4gICAgc3VwZXIucmVxdWVzdFVwZGF0ZShuYW1lLCBvbGRWYWx1ZSwgb3B0aW9ucyk7XG4gICAgaWYgKG5hbWUgPT09ICdjaGVja2VkJykge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNoZWNrZWQgPSBgJHt0aGlzLmNoZWNrZWR9YDtcbiAgICAgIC8vIEFzIFNiYkZvcm1Bc3NvY2lhdGVkQ2hlY2tib3hNaXhpbiBkb2VzIG5vdCByZWZsZWN0IGNoZWNrZWQgcHJvcGVydHksIHdlIGFkZCBhIGNoZWNrZWQgc3RhdGUuXG4gICAgICB0aGlzLnRvZ2dsZVN0YXRlKCdjaGVja2VkJywgdGhpcy5jaGVja2VkKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVySWNvbk5hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gc3VwZXIucmVuZGVySWNvbk5hbWUoKSB8fCAndGljay1zbWFsbCc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRvZ2dsZS1jaGVja1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10b2dnbGUtY2hlY2tfX2NvbnRhaW5lclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRvZ2dsZS1jaGVja19fbGFiZWxcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX190cmFja1wiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX19jaXJjbGVcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX19pY29uXCI+ICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfSA8L3NwYW4+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRvZ2dsZS1jaGVjayc6IFNiYlRvZ2dsZUNoZWNrRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7SUN1QmEsK0JBQXFCO21CQUFxQixpQkFDckQsK0JBQStCLFdBQVcsQ0FDM0M7Ozs7Ozs7Ozs7Y0FGWSw4QkFBMEMsWUFFdEQ7Ozt3QkFLRSxVQUFVLENBQUE7dUJBT1YsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7Z0NBRzNCLFNBQVM7SUFBRSxXQUFXO0lBQWtCLFNBQVM7SUFBTSxDQUFDLENBQUE7QUFUekQsZ0JBQUEsTUFBQSxNQUFBLG1CQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsV0FBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFLLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEscUJBQUEseUJBQUE7QUFNUSxnQkFBQSxNQUFBLE1BQUEsa0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxVQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUksTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxvQkFBQSx3QkFBQTtBQUlqRCxnQkFBQSxNQUFBLE1BQUEsMkJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxtQkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFhLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBYixnQkFBYTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLDZCQUFBLGlDQUFBOzs7Ozs7Ozs7QUFmRyxRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLHFCQUFNLENBQUM7O0VBSW5GLDBCQUFBLGtCQUFBLE1BQUEscUJBQWtDLEtBQUk7O0VBQXRDLElBQWdCLFFBQUs7QUFBQSxVQUFBLE1BQUE7O0VBQXJCLElBQWdCLE1BQUssT0FBQTtBQUFBLFNBQUEseUJBQUE7O0VBTVEsMEJBQUEsa0JBQUEsTUFBQSx5QkFBQSxFQUFBLGtCQUFBLE1BQUEsb0JBQXlDLFFBQVEsR0FBRyxPQUFPLElBQUc7Ozs7O0VBQTlELElBQWdCLE9BQUk7QUFBQSxVQUFBLE1BQUE7O0VBQXBCLElBQWdCLEtBQUksT0FBQTtBQUFBLFNBQUEsd0JBQUE7O0VBSWpELG1DQUFBLGtCQUFBLE1BQUEsd0JBQUEsRUFBQSxrQkFBQSxNQUFBLDZCQUFvRCxRQUFPOztFQUEzRCxJQUFnQixnQkFBYTtBQUFBLFVBQUEsTUFBQTs7RUFBN0IsSUFBZ0IsY0FBYSxPQUFBO0FBQUEsU0FBQSxpQ0FBQTs7RUFFYixjQUNkLE1BQ0EsVUFDQSxTQUE2QjtBQUU3QixTQUFNLGNBQWMsTUFBTSxVQUFVLFFBQVE7QUFDNUMsT0FBSSxTQUFTLFdBQVc7QUFDdEIsU0FBSyxVQUFVLGNBQWMsR0FBRyxLQUFLO0FBRXJDLFNBQUssWUFBWSxXQUFXLEtBQUssUUFBUTs7O0VBSTFCLGlCQUFjO0FBQy9CLFVBQU8sTUFBTSxnQkFBZ0IsSUFBSTs7RUFHaEIsU0FBTTtBQUN2QixVQUFPLElBQUk7Ozs7Ozs7O3NEQVF1QyxLQUFLLGdCQUFnQixDQUFBIn0=

package/step-label.component-BXg13qOD.js

@@ -1,77 +0,0 @@
-import { html as e, unsafeCSS as t } from "lit";
-import { SbbButtonBaseElement as n, SbbDisabledMixin as r, SbbPropertyWatcherController as i, appendAriaElements as a, boxSizingStyles as o, removeAriaElements as s } from "./core.js";
-import { SbbIconNameMixin as c } from "./icon.pure.js";
-//#region src/elements/stepper/step-label/step-label.scss?inline
-var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);--_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);--_sbb-step-label-transform-y: calc( -50% + var(--sbb-step-label-translate-y-content-hover, 0rem) );--_sbb-step-label-prefix-inset-block-start: calc( 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) - (var(--sbb-step-label-prefix-size) / 2) );position:relative;display:flex;min-width:0;max-width:fit-content;gap:var(--sbb-step-label-gap);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);font-size:var(--sbb-step-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--sbb-text-font-size-xxs);font-weight:var(--sbb-step-label-font-weight-selected, normal);inset-block-start:var(--_sbb-step-label-inset-block-start);inset-inline-start:var(--_sbb-step-label-inset-inline-start);line-height:1;z-index:1;transform:translate(-50%,var(--_sbb-step-label-transform-y));transition:transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: var(--sbb-color-3);--sbb-step-label-font-weight-selected: bold}@media(forced-colors:active){:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: Highlight !important}}:host(:is(:state(size-s),[state--size-s])){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);--sbb-step-label-font-size: var(--sbb-text-font-size-m);--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-step-label-prefix-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media(any-hover:hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: var(--sbb-cursor-pointer);--sbb-step-label-prefix-background-color: var(--sbb-background-color-3);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-1x)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:var(--_sbb-step-label-prefix-inset-block-start)}.sbb-step-label__prefix:before{content:\"\";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}.sbb-step-label__text{font-weight:700}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);transform:translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,transform}", u = class extends c(r(n)) {
-	static {
-		this.elementName = "sbb-step-label";
-	}
-	static {
-		this.role = "tab";
-	}
-	static {
-		this.styles = [o, t(l)];
-	}
-	get step() {
-		return this._step;
-	}
-	get stepper() {
-		return this.closest("sbb-stepper");
-	}
-	set disabled(e) {
-		super.disabled = e, this.toggleState("user-disabled", e);
-	}
-	get disabled() {
-		return super.disabled;
-	}
-	constructor() {
-		super(), this._step = null, this.addEventListener?.("click", () => {
-			let e = this.stepper;
-			e && this.step && this._isNotDeactivatedByLinearMode(this.step) && (e.selected = this.step);
-		}), this.addController(new i(this, () => this.stepper, {
-			orientation: (e) => {
-				this._previousOrientation && this.internals.states.delete(`orientation-${this._previousOrientation}`), this._previousOrientation = e.orientation, this._previousOrientation && this.internals.states.add(`orientation-${this._previousOrientation}`);
-			},
-			size: (e) => {
-				this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-			}
-		}));
-	}
-	_isNotDeactivatedByLinearMode(e) {
-		let t = this.stepper;
-		if (t?.linear && t.selectedIndex !== null) {
-			let n = t.steps.indexOf(e);
-			return n < t.selectedIndex || n === t.selectedIndex + 1;
-		}
-		return !0;
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.slot ||= "step-label", this.internals.ariaSelected = "false", this.tabIndex = -1, this._assignStep();
-	}
-	select() {
-		this.tabIndex = 0, this.internals.ariaSelected = "true", this.internals.states.add("selected");
-	}
-	deselect() {
-		this.tabIndex = -1, this.internals.ariaSelected = "false", this.internals.states.delete("selected");
-	}
-	configure(e, t, n) {
-		n && this._assignStep(), this.internals.ariaPosInSet = `${e}`, this.internals.ariaSetSize = `${t}`;
-	}
-	_assignStep() {
-		let e = this.nextElementSibling;
-		for (; e && e.localName !== "sbb-step";) e = e.nextElementSibling;
-		let t = e;
-		this.internals.ariaControlsElements = s(this.internals.ariaControlsElements, this._step), this._step = t instanceof Element ? t : null, this.internals.ariaControlsElements = a(this.internals.ariaControlsElements, this._step);
-	}
-	disable(e) {
-		super.disabled = e;
-	}
-	render() {
-		return e`
-      <span class="sbb-step-label__prefix">${this.renderIconSlot()}</span>
-      <span class="sbb-step-label__text"><slot></slot></span>
-    `;
-	}
-};
-//#endregion
-export { u as t };

package/teaser-hero.component-CLuVP2ba.js

@@ -1,81 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbLinkBaseElement as i, boxSizingStyles as a, forceType as o, omitEmptyConverter as s } from "./core.js";
-import { html as c } from "lit/static-html.js";
-import { SbbBlockLinkStaticElement as l } from "./link.pure.js";
-//#region src/elements/teaser-hero/teaser-hero.scss?inline
-var u = ":host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-heading);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-1-negative);--sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);--sbb-panel-background-color-hover: var(--sbb-color-primary);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media(min-width:64rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media(min-width:64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media(any-hover:hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}::slotted([slot=image]){width:100%}.sbb-teaser-hero{position:relative;display:flex;min-height:var(--sbb-panel-height);text-decoration:none}.sbb-teaser-hero:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media(any-hover:hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-link-content),[state--slotted-link-content]),[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-heading);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}:host(:not([href])) .sbb-teaser-hero__panel-link{display:none}", d = (() => {
-	let d = i, f, p = [], m = [];
-	return class extends d {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-			f = [o(), r({
-				attribute: "link-content",
-				reflect: !0,
-				converter: s
-			})], e(this, null, f, {
-				kind: "accessor",
-				name: "linkContent",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "linkContent" in e,
-					get: (e) => e.linkContent,
-					set: (e, t) => {
-						e.linkContent = t;
-					}
-				},
-				metadata: t
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-teaser-hero";
-		}
-		static {
-			this.elementDependencies = [l];
-		}
-		static {
-			this.styles = [a, n(u)];
-		}
-		#e = t(this, p, "");
-		get linkContent() {
-			return this.#e;
-		}
-		set linkContent(e) {
-			this.#e = e;
-		}
-		_imageSlotChanged() {
-			Array.from(this.querySelectorAll("sbb-chip-label")).forEach((e) => e.color = "charcoal");
-		}
-		renderTemplate() {
-			return c`
-      <span class="sbb-teaser-hero__panel">
-        <p class="sbb-teaser-hero__panel-text">
-          <slot></slot>
-        </p>
-        <sbb-block-link-static
-          class="sbb-teaser-hero__panel-link"
-          icon-name="chevron-small-right-small"
-          icon-placement="end"
-          size="m"
-          negative
-        >
-          <slot name="link-content">${this.linkContent}</slot>
-        </sbb-block-link-static>
-      </span>
-      <slot name="image" @slotchange=${this._imageSlotChanged}></slot>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, m);
-		}
-	};
-})();
-//#endregion
-export { d as t };