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

package/toggle/toggle/toggle.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle.component-CVbRdQDM.js";
+import { t as e } from "../../toggle.component-D7X0E_hM.js";
 export { e as SbbToggleElement };

package/toggle/toggle-option/toggle-option.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle-option.component-BiyjKQB1.js";
+import { t as e } from "../../toggle-option.component-DeePQ-NW.js";
 export { e as SbbToggleOptionElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../toggle-check.component-DkOBgRQM.js";
+import { t as e } from "../toggle-check.component-CnZBajpA.js";
 export { e as SbbToggleCheckElement };

package/toggle-check.js

@@ -1,4 +1,4 @@
-import { t as e } from "./toggle-check.component-DkOBgRQM.js";
+import { t as e } from "./toggle-check.component-CnZBajpA.js";
 import "./toggle-check.pure.js";
 //#region src/elements/toggle-check.ts
 e.define();

package/toggle-check.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./toggle-check.component-DkOBgRQM.js";
+import { t as e } from "./toggle-check.component-CnZBajpA.js";
 export { e as SbbToggleCheckElement };

package/toggle.js

@@ -1,5 +1,5 @@
-import { t as e } from "./toggle-option.component-BiyjKQB1.js";
-import { t } from "./toggle.component-CVbRdQDM.js";
+import { t as e } from "./toggle-option.component-DeePQ-NW.js";
+import { t } from "./toggle.component-D7X0E_hM.js";
 import "./toggle.pure.js";
 t.define(), e.define();
 //#endregion

package/toggle.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./toggle-option.component-BiyjKQB1.js";
-import { t } from "./toggle.component-CVbRdQDM.js";
+import { t as e } from "./toggle-option.component-DeePQ-NW.js";
+import { t } from "./toggle.component-D7X0E_hM.js";
 export { t as SbbToggleElement, e as SbbToggleOptionElement };

package/tooltip/tooltip.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../tooltip.component-Do4V1jGd.js";
+import { t as e } from "../tooltip.component-BCRFxBuV.js";
 export { e as SbbTooltipElement };

package/tooltip.js

@@ -1,4 +1,4 @@
-import { t as e } from "./tooltip.component-Do4V1jGd.js";
+import { t as e } from "./tooltip.component-BCRFxBuV.js";
 import "./tooltip.pure.js";
 //#region src/elements/tooltip.ts
 e.define();

package/tooltip.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./tooltip.component-Do4V1jGd.js";
+import { t as e } from "./tooltip.component-BCRFxBuV.js";
 export { e as SbbTooltipElement };

package/train/train/train.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../train.component-D_ysGCwu.js";
+import { t as e } from "../../train.component-DuFi_iBX.js";
 export { e as SbbTrainElement };

package/train/train-blocked-passage/train-blocked-passage.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../train-blocked-passage.component-EET0Kobk.js";
+import { t as e } from "../../train-blocked-passage.component-DIh8dbU9.js";
 export { e as SbbTrainBlockedPassageElement };

package/train/train-formation/train-formation.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../train-formation.component-B8IFJ_7b.js";
+import { t as e } from "../../train-formation.component-DS4EDwPY.js";
 export { e as SbbTrainFormationElement };

package/train/train-wagon/train-wagon.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../train-wagon.component-CLMLEf6I.js";
+import { t as e } from "../../train-wagon.component-CZiVPOaZ.js";
 export { e as SbbTrainWagonElement };

package/train.js

@@ -1,7 +1,7 @@
-import { t as e } from "./train-blocked-passage.component-EET0Kobk.js";
-import { t } from "./train-formation.component-B8IFJ_7b.js";
-import { t as n } from "./train-wagon.component-CLMLEf6I.js";
-import { t as r } from "./train.component-D_ysGCwu.js";
+import { t as e } from "./train-blocked-passage.component-DIh8dbU9.js";
+import { t } from "./train-formation.component-DS4EDwPY.js";
+import { t as n } from "./train-wagon.component-CZiVPOaZ.js";
+import { t as r } from "./train.component-DuFi_iBX.js";
 import "./train.pure.js";
 r.define(), e.define(), t.define(), n.define();
 //#endregion

package/train.pure.js

@@ -1,5 +1,5 @@
-import { t as e } from "./train-blocked-passage.component-EET0Kobk.js";
-import { t } from "./train-formation.component-B8IFJ_7b.js";
-import { t as n } from "./train-wagon.component-CLMLEf6I.js";
-import { t as r } from "./train.component-D_ysGCwu.js";
+import { t as e } from "./train-blocked-passage.component-DIh8dbU9.js";
+import { t } from "./train-formation.component-DS4EDwPY.js";
+import { t as n } from "./train-wagon.component-CZiVPOaZ.js";
+import { t as r } from "./train.component-DuFi_iBX.js";
 export { e as SbbTrainBlockedPassageElement, r as SbbTrainElement, t as SbbTrainFormationElement, n as SbbTrainWagonElement };

package/visual-checkbox/visual-checkbox.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../visual-checkbox.component-CdqoYyEe.js";
+import { t as e } from "../visual-checkbox.component-BsjmJgcn.js";
 export { e as SbbVisualCheckboxElement };

package/visual-checkbox.js

@@ -1,4 +1,4 @@
-import { t as e } from "./visual-checkbox.component-CdqoYyEe.js";
+import { t as e } from "./visual-checkbox.component-BsjmJgcn.js";
 import "./visual-checkbox.pure.js";
 //#region src/elements/visual-checkbox.ts
 e.define();

package/visual-checkbox.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./visual-checkbox.component-CdqoYyEe.js";
+import { t as e } from "./visual-checkbox.component-BsjmJgcn.js";
 export { e as SbbVisualCheckboxElement };

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/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 };