@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777366078 → 5.0.0-next.1-dev.1777448509

package/development/teaser.component-8cqR7wx4.js

@@ -0,0 +1,116 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbLinkBaseElement, boxSizingStyles } from "./core.js";
+import { html as html$1 } from "lit/static-html.js";
+//#region src/elements/teaser/teaser.scss?inline
+var teaser_default = "@charset \"UTF-8\";\n:host {\n  --_sbb-teaser-forced-colors-inset: calc(-1 * var(--sbb-focus-outline-offset));\n  --_sbb-teaser-forced-colors-outline-offset: calc(2 * var(--sbb-focus-outline-offset));\n  --_sbb-teaser-forced-colors-border-radius: calc(\n    var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset)\n  );\n  display: inline-block;\n  outline: none !important;\n}\n@media (forced-colors: active) {\n  :host {\n    --sbb-teaser-description-color: LinkText;\n    --sbb-title-color: LinkText !important;\n  }\n}\n\n:host([alignment=after]) {\n  --sbb-teaser-align-items: start;\n}\n\n:host([alignment=below]) {\n  --sbb-teaser-flex-direction: column;\n  --sbb-teaser-align-items: baseline;\n  --sbb-teaser-gap: var(--sbb-spacing-fixed-3x);\n}\n\n@media (any-hover: hover) {\n  :host(:hover) {\n    --sbb-teaser-scale: var(--sbb-teaser-scale-hover);\n  }\n}\n.sbb-teaser__wrapper {\n  display: flex;\n  position: relative;\n  cursor: var(--sbb-cursor-pointer);\n}\n.sbb-teaser__wrapper::before {\n  content: \"​\";\n  user-select: none;\n  width: 0;\n  height: 0;\n}\n\n.sbb-teaser {\n  text-decoration: none;\n  position: absolute;\n  inset: 0;\n}\n.sbb-teaser: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-teaser-border-radius);\n}\n@media (forced-colors: active) {\n  .sbb-teaser:focus-visible {\n    outline-offset: var(--_sbb-teaser-forced-colors-outline-offset);\n  }\n}\n@media (forced-colors: active) {\n  .sbb-teaser::before {\n    content: \"\";\n    position: absolute;\n    inset: var(--_sbb-teaser-forced-colors-inset);\n    pointer-events: none;\n    border-radius: var(--_sbb-teaser-forced-colors-border-radius);\n    border: var(--sbb-border-width-1x) solid CanvasText;\n  }\n}\n\n.sbb-teaser__container {\n  display: flex;\n  flex-flow: var(--sbb-teaser-flex-direction) nowrap;\n  align-items: var(--sbb-teaser-align-items);\n  gap: var(--sbb-teaser-gap);\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.sbb-teaser__text {\n  color: var(--sbb-teaser-description-color);\n  font-size: var(--sbb-teaser-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  overflow: hidden;\n  max-width: 100%;\n}\n\n::slotted([slot=image]) {\n  display: block;\n  width: var(--sbb-teaser-image-width);\n}\n\n.sbb-teaser__image-wrapper {\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: var(--sbb-teaser-border-radius);\n  transition: box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing);\n}\n:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper {\n  display: none;\n}\n@media (any-hover: hover) {\n  :host(:hover) .sbb-teaser__image-wrapper {\n    box-shadow: var(--sbb-box-shadow-level-9-hard);\n  }\n}\n\n.sbb-teaser__description {\n  display: inline-block;\n  margin: 0;\n  padding: 0;\n}\n\n::slotted(sbb-chip-label) {\n  display: flex;\n  width: fit-content;\n  max-width: 100%;\n  margin-block-end: var(--sbb-spacing-fixed-1x);\n}\n\n::slotted(sbb-title) {\n  margin-block: 0;\n}";
+//#endregion
+//#region src/elements/teaser/teaser.component.ts
+/**
+* It displays an interactive image with caption.
+*
+* @slot image - Slot used to render the image.
+* @slot chip - Slot for the `sbb-chip-label` element. The slot on the `sbb-chip-label` element is automatically assigned when slotted in the unnamed slot.
+* @slot title - Slot for the title. For the standard `sbb-title` element, the slot is automatically assigned when slotted in the unnamed slot.
+* @slot - Use the unnamed slot to render the description, the sbb-title and the sbb-chip-label.
+*/
+var SbbTeaserElement = (() => {
+	let _classSuper = SbbLinkBaseElement;
+	let _alignment_decorators;
+	let _alignment_initializers = [];
+	let _alignment_extraInitializers = [];
+	return class SbbTeaserElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_alignment_decorators = [property({ reflect: true })];
+			__esDecorate(this, null, _alignment_decorators, {
+				kind: "accessor",
+				name: "alignment",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "alignment" in obj,
+					get: (obj) => obj.alignment,
+					set: (obj, value) => {
+						obj.alignment = value;
+					}
+				},
+				metadata: _metadata
+			}, _alignment_initializers, _alignment_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-teaser";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(teaser_default)];
+		}
+		#alignment_accessor_storage = __runInitializers(this, _alignment_initializers, "after-centered");
+		/** Teaser variant - define the position and the alignment of the text block. */
+		get alignment() {
+			return this.#alignment_accessor_storage;
+		}
+		set alignment(value) {
+			this.#alignment_accessor_storage = value;
+		}
+		_handleSlotchange() {
+			const chip = Array.from(this.children).find((el) => el.localName === "sbb-chip-label");
+			if (chip) chip.slot = "chip";
+			const title = Array.from(this.children).find((el) => el.localName === "sbb-title");
+			if (title) title.slot = "title";
+		}
+		_configureChip(event) {
+			const chipLabel = event.target.assignedElements().find((e) => e.localName === "sbb-chip-label");
+			if (chipLabel) {
+				customElements.upgrade(chipLabel);
+				chipLabel.color = "charcoal";
+				chipLabel.size = "xxs";
+			}
+		}
+		_configureTitle(event) {
+			const title = event.target.assignedElements().find((e) => e.localName === "sbb-title");
+			if (title) {
+				customElements.upgrade(title);
+				title.visualLevel = "5";
+			}
+		}
+		render() {
+			return html$1`
+      <div class="sbb-teaser__wrapper">
+        ${this.renderLink(html$1`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`)}
+        ${this.renderContent()}
+      </div>
+    `;
+		}
+		renderContent() {
+			return html$1`
+      <span class="sbb-teaser__container">
+        <span class="sbb-teaser__image-wrapper">
+          <slot name="image"></slot>
+        </span>
+        <span class="sbb-teaser__text">
+          <slot name="chip" @slotchange=${this._configureChip}></slot>
+          <slot name="title" @slotchange=${this._configureTitle}></slot>
+          <p class="sbb-teaser__description">
+            <slot @slotchange=${this._handleSlotchange}></slot>
+          </p>
+        </span>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _alignment_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbTeaserElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLmNvbXBvbmVudC04Y3FSN3d4NC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyL3RlYXNlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXIvdGVhc2VyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tX3NiYi10ZWFzZXItZm9yY2VkLWNvbG9ycy1pbnNldDogY2FsYygtMSAqIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICAtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtb3V0bGluZS1vZmZzZXQ6IGNhbGMoMiAqIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICAtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtYm9yZGVyLXJhZGl1czogY2FsYyhcbiAgICB2YXIoLS1zYmItdGVhc2VyLWJvcmRlci1yYWRpdXMpICsgdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtb2Zmc2V0KVxuICApO1xuXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRlYXNlci1kZXNjcmlwdGlvbi1jb2xvcjogTGlua1RleHQ7XG4gICAgLS1zYmItdGl0bGUtY29sb3I6IExpbmtUZXh0ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuOmhvc3QoW2FsaWdubWVudD0nYWZ0ZXInXSkge1xuICAtLXNiYi10ZWFzZXItYWxpZ24taXRlbXM6IHN0YXJ0O1xufVxuXG46aG9zdChbYWxpZ25tZW50PSdiZWxvdyddKSB7XG4gIC0tc2JiLXRlYXNlci1mbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAtLXNiYi10ZWFzZXItYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAtLXNiYi10ZWFzZXItZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG59XG5cbkBpbmNsdWRlIHNiYi5ob3Zlci1tcSgkaG92ZXI6IHRydWUpIHtcbiAgOmhvc3QoOmhvdmVyKSB7XG4gICAgLS1zYmItdGVhc2VyLXNjYWxlOiB2YXIoLS1zYmItdGVhc2VyLXNjYWxlLWhvdmVyKTtcbiAgfVxufVxuXG4uc2JiLXRlYXNlcl9fd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuXG4gIEBpbmNsdWRlIHNiYi56ZXJvLXdpZHRoLXNwYWNlO1xufVxuXG4uc2JiLXRlYXNlciB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogMDtcblxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRlYXNlci1ib3JkZXItcmFkaXVzKTtcblxuICAgIC8vIFdlIG1vdmUgdGhlIGZvY3VzIG91dGxpbmUgZnVydGhlciBvdXQgdG8gbm90IG92ZXJsYXAgd2l0aCB0aGUgdGVhc2VyIGJvcmRlciBpbiBmb3JjZWQgY29sb3JzXG4gICAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtb3V0bGluZS1vZmZzZXQpO1xuICAgIH1cbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBpbnNldDogdmFyKC0tX3NiYi10ZWFzZXItZm9yY2VkLWNvbG9ycy1pbnNldCk7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtYm9yZGVyLXJhZGl1cyk7XG4gICAgICBib3JkZXI6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIHNvbGlkIENhbnZhc1RleHQ7XG4gICAgfVxuICB9XG59XG5cbi5zYmItdGVhc2VyX19jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IHZhcigtLXNiYi10ZWFzZXItZmxleC1kaXJlY3Rpb24pIG5vd3JhcDtcbiAgYWxpZ24taXRlbXM6IHZhcigtLXNiYi10ZWFzZXItYWxpZ24taXRlbXMpO1xuICBnYXA6IHZhcigtLXNiYi10ZWFzZXItZ2FwKTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5zYmItdGVhc2VyX190ZXh0IHtcbiAgY29sb3I6IHZhcigtLXNiYi10ZWFzZXItZGVzY3JpcHRpb24tY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLXNiYi10ZWFzZXItZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbjo6c2xvdHRlZChbc2xvdD0naW1hZ2UnXSkge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IHZhcigtLXNiYi10ZWFzZXItaW1hZ2Utd2lkdGgpO1xufVxuXG4uc2JiLXRlYXNlcl9faW1hZ2Utd3JhcHBlciB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGVhc2VyLWJvcmRlci1yYWRpdXMpO1xuICB0cmFuc2l0aW9uOiBib3gtc2hhZG93IHZhcigtLXNiYi10ZWFzZXItaW1hZ2UtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1pbWFnZSkpKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIDpob3N0KDpob3ZlcikgJiB7XG4gICAgICBib3gtc2hhZG93OiB2YXIoLS1zYmItYm94LXNoYWRvdy1sZXZlbC05LWhhcmQpO1xuICAgIH1cbiAgfVxufVxuXG4uc2JiLXRlYXNlcl9fZGVzY3JpcHRpb24ge1xuICAvLyBSZXNldCBwYXJhZ3JhcGggc3R5bGVzXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG46OnNsb3R0ZWQoc2JiLWNoaXAtbGFiZWwpIHtcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbn1cblxuOjpzbG90dGVkKHNiYi10aXRsZSkge1xuICBtYXJnaW4tYmxvY2s6IDA7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJDaGlwTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vY2hpcC1sYWJlbC5wdXJlLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcywgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vY29yZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlRWxlbWVudCB9IGZyb20gJy4uL3RpdGxlLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXIuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIGludGVyYWN0aXZlIGltYWdlIHdpdGggY2FwdGlvbi5cbiAqXG4gKiBAc2xvdCBpbWFnZSAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIGltYWdlLlxuICogQHNsb3QgY2hpcCAtIFNsb3QgZm9yIHRoZSBgc2JiLWNoaXAtbGFiZWxgIGVsZW1lbnQuIFRoZSBzbG90IG9uIHRoZSBgc2JiLWNoaXAtbGFiZWxgIGVsZW1lbnQgaXMgYXV0b21hdGljYWxseSBhc3NpZ25lZCB3aGVuIHNsb3R0ZWQgaW4gdGhlIHVubmFtZWQgc2xvdC5cbiAqIEBzbG90IHRpdGxlIC0gU2xvdCBmb3IgdGhlIHRpdGxlLiBGb3IgdGhlIHN0YW5kYXJkIGBzYmItdGl0bGVgIGVsZW1lbnQsIHRoZSBzbG90IGlzIGF1dG9tYXRpY2FsbHkgYXNzaWduZWQgd2hlbiBzbG90dGVkIGluIHRoZSB1bm5hbWVkIHNsb3QuXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHJlbmRlciB0aGUgZGVzY3JpcHRpb24sIHRoZSBzYmItdGl0bGUgYW5kIHRoZSBzYmItY2hpcC1sYWJlbC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRlYXNlckVsZW1lbnQgZXh0ZW5kcyBTYmJMaW5rQmFzZUVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRlYXNlcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBUZWFzZXIgdmFyaWFudCAtIGRlZmluZSB0aGUgcG9zaXRpb24gYW5kIHRoZSBhbGlnbm1lbnQgb2YgdGhlIHRleHQgYmxvY2suICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGFsaWdubWVudDogJ2FmdGVyLWNlbnRlcmVkJyB8ICdhZnRlcicgfCAnYmVsb3cnID1cbiAgICAnYWZ0ZXItY2VudGVyZWQnO1xuXG4gIHByaXZhdGUgX2hhbmRsZVNsb3RjaGFuZ2UoKTogdm9pZCB7XG4gICAgY29uc3QgY2hpcCA9IEFycmF5LmZyb20odGhpcy5jaGlsZHJlbikuZmluZCgoZWwpID0+IGVsLmxvY2FsTmFtZSA9PT0gJ3NiYi1jaGlwLWxhYmVsJyk7XG4gICAgaWYgKGNoaXApIHtcbiAgICAgIGNoaXAuc2xvdCA9ICdjaGlwJztcbiAgICB9XG5cbiAgICBjb25zdCB0aXRsZSA9IEFycmF5LmZyb20odGhpcy5jaGlsZHJlbikuZmluZCgoZWwpID0+IGVsLmxvY2FsTmFtZSA9PT0gJ3NiYi10aXRsZScpO1xuICAgIGlmICh0aXRsZSkge1xuICAgICAgdGl0bGUuc2xvdCA9ICd0aXRsZSc7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfY29uZmlndXJlQ2hpcChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBXZSBuZWVkIHRvIGNoZWNrIGFzc2lnbmVkIGVsZW1lbnRzIGJlY2F1c2UgaW4gdGhlIGltYWdlIHNsb3QgaXQgY2FuIGhhdmUgbGFiZWxzIGFzIHdlbGwuXG4gICAgY29uc3QgY2hpcExhYmVsID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpXG4gICAgICAuYXNzaWduZWRFbGVtZW50cygpXG4gICAgICAuZmluZCgoZSk6IGUgaXMgU2JiQ2hpcExhYmVsRWxlbWVudCA9PiBlLmxvY2FsTmFtZSA9PT0gJ3NiYi1jaGlwLWxhYmVsJyk7XG5cbiAgICBpZiAoY2hpcExhYmVsKSB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKGNoaXBMYWJlbCk7XG4gICAgICBjaGlwTGFiZWwuY29sb3IgPSAnY2hhcmNvYWwnO1xuICAgICAgY2hpcExhYmVsLnNpemUgPSAneHhzJztcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9jb25maWd1cmVUaXRsZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0aXRsZSA9IChldmVudC50YXJnZXQgYXMgSFRNTFNsb3RFbGVtZW50KVxuICAgICAgLmFzc2lnbmVkRWxlbWVudHMoKVxuICAgICAgLmZpbmQoKGUpOiBlIGlzIFNiYlRpdGxlRWxlbWVudCA9PiBlLmxvY2FsTmFtZSA9PT0gJ3NiYi10aXRsZScpO1xuXG4gICAgaWYgKHRpdGxlKSB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKHRpdGxlKTtcbiAgICAgIHRpdGxlLnZpc3VhbExldmVsID0gJzUnO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIC8vIFdlIHJlbmRlciB0aGUgY29udGVudCBvdXRzaWRlIHRoZSBhbmNob3IgdGFnIHRvIGFsbG93IHNjcmVlbiByZWFkZXJzIHRvIG5hdmlnYXRlIHRocm91Z2ggaXRcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGVhc2VyX193cmFwcGVyXCI+XG4gICAgICAgICR7dGhpcy5yZW5kZXJMaW5rKFxuICAgICAgICAgIC8vIEZvciBTRU8sIHdlIGFkZCB0aGUgYWNjZXNzaWJpbGl0eSBoaWRkZW4gYXMgaGlkZGVuIGNvbnRlbnQgb2YgdGhlIGxpbmtcbiAgICAgICAgICBodG1sYDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PmAsXG4gICAgICAgICl9XG4gICAgICAgICR7dGhpcy5yZW5kZXJDb250ZW50KCl9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIHJlbmRlckNvbnRlbnQoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyX19jb250YWluZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyX19pbWFnZS13cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlcl9fdGV4dFwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJjaGlwXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9jb25maWd1cmVDaGlwfT48L3Nsb3Q+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cInRpdGxlXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9jb25maWd1cmVUaXRsZX0+PC9zbG90PlxuICAgICAgICAgIDxwIGNsYXNzPVwic2JiLXRlYXNlcl9fZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhpcy5faGFuZGxlU2xvdGNoYW5nZX0+PC9zbG90PlxuICAgICAgICAgIDwvcD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10ZWFzZXInOiBTYmJUZWFzZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDa0JhLDBCQUFnQjttQkFBUzs7OztjQUF6Qix5QkFBeUIsWUFBa0I7Ozs0QkFLckQsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFBQyxnQkFBQSxNQUFBLE1BQUEsdUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxlQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVMsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFULFlBQVM7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx5QkFBQSw2QkFBQTs7Ozs7Ozs7O0FBSnRCLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsZUFBTSxDQUFDOztFQUd0RCw4QkFBQSxrQkFBQSxNQUFBLHlCQUMzQixpQkFBZ0I7O0VBRFcsSUFBZ0IsWUFBUztBQUFBLFVBQUEsTUFBQTs7RUFBekIsSUFBZ0IsVUFBUyxPQUFBO0FBQUEsU0FBQSw2QkFBQTs7RUFHOUMsb0JBQWlCO0dBQ3ZCLE1BQU0sT0FBTyxNQUFNLEtBQUssS0FBSyxTQUFTLENBQUMsTUFBTSxPQUFPLEdBQUcsY0FBYyxpQkFBaUI7QUFDdEYsT0FBSSxLQUNGLE1BQUssT0FBTztHQUdkLE1BQU0sUUFBUSxNQUFNLEtBQUssS0FBSyxTQUFTLENBQUMsTUFBTSxPQUFPLEdBQUcsY0FBYyxZQUFZO0FBQ2xGLE9BQUksTUFDRixPQUFNLE9BQU87O0VBSVQsZUFBZSxPQUFZO0dBRWpDLE1BQU0sWUFBYSxNQUFNLE9BQ3RCLGtCQUFrQixDQUNsQixNQUFNLE1BQWdDLEVBQUUsY0FBYyxpQkFBaUI7QUFFMUUsT0FBSSxXQUFXO0FBQ2IsbUJBQWUsUUFBUSxVQUFVO0FBQ2pDLGNBQVUsUUFBUTtBQUNsQixjQUFVLE9BQU87OztFQUliLGdCQUFnQixPQUFZO0dBQ2xDLE1BQU0sUUFBUyxNQUFNLE9BQ2xCLGtCQUFrQixDQUNsQixNQUFNLE1BQTRCLEVBQUUsY0FBYyxZQUFZO0FBRWpFLE9BQUksT0FBTztBQUNULG1CQUFlLFFBQVEsTUFBTTtBQUM3QixVQUFNLGNBQWM7OztFQUlMLFNBQU07QUFFdkIsVUFBTyxNQUFJOztVQUVMLEtBQUssV0FFTCxNQUFJLDJCQUEyQixLQUFLLG1CQUFrQiwyQkFDdkQsQ0FBQTtVQUNDLEtBQUssZUFBZSxDQUFBOzs7O0VBS2xCLGdCQUFhO0FBQ3JCLFVBQU8sTUFBSTs7Ozs7OzBDQU0yQixLQUFLLGVBQWM7MkNBQ2xCLEtBQUssZ0JBQWU7O2dDQUUvQixLQUFLLGtCQUFpQiJ9

package/development/teaser.js

@@ -1,4 +1,4 @@
-import { t as SbbTeaserElement } from "./teaser.component-C7uXEaPK.js";
+import { t as SbbTeaserElement } from "./teaser.component-8cqR7wx4.js";
 import "./teaser.pure.js";
 //#region src/elements/teaser.ts
 /** @entrypoint */

package/development/teaser.pure.js

@@ -1,2 +1,2 @@
-import { t as SbbTeaserElement } from "./teaser.component-C7uXEaPK.js";
+import { t as SbbTeaserElement } from "./teaser.component-8cqR7wx4.js";
 export { SbbTeaserElement };

package/development/title/title-base.js

@@ -1,2 +1,2 @@
-import { t as SbbTitleBase } from "../title-base-DKVyL7TQ.js";
+import { t as SbbTitleBase } from "../title-base-QBLTDdVa.js";
 export { SbbTitleBase };

package/development/title/title.component.js

@@ -1,2 +1,2 @@
-import { t as SbbTitleElement } from "../title.component-BEEzA9cF.js";
+import { t as SbbTitleElement } from "../title.component-DeSXwF7P.js";
 export { SbbTitleElement };

package/development/title-base-QBLTDdVa.js

@@ -0,0 +1,102 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core.js";
+import { html as html$1 } from "lit/static-html.js";
+//#region src/elements/title/title-common.scss?inline
+var title_common_default = ":host {\n  display: block;\n  font-weight: bold;\n  font-size: var(--sbb-title-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-heading);\n  line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));\n  color: var(--sbb-title-color);\n}\n\n:host([id]) {\n  scroll-margin-block-start: var(--sbb-spacing-fixed-10x);\n}\n\n:host(:where([level=\"2\"]:not([visual-level]), [visual-level=\"2\"])) {\n  --sbb-title-font-size: var(--sbb-heading-font-size-2);\n}\n\n:host(:where([level=\"3\"]:not([visual-level]), [visual-level=\"3\"])) {\n  --sbb-title-font-size: var(--sbb-heading-font-size-3);\n}\n\n:host(:where([level=\"4\"]:not([visual-level]), [visual-level=\"4\"])) {\n  --sbb-title-font-size: var(--sbb-heading-font-size-4);\n}\n\n:host(:where([level=\"5\"]:not([visual-level]), [visual-level=\"5\"])) {\n  --sbb-title-font-size: var(--sbb-heading-font-size-5);\n}\n\n:host(:where([level=\"6\"]:not([visual-level]), [visual-level=\"6\"])) {\n  --sbb-title-font-size: var(--sbb-heading-font-size-6);\n  --sbb-title-line-height: var(--sbb-typo-line-height-text);\n}";
+//#endregion
+//#region src/elements/title/title-base.ts
+/**
+* It displays a title with a heading role.
+*/
+var SbbTitleBase = (() => {
+	let _classSuper = SbbElement;
+	let _level_decorators;
+	let _level_initializers = [];
+	let _level_extraInitializers = [];
+	let _visualLevel_decorators;
+	let _visualLevel_initializers = [];
+	let _visualLevel_extraInitializers = [];
+	return class SbbTitleBase extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_level_decorators = [property({ reflect: true })];
+			_visualLevel_decorators = [property({
+				attribute: "visual-level",
+				reflect: true
+			})];
+			__esDecorate(this, null, _level_decorators, {
+				kind: "accessor",
+				name: "level",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "level" in obj,
+					get: (obj) => obj.level,
+					set: (obj, value) => {
+						obj.level = value;
+					}
+				},
+				metadata: _metadata
+			}, _level_initializers, _level_extraInitializers);
+			__esDecorate(this, null, _visualLevel_decorators, {
+				kind: "accessor",
+				name: "visualLevel",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "visualLevel" in obj,
+					get: (obj) => obj.visualLevel,
+					set: (obj, value) => {
+						obj.visualLevel = value;
+					}
+				},
+				metadata: _metadata
+			}, _visualLevel_initializers, _visualLevel_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.role = "heading";
+		}
+		static {
+			this.styles = unsafeCSS(title_common_default);
+		}
+		#level_accessor_storage = __runInitializers(this, _level_initializers, "1");
+		/** Title level */
+		get level() {
+			return this.#level_accessor_storage;
+		}
+		set level(value) {
+			this.#level_accessor_storage = value;
+		}
+		#visualLevel_accessor_storage = (__runInitializers(this, _level_extraInitializers), __runInitializers(this, _visualLevel_initializers, null));
+		/** Visual level for the title. */
+		get visualLevel() {
+			return this.#visualLevel_accessor_storage;
+		}
+		set visualLevel(value) {
+			this.#visualLevel_accessor_storage = value;
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("level")) this.internals.ariaLevel = this.level;
+		}
+		render() {
+			return html$1`<slot></slot>`;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _visualLevel_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbTitleBase as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtYmFzZS1RQkxURGRWYS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGl0bGUvdGl0bGUtY29tbW9uLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpdGxlL3RpdGxlLWJhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXRpdGxlLWZvbnQtc2l6ZSk7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy1oZWFkaW5nKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXNiYi10aXRsZS1saW5lLWhlaWdodCwgdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtaGVhZGluZykpO1xuICBjb2xvcjogdmFyKC0tc2JiLXRpdGxlLWNvbG9yKTtcbn1cblxuOmhvc3QoW2lkXSkge1xuICBAaW5jbHVkZSBzYmIuc2Nyb2xsLW1hcmdpbi1ibG9jay1zdGFydDtcbn1cblxuOmhvc3QoOndoZXJlKFtsZXZlbD0nMiddOm5vdChbdmlzdWFsLWxldmVsXSksIFt2aXN1YWwtbGV2ZWw9JzInXSkpIHtcbiAgQGluY2x1ZGUgc2JiLnRpdGxlLS1sZXZlbC0yO1xufVxuXG46aG9zdCg6d2hlcmUoW2xldmVsPSczJ106bm90KFt2aXN1YWwtbGV2ZWxdKSwgW3Zpc3VhbC1sZXZlbD0nMyddKSkge1xuICBAaW5jbHVkZSBzYmIudGl0bGUtLWxldmVsLTM7XG59XG5cbjpob3N0KDp3aGVyZShbbGV2ZWw9JzQnXTpub3QoW3Zpc3VhbC1sZXZlbF0pLCBbdmlzdWFsLWxldmVsPSc0J10pKSB7XG4gIEBpbmNsdWRlIHNiYi50aXRsZS0tbGV2ZWwtNDtcbn1cblxuOmhvc3QoOndoZXJlKFtsZXZlbD0nNSddOm5vdChbdmlzdWFsLWxldmVsXSksIFt2aXN1YWwtbGV2ZWw9JzUnXSkpIHtcbiAgQGluY2x1ZGUgc2JiLnRpdGxlLS1sZXZlbC01O1xufVxuXG46aG9zdCg6d2hlcmUoW2xldmVsPSc2J106bm90KFt2aXN1YWwtbGV2ZWxdKSwgW3Zpc3VhbC1sZXZlbD0nNiddKSkge1xuICBAaW5jbHVkZSBzYmIudGl0bGUtLWxldmVsLTY7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFByb3BlcnR5VmFsdWVzLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uL2NvcmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aXRsZS1jb21tb24uc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgdHlwZSBTYmJUaXRsZUxldmVsID0gJzEnIHwgJzInIHwgJzMnIHwgJzQnIHwgJzUnIHwgJzYnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdGl0bGUgd2l0aCBhIGhlYWRpbmcgcm9sZS5cbiAqL1xuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFNiYlRpdGxlQmFzZSBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJvbGUgPSAnaGVhZGluZyc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHVuc2FmZUNTUyhzdHlsZSk7XG5cbiAgLyoqIFRpdGxlIGxldmVsICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGxldmVsOiBTYmJUaXRsZUxldmVsID0gJzEnO1xuXG4gIC8qKiBWaXN1YWwgbGV2ZWwgZm9yIHRoZSB0aXRsZS4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndmlzdWFsLWxldmVsJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgdmlzdWFsTGV2ZWw6IFNiYlRpdGxlTGV2ZWwgfCBudWxsID0gbnVsbDtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xldmVsJykpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMZXZlbCA9IHRoaXMubGV2ZWw7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0lDYXNCLHNCQUFZO21CQUFTOzs7Ozs7O2NBQXJCLHFCQUFxQixZQUFVOzs7d0JBS2xELFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBOzhCQUczQixTQUFTO0lBQUUsV0FBVztJQUFnQixTQUFTO0lBQU0sQ0FBQyxDQUFBO0FBSDFCLGdCQUFBLE1BQUEsTUFBQSxtQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFdBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSyxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUwsUUFBSzs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLHFCQUFBLHlCQUFBO0FBSWxELGdCQUFBLE1BQUEsTUFBQSx5QkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLGlCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVcsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFYLGNBQVc7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSwyQkFBQSwrQkFBQTs7Ozs7Ozs7O0FBUkosUUFBQSxPQUFPOzs7QUFDUCxRQUFBLFNBQXlCLFVBQVUscUJBQU07O0VBR25DLDBCQUFBLGtCQUFBLE1BQUEscUJBQXVDLElBQUc7O0VBQTFDLElBQWdCLFFBQUs7QUFBQSxVQUFBLE1BQUE7O0VBQXJCLElBQWdCLE1BQUssT0FBQTtBQUFBLFNBQUEseUJBQUE7O0VBSWxELGlDQUFBLGtCQUFBLE1BQUEseUJBQUEsRUFBQSxrQkFBQSxNQUFBLDJCQUFvRCxLQUFJOztFQUF4RCxJQUFnQixjQUFXO0FBQUEsVUFBQSxNQUFBOztFQUEzQixJQUFnQixZQUFXLE9BQUE7QUFBQSxTQUFBLCtCQUFBOztFQUVSLFdBQVcsbUJBQXVDO0FBQ25FLFNBQU0sV0FBVyxrQkFBa0I7QUFFbkMsT0FBSSxrQkFBa0IsSUFBSSxRQUFRLENBQ2hDLE1BQUssVUFBVSxZQUFZLEtBQUs7O0VBSWpCLFNBQU07QUFDdkIsVUFBTyxNQUFJIn0=

package/development/title.component-DeSXwF7P.js

@@ -0,0 +1,71 @@
+import { t as SbbTitleBase } from "./title-base-QBLTDdVa.js";
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbNegativeMixin } from "./core.js";
+//#region src/elements/title/title.scss?inline
+var title_default = ":host {\n  margin-block: var(--sbb-title-margin-block, 0);\n}\n\n:host([negative]) {\n  --sbb-title-color: var(--sbb-color-3-negative);\n}\n\n:host(:where([level=\"2\"]:not([visual-level]), [visual-level=\"2\"])) {\n  --sbb-title-margin-block: var(--sbb-heading-margin-block-2);\n}\n\n:host(:where([level=\"3\"]:not([visual-level]), [visual-level=\"3\"])) {\n  --sbb-title-margin-block: var(--sbb-heading-margin-block-3);\n}\n\n:host(:where([level=\"4\"]:not([visual-level]), [visual-level=\"4\"])) {\n  --sbb-title-margin-block: var(--sbb-heading-margin-block-4);\n}\n\n:host(:where([level=\"5\"]:not([visual-level]), [visual-level=\"5\"])) {\n  --sbb-title-margin-block: var(--sbb-heading-margin-block-5);\n}\n\n:host(:where([level=\"6\"]:not([visual-level]), [visual-level=\"6\"])) {\n  --sbb-title-margin-block: var(--sbb-heading-margin-block-6);\n}";
+//#endregion
+//#region src/elements/title/title.component.ts
+/**
+* @slot - Use the unnamed slot for the content of the title.
+*
+* @cssprop [--sbb-title-margin-block] - Margin block of the title.
+*/
+var SbbTitleElement = (() => {
+	let _classSuper = SbbNegativeMixin(SbbTitleBase);
+	let _visualLevel_decorators;
+	let _visualLevel_initializers = [];
+	let _visualLevel_extraInitializers = [];
+	return class SbbTitleElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_visualLevel_decorators = [property({
+				attribute: "visual-level",
+				reflect: true
+			})];
+			__esDecorate(this, null, _visualLevel_decorators, {
+				kind: "accessor",
+				name: "visualLevel",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "visualLevel" in obj,
+					get: (obj) => obj.visualLevel,
+					set: (obj, value) => {
+						obj.visualLevel = value;
+					}
+				},
+				metadata: _metadata
+			}, _visualLevel_initializers, _visualLevel_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-title";
+		}
+		static {
+			this.styles = [SbbTitleBase.styles, unsafeCSS(title_default)];
+		}
+		#visualLevel_accessor_storage = __runInitializers(this, _visualLevel_initializers, null);
+		/** Visual level for the title. Optional, if not set, the value of level will be used. */
+		get visualLevel() {
+			return this.#visualLevel_accessor_storage;
+		}
+		set visualLevel(value) {
+			this.#visualLevel_accessor_storage = value;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _visualLevel_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbTitleElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUuY29tcG9uZW50LURlU1h3RjdQLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aXRsZS90aXRsZS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aXRsZS90aXRsZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBtYXJnaW4tYmxvY2s6IHZhcigtLXNiYi10aXRsZS1tYXJnaW4tYmxvY2ssIDApO1xufVxuXG46aG9zdChbbmVnYXRpdmVdKSB7XG4gIEBpbmNsdWRlIHNiYi50aXRsZS0tbmVnYXRpdmU7XG59XG5cbjpob3N0KDp3aGVyZShbbGV2ZWw9JzInXTpub3QoW3Zpc3VhbC1sZXZlbF0pLCBbdmlzdWFsLWxldmVsPScyJ10pKSB7XG4gIEBpbmNsdWRlIHNiYi50aXRsZS0tbGV2ZWwtMi1zcGFjaW5nO1xufVxuXG46aG9zdCg6d2hlcmUoW2xldmVsPSczJ106bm90KFt2aXN1YWwtbGV2ZWxdKSwgW3Zpc3VhbC1sZXZlbD0nMyddKSkge1xuICBAaW5jbHVkZSBzYmIudGl0bGUtLWxldmVsLTMtc3BhY2luZztcbn1cblxuOmhvc3QoOndoZXJlKFtsZXZlbD0nNCddOm5vdChbdmlzdWFsLWxldmVsXSksIFt2aXN1YWwtbGV2ZWw9JzQnXSkpIHtcbiAgQGluY2x1ZGUgc2JiLnRpdGxlLS1sZXZlbC00LXNwYWNpbmc7XG59XG5cbjpob3N0KDp3aGVyZShbbGV2ZWw9JzUnXTpub3QoW3Zpc3VhbC1sZXZlbF0pLCBbdmlzdWFsLWxldmVsPSc1J10pKSB7XG4gIEBpbmNsdWRlIHNiYi50aXRsZS0tbGV2ZWwtNS1zcGFjaW5nO1xufVxuXG46aG9zdCg6d2hlcmUoW2xldmVsPSc2J106bm90KFt2aXN1YWwtbGV2ZWxdKSwgW3Zpc3VhbC1sZXZlbD0nNiddKSkge1xuICBAaW5jbHVkZSBzYmIudGl0bGUtLWxldmVsLTYtc3BhY2luZztcbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUudHMnO1xuXG5pbXBvcnQgeyBTYmJUaXRsZUJhc2UsIHR5cGUgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4vdGl0bGUtYmFzZS50cyc7XG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aXRsZS5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCBmb3IgdGhlIGNvbnRlbnQgb2YgdGhlIHRpdGxlLlxuICpcbiAqIEBjc3Nwcm9wIFstLXNiYi10aXRsZS1tYXJnaW4tYmxvY2tdIC0gTWFyZ2luIGJsb2NrIG9mIHRoZSB0aXRsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRpdGxlRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oU2JiVGl0bGVCYXNlKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGl0bGUnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiVGl0bGVCYXNlLnN0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqIFZpc3VhbCBsZXZlbCBmb3IgdGhlIHRpdGxlLiBPcHRpb25hbCwgaWYgbm90IHNldCwgdGhlIHZhbHVlIG9mIGxldmVsIHdpbGwgYmUgdXNlZC4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndmlzdWFsLWxldmVsJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgYWNjZXNzb3IgdmlzdWFsTGV2ZWw6IFNiYlRpdGxlTGV2ZWwgfCBudWxsID0gbnVsbDtcbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aXRsZSc6IFNiYlRpdGxlRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztJQ2FhLHlCQUFlO21CQUFTLGlCQUFpQixhQUFhOzs7O2NBQXRELHdCQUF3QixZQUE4Qjs7OzhCQUtoRSxTQUFTO0lBQUUsV0FBVztJQUFnQixTQUFTO0lBQU0sQ0FBQyxDQUFBO0FBQ3ZELGdCQUFBLE1BQUEsTUFBQSx5QkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLGlCQUFBO0tBQUEsTUFBQSxRQUFBLElBQXlCO0tBQVcsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFYLGNBQVc7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSwyQkFBQSwrQkFBQTs7Ozs7Ozs7O0FBTEosUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUIsQ0FBQyxhQUFhLFFBQVEsVUFBVSxjQUFNLENBQUM7O0VBSXZGLGdDQUFBLGtCQUFBLE1BQUEsMkJBQTZELEtBQUk7O0VBQWpFLElBQXlCLGNBQVc7QUFBQSxVQUFBLE1BQUE7O0VBQXBDLElBQXlCLFlBQVcsT0FBQTtBQUFBLFNBQUEsK0JBQUEifQ==

package/development/title.js

@@ -1,5 +1,5 @@
-import { t as SbbTitleBase } from "./title-base-DKVyL7TQ.js";
-import { t as SbbTitleElement } from "./title.component-BEEzA9cF.js";
+import { t as SbbTitleBase } from "./title-base-QBLTDdVa.js";
+import { t as SbbTitleElement } from "./title.component-DeSXwF7P.js";
 import "./title.pure.js";
 //#region src/elements/title.ts
 /** @entrypoint */

package/development/title.pure.js

@@ -1,3 +1,3 @@
-import { t as SbbTitleBase } from "./title-base-DKVyL7TQ.js";
-import { t as SbbTitleElement } from "./title.component-BEEzA9cF.js";
+import { t as SbbTitleBase } from "./title-base-QBLTDdVa.js";
+import { t as SbbTitleElement } from "./title.component-DeSXwF7P.js";
 export { SbbTitleBase, SbbTitleElement };

package/development/toast/toast.component.js

@@ -1,2 +1,2 @@
-import { t as SbbToastElement } from "../toast.component-DvVY7zpe.js";
+import { t as SbbToastElement } from "../toast.component-CrjaQMNl.js";
 export { SbbToastElement };