@sbb-esta/lyne-elements 4.8.1 → 4.9.0

package/development/signet.component-B9nY5tTL.js

@@ -1,188 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { css, html } from "lit";
-import { property } from "lit/decorators.js";
-import { SbbElement } from "./core/base-elements.js";
-import { forceType } from "./core/decorators.js";
-import { boxSizingStyles } from "./core/styles.js";
-//#region src/elements/signet/signet.scss?lit&inline
-var signet_default = css`:host {
-  display: block;
-  height: var(--sbb-signet-height);
-  --sbb-signet-background-color: var(--sbb-color-brand);
-  --sbb-signet-panel-color: var(--sbb-color-brand);
-  --sbb-signet-icon-color: var(--sbb-color-white);
-  --sbb-signet-aspect-ratio: 2 / 1;
-  --sbb-signet-svg-container-height: auto;
-}
-@media (forced-colors: active) {
-  :host {
-    --sbb-signet-background-color: ButtonText !important;
-    --sbb-signet-panel-color: ButtonText !important;
-    --sbb-signet-icon-color: Canvas !important;
-  }
-}
-
-:host([protective-room=minimal]) {
-  --sbb-signet-aspect-ratio: 108 / 64;
-  --sbb-signet-svg-container-height: calc(44 / 64 * 100%);
-}
-
-:host([protective-room=ideal]) {
-  --sbb-signet-aspect-ratio: 128 / 84;
-  --sbb-signet-svg-container-height: calc(44 / 84 * 100%);
-}
-
-:host([protective-room=panel]) {
-  --sbb-signet-aspect-ratio: 143 / 48;
-  --sbb-signet-background-color: unset;
-}
-@media (forced-colors: active) {
-  :host([protective-room=panel]) {
-    --sbb-signet-background-color: unset !important;
-  }
-}
-
-.sbb-signet {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--sbb-signet-background-color);
-  aspect-ratio: var(--sbb-signet-aspect-ratio);
-  width: 100%;
-  height: 100%;
-}
-
-.sbb-signet .sbb-signet__svg-container {
-  display: flex;
-  height: var(--sbb-signet-svg-container-height);
-}
-
-.sbb-signet svg {
-  width: 100%;
-  height: 100%;
-}
-
-#sbb-signet__panel {
-  fill: var(--sbb-signet-panel-color);
-  stroke: var(--sbb-signet-panel-color);
-}
-
-#sbb-signet__icon {
-  fill: var(--sbb-signet-icon-color);
-}`;
-//#endregion
-//#region src/elements/signet/signet.component.ts
-/**
-* It displays the SBB signet.
-*
-* @cssprop [--sbb-signet-height=auto] - Can be used to set the height of the signet.
-*/
-var SbbSignetElement = (() => {
-	let _classSuper = SbbElement;
-	let _protectiveRoom_decorators;
-	let _protectiveRoom_initializers = [];
-	let _protectiveRoom_extraInitializers = [];
-	let _accessibilityLabel_decorators;
-	let _accessibilityLabel_initializers = [];
-	let _accessibilityLabel_extraInitializers = [];
-	return class SbbSignetElement extends _classSuper {
-		static {
-			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-			_protectiveRoom_decorators = [property({
-				attribute: "protective-room",
-				reflect: true
-			})];
-			_accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
-			__esDecorate(this, null, _protectiveRoom_decorators, {
-				kind: "accessor",
-				name: "protectiveRoom",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "protectiveRoom" in obj,
-					get: (obj) => obj.protectiveRoom,
-					set: (obj, value) => {
-						obj.protectiveRoom = value;
-					}
-				},
-				metadata: _metadata
-			}, _protectiveRoom_initializers, _protectiveRoom_extraInitializers);
-			__esDecorate(this, null, _accessibilityLabel_decorators, {
-				kind: "accessor",
-				name: "accessibilityLabel",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "accessibilityLabel" in obj,
-					get: (obj) => obj.accessibilityLabel,
-					set: (obj, value) => {
-						obj.accessibilityLabel = value;
-					}
-				},
-				metadata: _metadata
-			}, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
-			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
-				enumerable: true,
-				configurable: true,
-				writable: true,
-				value: _metadata
-			});
-		}
-		static {
-			this.elementName = "sbb-signet";
-		}
-		static {
-			this.styles = [boxSizingStyles, signet_default];
-		}
-		#protectiveRoom_accessor_storage = __runInitializers(this, _protectiveRoom_initializers, "ideal");
-		/** Visual protective room around signet. */
-		get protectiveRoom() {
-			return this.#protectiveRoom_accessor_storage;
-		}
-		set protectiveRoom(value) {
-			this.#protectiveRoom_accessor_storage = value;
-		}
-		#accessibilityLabel_accessor_storage = (__runInitializers(this, _protectiveRoom_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, "Logo"));
-		/** Accessibility label which will be forwarded to the inner SVG signet. */
-		get accessibilityLabel() {
-			return this.#accessibilityLabel_accessor_storage;
-		}
-		set accessibilityLabel(value) {
-			this.#accessibilityLabel_accessor_storage = value;
-		}
-		render() {
-			return html`
-      <span class="sbb-signet">
-        <span class="sbb-signet__svg-container">
-          ${this.protectiveRoom === "panel" ? html`
-                <svg focusable="false" viewBox="0 0 143 48" xmlns="http://www.w3.org/2000/svg">
-                  <title .textContent=${this.accessibilityLabel}></title>
-                  <path id="sbb-signet__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
-                  <path
-                    id="sbb-signet__icon"
-                    d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
-                  ></path>
-                </svg>
-              ` : html`
-                <svg focusable="false" viewBox="0 0 80 40" xmlns="http://www.w3.org/2000/svg">
-                  <title .textContent=${this.accessibilityLabel}></title>
-                  <path
-                    id="sbb-signet__icon"
-                    d="M20.0265 40H31.6821L16 24.6154H35.3907V40H44.6093V24.6154H64.106L48.4238 40H60.0795L80 20.0531L60.0795 0H48.4238L64.106 15.3846H44.6093V0H35.3907V15.3846H16L31.6821 0H20.0265L0 20.0531L20.0265 40Z"
-                  ></path>
-                </svg>
-              `}
-        </span>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments);
-			__runInitializers(this, _accessibilityLabel_extraInitializers);
-		}
-	};
-})();
-//#endregion
-export { SbbSignetElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmV0LmNvbXBvbmVudC1COW5ZNXRUTC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lnbmV0L3NpZ25ldC5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lnbmV0L3NpZ25ldC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiB2YXIoLS1zYmItc2lnbmV0LWhlaWdodCk7XG5cbiAgLS1zYmItc2lnbmV0LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1jb2xvci1icmFuZCk7XG4gIC0tc2JiLXNpZ25ldC1wYW5lbC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLWJyYW5kKTtcbiAgLS1zYmItc2lnbmV0LWljb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci13aGl0ZSk7XG4gIC0tc2JiLXNpZ25ldC1hc3BlY3QtcmF0aW86IDIgLyAxO1xuICAtLXNiYi1zaWduZXQtc3ZnLWNvbnRhaW5lci1oZWlnaHQ6IGF1dG87XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXNpZ25ldC1iYWNrZ3JvdW5kLWNvbG9yOiBCdXR0b25UZXh0ICFpbXBvcnRhbnQ7XG4gICAgLS1zYmItc2lnbmV0LXBhbmVsLWNvbG9yOiBCdXR0b25UZXh0ICFpbXBvcnRhbnQ7XG4gICAgLS1zYmItc2lnbmV0LWljb24tY29sb3I6IENhbnZhcyAhaW1wb3J0YW50O1xuICB9XG59XG5cbjpob3N0KFtwcm90ZWN0aXZlLXJvb209J21pbmltYWwnXSkge1xuICAtLXNiYi1zaWduZXQtYXNwZWN0LXJhdGlvOiAxMDggLyA2NDtcbiAgLS1zYmItc2lnbmV0LXN2Zy1jb250YWluZXItaGVpZ2h0OiBjYWxjKDQ0IC8gNjQgKiAxMDAlKTtcbn1cblxuOmhvc3QoW3Byb3RlY3RpdmUtcm9vbT0naWRlYWwnXSkge1xuICAtLXNiYi1zaWduZXQtYXNwZWN0LXJhdGlvOiAxMjggLyA4NDtcbiAgLS1zYmItc2lnbmV0LXN2Zy1jb250YWluZXItaGVpZ2h0OiBjYWxjKDQ0IC8gODQgKiAxMDAlKTtcbn1cblxuOmhvc3QoW3Byb3RlY3RpdmUtcm9vbT0ncGFuZWwnXSkge1xuICAtLXNiYi1zaWduZXQtYXNwZWN0LXJhdGlvOiAxNDMgLyA0ODtcbiAgLS1zYmItc2lnbmV0LWJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1zaWduZXQtYmFja2dyb3VuZC1jb2xvcjogdW5zZXQgIWltcG9ydGFudDtcbiAgfVxufVxuXG4uc2JiLXNpZ25ldCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItc2lnbmV0LWJhY2tncm91bmQtY29sb3IpO1xuICBhc3BlY3QtcmF0aW86IHZhcigtLXNiYi1zaWduZXQtYXNwZWN0LXJhdGlvKTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLnNiYi1zaWduZXQgLnNiYi1zaWduZXRfX3N2Zy1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IHZhcigtLXNiYi1zaWduZXQtc3ZnLWNvbnRhaW5lci1oZWlnaHQpO1xufVxuXG4uc2JiLXNpZ25ldCBzdmcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4jc2JiLXNpZ25ldF9fcGFuZWwge1xuICBmaWxsOiB2YXIoLS1zYmItc2lnbmV0LXBhbmVsLWNvbG9yKTtcbiAgc3Ryb2tlOiB2YXIoLS1zYmItc2lnbmV0LXBhbmVsLWNvbG9yKTtcbn1cblxuI3NiYi1zaWduZXRfX2ljb24ge1xuICBmaWxsOiB2YXIoLS1zYmItc2lnbmV0LWljb24tY29sb3IpO1xufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJQcm90ZWN0aXZlUm9vbSB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZ25ldC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5leHBvcnQgdHlwZSBTYmJTaWduZXRQcm90ZWN0aXZlUm9vbSA9IFNiYlByb3RlY3RpdmVSb29tIHwgJ3BhbmVsJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyB0aGUgU0JCIHNpZ25ldC5cbiAqXG4gKiBAY3NzcHJvcCBbLS1zYmItc2lnbmV0LWhlaWdodD1hdXRvXSAtIENhbiBiZSB1c2VkIHRvIHNldCB0aGUgaGVpZ2h0IG9mIHRoZSBzaWduZXQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTaWduZXRFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc2lnbmV0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBWaXN1YWwgcHJvdGVjdGl2ZSByb29tIGFyb3VuZCBzaWduZXQuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3Byb3RlY3RpdmUtcm9vbScsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIHByb3RlY3RpdmVSb29tOiBTYmJTaWduZXRQcm90ZWN0aXZlUm9vbSA9ICdpZGVhbCc7XG5cbiAgLyoqIEFjY2Vzc2liaWxpdHkgbGFiZWwgd2hpY2ggd2lsbCBiZSBmb3J3YXJkZWQgdG8gdGhlIGlubmVyIFNWRyBzaWduZXQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnTG9nbyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1zaWduZXRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc2lnbmV0X19zdmctY29udGFpbmVyXCI+XG4gICAgICAgICAgJHt0aGlzLnByb3RlY3RpdmVSb29tID09PSAncGFuZWwnXG4gICAgICAgICAgICA/IGh0bWxgXG4gICAgICAgICAgICAgICAgPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHZpZXdCb3g9XCIwIDAgMTQzIDQ4XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgICAgICAgPHRpdGxlIC50ZXh0Q29udGVudD0ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfT48L3RpdGxlPlxuICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJzYmItc2lnbmV0X19wYW5lbFwiIHN0cm9rZS13aWR0aD1cIjFcIiBkPVwiTTEgNDdoMTQxVjFIMXY0NnpcIj48L3BhdGg+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBpZD1cInNiYi1zaWduZXRfX2ljb25cIlxuICAgICAgICAgICAgICAgICAgICBkPVwiTTg3IDQwaDkuM0w4My44IDI3LjdoMTUuNVY0MGg3LjRWMjcuN2gxNS42TDEwOS43IDQwaDkuM2wxNi0xNi0xNS45LTE2aC05LjNsMTIuNSAxMi4zaC0xNS42VjhoLTcuNHYxMi4zSDgzLjhMOTYuMyA4SDg3TDcxIDI0bDE2IDE2elwiXG4gICAgICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IGh0bWxgXG4gICAgICAgICAgICAgICAgPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHZpZXdCb3g9XCIwIDAgODAgNDBcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgICAgICAgICAgICA8dGl0bGUgLnRleHRDb250ZW50PSR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PjwvdGl0bGU+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBpZD1cInNiYi1zaWduZXRfX2ljb25cIlxuICAgICAgICAgICAgICAgICAgICBkPVwiTTIwLjAyNjUgNDBIMzEuNjgyMUwxNiAyNC42MTU0SDM1LjM5MDdWNDBINDQuNjA5M1YyNC42MTU0SDY0LjEwNkw0OC40MjM4IDQwSDYwLjA3OTVMODAgMjAuMDUzMUw2MC4wNzk1IDBINDguNDIzOEw2NC4xMDYgMTUuMzg0Nkg0NC42MDkzVjBIMzUuMzkwN1YxNS4zODQ2SDE2TDMxLjY4MjEgMEgyMC4wMjY1TDAgMjAuMDUzMUwyMC4wMjY1IDQwWlwiXG4gICAgICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICBgfVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNpZ25ldCc6IFNiYlNpZ25ldEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQ2tCYSwwQkFBZ0I7bUJBQVM7Ozs7Ozs7Y0FBekIseUJBQXlCLFlBQVU7OztpQ0FLN0MsU0FBUztJQUFFLFdBQVc7SUFBbUIsU0FBUztJQUFNLENBQUMsQ0FBQTtxQ0FJekQsV0FBVyxFQUNYLFNBQVMsRUFBRSxXQUFXLHVCQUF1QixDQUFDLENBQUE7QUFKL0MsZ0JBQUEsTUFBQSxNQUFBLDRCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsb0JBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBYyxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWQsaUJBQWM7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSw4QkFBQSxrQ0FBQTtBQUs5QixnQkFBQSxNQUFBLE1BQUEsZ0NBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSx3QkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFrQixNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWxCLHFCQUFrQjs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLGtDQUFBLHNDQUFBOzs7Ozs7Ozs7QUFWRixRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixlQUFNOztFQUl4RSxtQ0FBQSxrQkFBQSxNQUFBLDhCQUEwRCxRQUFPOztFQUFqRSxJQUFnQixpQkFBYztBQUFBLFVBQUEsTUFBQTs7RUFBOUIsSUFBZ0IsZUFBYyxPQUFBO0FBQUEsU0FBQSxrQ0FBQTs7RUFLOUIsd0NBQUEsa0JBQUEsTUFBQSxrQ0FBQSxFQUFBLGtCQUFBLE1BQUEsa0NBQTZDLE9BQU07O0VBQW5ELElBQWdCLHFCQUFrQjtBQUFBLFVBQUEsTUFBQTs7RUFBbEMsSUFBZ0IsbUJBQWtCLE9BQUE7QUFBQSxTQUFBLHNDQUFBOztFQUVmLFNBQU07QUFDdkIsVUFBTyxJQUFJOzs7WUFHSCxLQUFLLG1CQUFtQixVQUN0QixJQUFJOzt3Q0FFc0IsS0FBSyxtQkFBa0I7Ozs7Ozs7a0JBUWpELElBQUk7O3dDQUVzQixLQUFLLG1CQUFrQiJ9

package/dialog-actions.component-QvbasYxg.js

@@ -1,17 +0,0 @@
-import { css as e } from "lit";
-import { isLean as t } from "./core/dom/lean-context.js";
-import { SbbActionGroupElement as n } from "./action-group.js";
-//#region src/elements/dialog/dialog-actions/dialog-actions.scss?lit&inline
-var r = e`:host{padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);background-color:var(--sbb-dialog-background-color);transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-end-box-shadow,none);grid-area:actions;margin-block-start:auto;position:relative}:host:before{content:"";border-block-start:var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);transition:border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);align-self:start;width:100%;display:block;position:absolute;inset:0 auto auto 0}@media (forced-colors:active){:host:before{border-color:canvastext}}`, i = class extends n {
-	static {
-		this.elementName = "sbb-dialog-actions";
-	}
-	static {
-		this.styles = [n.styles, r];
-	}
-	constructor() {
-		super(), this.buttonSize = t() ? "s" : "m", this.linkSize = t() ? "xs" : "s";
-	}
-};
-//#endregion
-export { i as t };

package/dialog-title.component-BDHYjDn0.js

@@ -1,17 +0,0 @@
-import { css as e } from "lit";
-import { SbbNegativeMixin as t } from "./core/mixins.js";
-import { SbbTitleBase as n } from "./title.js";
-//#region src/elements/dialog/dialog-title/dialog-title.scss?lit&inline
-var r = e`:host{padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);-webkit-hyphens:auto;hyphens:auto;grid-area:title;display:block;position:relative}:host([negative]){--sbb-title-text-color-normal:var(--sbb-color-3-negative)}:host:after{content:"";pointer-events:none;transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-start-box-shadow,none);display:block;position:absolute;inset:0 -10rem 0 0}`, i = class extends t(n) {
-	static {
-		this.elementName = "sbb-dialog-title";
-	}
-	static {
-		this.styles = [n.styles, r];
-	}
-	constructor() {
-		super(), this.level = "2", this.visualLevel = "4";
-	}
-};
-//#endregion
-export { i as t };

package/expansion-panel-content.component-DCl4nQ8V.js

@@ -1,29 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-import { boxSizingStyles as r } from "./core/styles.js";
-import { SbbPropertyWatcherController as i } from "./core/controllers.js";
-//#region src/elements/expansion-panel/expansion-panel-content/expansion-panel-content.scss?lit&inline
-var a = e`:host{--sbb-expansion-panel-content-padding-inline-start:var(--sbb-expansion-panel-content-padding-inline);padding-block-end:var(--sbb-expansion-panel-content-padding-block-end);padding-inline:var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline);display:block}:host(:is(:state(size-s),[state--size-s])){--sbb-expansion-panel-content-padding-inline:var(--sbb-expansion-panel-content-padding-inline-s)}:host(:is(:state(size-l),[state--size-l])){--sbb-expansion-panel-content-padding-inline:var(--sbb-expansion-panel-content-padding-inline-l)}:host(:not(:is(:state(size-s),[state--size-s]),:is(:state(size-l),[state--size-l]))){--sbb-expansion-panel-content-padding-inline:var(--sbb-expansion-panel-content-padding-inline-default)}@media (width>=37.5rem){:host(:is(:state(icon-space),[state--icon-space])){--sbb-expansion-panel-content-padding-inline-start:calc(var(--sbb-expansion-panel-content-padding-inline) + var(--sbb-expansion-panel-icon-size) + var(--sbb-expansion-panel-title-gap))}}::slotted(:is(p,sbb-title):first-child){margin-block-start:0}`, o = class extends n {
-	static {
-		this.elementName = "sbb-expansion-panel-content";
-	}
-	static {
-		this.role = "region";
-	}
-	static {
-		this.styles = [r, a];
-	}
-	constructor() {
-		super(), this.addController(new i(this, () => this.closest("sbb-expansion-panel"), { size: (e) => {
-			this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-		} }));
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.slot ||= "content";
-	}
-	render() {
-		return t` <slot></slot> `;
-	}
-};
-//#endregion
-export { o as t };

package/expansion-panel-header.component-jc1Ty5jz.js

@@ -1,56 +0,0 @@
-import { css as e, html as t, nothing as n } from "lit";
-import { SbbButtonBaseElement as r } from "./core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as i, ɵstateController as a } from "./core/mixins.js";
-import { boxSizingStyles as o } from "./core/styles.js";
-import { SbbMediaMatcherController as s, SbbMediaQueryHover as c, SbbPropertyWatcherController as l } from "./core/controllers.js";
-import { SbbIconNameMixin as u } from "./icon.js";
-//#region src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.scss?lit&inline
-var d = e`:host{display:block}:host(:is(:state(size-s),[state--size-s])){--sbb-expansion-panel-header-gap:var(--sbb-expansion-panel-header-gap-s);--sbb-expansion-panel-header-padding-block:var(--sbb-expansion-panel-header-padding-block-s);--sbb-expansion-panel-header-padding-inline:var(--sbb-expansion-panel-header-padding-inline-s)}:host(:is(:state(size-l),[state--size-l])){--sbb-expansion-panel-header-gap:var(--sbb-expansion-panel-header-gap-l);--sbb-expansion-panel-header-padding-block:var(--sbb-expansion-panel-header-padding-block-l);--sbb-expansion-panel-header-padding-inline:var(--sbb-expansion-panel-header-padding-inline-l)}:host(:not(:is(:state(size-s),[state--size-s]),:is(:state(size-l),[state--size-l]))){--sbb-expansion-panel-header-gap:var(--sbb-expansion-panel-header-gap-default);--sbb-expansion-panel-header-padding-block:var(--sbb-expansion-panel-header-padding-block-default);--sbb-expansion-panel-header-padding-inline:var(--sbb-expansion-panel-header-padding-inline-default)}:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-cursor:var(--sbb-cursor-default);--sbb-expansion-panel-header-text-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-storm))}@media (forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-text-color:GrayText}}: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);outline-offset:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-expansion-panel-border-radius)}.sbb-expansion-panel-header{justify-content:var(--sbb-expansion-panel-header-justify-content);align-items:center;gap:var(--sbb-expansion-panel-header-gap);width:100%;padding:var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);text-align:start;cursor:var(--sbb-expansion-panel-header-cursor);color:var(--sbb-expansion-panel-header-text-color);font-size:var(--sbb-expansion-panel-header-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);-webkit-tap-highlight-color:transparent;font-weight:400;display:flex}.sbb-expansion-panel-header__title,.sbb-expansion-panel-header__toggle,.sbb-expansion-panel-header__icon{display:flex}.sbb-expansion-panel-header__icon{width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-height:var(--sbb-expansion-panel-icon-size)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-expansion-panel-header__icon{display:none}.sbb-expansion-panel-header__title{align-items:center;gap:var(--sbb-expansion-panel-title-gap);min-height:var(--sbb-size-icon-ui-medium);overflow:hidden}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`, f = class extends i(u(r)) {
-	static {
-		this.elementName = "sbb-expansion-panel-header";
-	}
-	static {
-		this.styles = [o, d];
-	}
-	static {
-		this.events = { toggleexpanded: "toggleexpanded" };
-	}
-	constructor() {
-		super(), this._mediaMatcher = new s(this, { [c]: (e) => this._isHover = e }), this._isHover = this._mediaMatcher.matches(c) ?? !1, this.addEventListener?.("click", () => this._emitExpandedEvent()), this.addEventListener?.("mouseenter", () => this._onMouseMovement(!0)), this.addEventListener?.("mouseleave", () => this._onMouseMovement(!1)), this.addEventListener?.("slottedchange", () => this._setIconState()), this.addController(new l(this, () => this.closest("sbb-expansion-panel"), { size: (e) => {
-			this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-		} }));
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.slot ||= "header";
-	}
-	_emitExpandedEvent() {
-		this.disabled || this.dispatchEvent(new Event("toggleexpanded", {
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-	_onMouseMovement(e) {
-		let t = this.closest("sbb-expansion-panel");
-		(!e || t && this._isHover) && a(t).toggle("toggle-hover", e);
-	}
-	_setIconState() {
-		this.toggleState("icon", !!(this.iconName || this.internals.states.has("icon")));
-	}
-	renderTemplate() {
-		return this._setIconState(), t`
-      <span class="sbb-expansion-panel-header__title">
-        <span class="sbb-expansion-panel-header__icon"> ${this.renderIconSlot()} </span>
-        <slot></slot>
-      </span>
-      ${this.disabled ? n : t`<span class="sbb-expansion-panel-header__toggle">
-            <sbb-icon
-              name="chevron-small-down-medium"
-              class="sbb-expansion-panel-header__toggle-icon"
-            >
-            </sbb-icon>
-          </span>`}
-    `;
-	}
-};
-//#endregion
-export { f as t };

package/flip-card-summary.component-DVa7wF7x.js

@@ -1,65 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { boxSizingStyles as o } from "./core/styles.js";
-//#region src/elements/flip-card/flip-card-summary/flip-card-summary.scss?lit&inline
-var s = n`:host{min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events,all);opacity:var(--sbb-flip-card-summary-opacity,1);border-radius:var(--sbb-flip-card-border-radius);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}@media (width>=37.5rem){:host([image-alignment=after]){grid-template-rows:1fr;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){:host([image-alignment=after]){grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}}::slotted(sbb-title){padding-inline:var(--sbb-flip-card-padding);padding-block:var(--sbb-flip-card-padding) var(--sbb-flip-card-padding-block-end);grid-area:1/1/2/2;margin:0}@media (width>=37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media (width>=64rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover,0rem));transition:transform var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media (width>=37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media (width>=64rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}`, c = (() => {
-	let n = a, c, l = [], u = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			c = [i({
-				attribute: "image-alignment",
-				reflect: !0
-			})], e(this, null, c, {
-				kind: "accessor",
-				name: "imageAlignment",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "imageAlignment" in e,
-					get: (e) => e.imageAlignment,
-					set: (e, t) => {
-						e.imageAlignment = t;
-					}
-				},
-				metadata: t
-			}, l, u), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-flip-card-summary";
-		}
-		static {
-			this.styles = [o, s];
-		}
-		#e = t(this, l, "after");
-		get imageAlignment() {
-			return this.#e;
-		}
-		set imageAlignment(e) {
-			this.#e = e;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.slot ||= "summary";
-		}
-		render() {
-			return r`
-      <slot></slot>
-      <div class="sbb-flip-card-summary--image-wrapper">
-        <slot name="image"></slot>
-      </div>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, u);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/footer.component-C-mSrCud.js

@@ -1,129 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, nothing as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { forceType as o } from "./core/decorators.js";
-import { SbbNegativeMixin as s } from "./core/mixins.js";
-import { boxSizingStyles as c } from "./core/styles.js";
-import { html as l, unsafeStatic as u } from "lit/static-html.js";
-//#region src/elements/footer/footer.scss?lit&inline
-var d = n`:host{--sbb-link-text-decoration-line:none;display:block}:host([negative]){--sbb-footer-background-color:var(--sbb-background-color-2-negative);--sbb-footer-color:var(--sbb-color-1-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}.sbb-footer{font-size:var(--sbb-footer-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-footer-color);padding-block:var(--sbb-footer-padding-block);background-color:var(--sbb-footer-background-color)}@media (forced-colors:active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-layout-base-offset-responsive));width:100%;margin-inline:auto}@media (width>=90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:var(--sbb-spacing-max-width,calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-spacing-responsive-xxs))}.sbb-footer__title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::slotted(.sbb-link-list-button-group){gap:var(--sbb-spacing-fixed-6x);flex-direction:column;align-items:flex-start;display:flex}:host([variant=clock-columns]) slot{column-gap:var(--sbb-footer-gap-horizontal);grid-template-rows:auto;grid-template-columns:auto;display:grid}@media (width>=37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media (width>=90rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);grid-template-columns:repeat(4,1fr);margin-inline:auto}}:host([variant=clock-columns]) ::slotted(:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media (width>=37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:2;align-self:start}}@media (width>=90rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-area:1/4/auto/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media (width>=37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-area:3/1/auto/4;width:100%}}@media (width>=90rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media (width>=37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(:last-child){grid-row:4}}@media (width>=64rem){:host([variant=clock-columns]) ::slotted(:last-child){grid-column:1/4}}@media (width>=90rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(:last-child){grid-column:1/5}}`, f = (() => {
-	let n = s(a), f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			f = [i({ reflect: !0 })], h = [o(), i({
-				reflect: !0,
-				type: Boolean
-			})], v = [o(), i({ attribute: "accessibility-title" })], x = [i({ attribute: "accessibility-title-level" })], e(this, null, f, {
-				kind: "accessor",
-				name: "variant",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "variant" in e,
-					get: (e) => e.variant,
-					set: (e, t) => {
-						e.variant = t;
-					}
-				},
-				metadata: t
-			}, p, m), e(this, null, h, {
-				kind: "accessor",
-				name: "expanded",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "expanded" in e,
-					get: (e) => e.expanded,
-					set: (e, t) => {
-						e.expanded = t;
-					}
-				},
-				metadata: t
-			}, g, _), e(this, null, v, {
-				kind: "accessor",
-				name: "accessibilityTitle",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityTitle" in e,
-					get: (e) => e.accessibilityTitle,
-					set: (e, t) => {
-						e.accessibilityTitle = t;
-					}
-				},
-				metadata: t
-			}, y, b), e(this, null, x, {
-				kind: "accessor",
-				name: "accessibilityTitleLevel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityTitleLevel" in e,
-					get: (e) => e.accessibilityTitleLevel,
-					set: (e, t) => {
-						e.accessibilityTitleLevel = t;
-					}
-				},
-				metadata: t
-			}, S, C), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-footer";
-		}
-		static {
-			this.styles = [c, d];
-		}
-		#e = t(this, p, "default");
-		get variant() {
-			return this.#e;
-		}
-		set variant(e) {
-			this.#e = e;
-		}
-		#t = (t(this, m), t(this, g, !1));
-		get expanded() {
-			return this.#t;
-		}
-		set expanded(e) {
-			this.#t = e;
-		}
-		#n = (t(this, _), t(this, y, ""));
-		get accessibilityTitle() {
-			return this.#n;
-		}
-		set accessibilityTitle(e) {
-			this.#n = e;
-		}
-		#r = (t(this, b), t(this, S, "1"));
-		get accessibilityTitleLevel() {
-			return this.#r;
-		}
-		set accessibilityTitleLevel(e) {
-			this.#r = e;
-		}
-		render() {
-			let e = `h${this.accessibilityTitleLevel}`, t = l`<${u(e)} class="sbb-footer__title"
-        >${this.accessibilityTitle}</${u(e)}>`;
-			return l`
-      <footer class="sbb-footer">
-        <div class="sbb-footer-wrapper">
-          ${this.accessibilityTitle ? t : r}
-          <slot></slot>
-        </div>
-      </footer>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, C);
-		}
-	};
-})();
-//#endregion
-export { f as t };

package/header-action-common-W_j0KPr-.js

@@ -1,62 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { boxSizingStyles as i } from "./core/styles.js";
-import { html as a } from "lit/static-html.js";
-import { SbbIconNameMixin as o } from "./icon.js";
-//#region src/elements/header/common/header-action.scss?lit&inline
-var s = n`:host{--sbb-header-action-active-border-margin-inline:var(--sbb-header-action-padding-inline);--sbb-header-action-min-width:var(--sbb-header-action-min-height);--sbb-header-action-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--_sbb-header-first-item-padding-shift:calc(-1 * var(--sbb-header-action-padding-inline));--sbb-header-first-item-margin-inline-start:calc(var(--_sbb-header-first-item-padding-shift) - var(--sbb-header-first-item-icon-shift));display:inline-block;outline:none!important}@media (any-hover:hover){:host(:hover:not(:active,:is(:state(active),[state--active]))){--sbb-header-action-background-color:var(--sbb-background-color-3);--sbb-header-action-translate-y:-.0625rem;--sbb-header-action-background-inset:calc(var(--sbb-border-width-2x) * -1)}}@media (any-hover:hover) and (forced-colors:active){:host(:hover:not(:active,:is(:state(active),[state--active]))){--sbb-header-action-border-color:Highlight}}:host(:is(:active,:is(:state(active),[state--active]))){--sbb-header-action-background-color:var(--sbb-background-color-4)}@media (forced-colors:active){:host(:is(:active,:is(:state(active),[state--active]))){--sbb-header-action-border-color:Highlight}}:host(.sbb-active){--sbb-header-action-active-border-scale:1}@media (forced-colors:active){:host(.sbb-active){--sbb-header-action-border-color:Highlight}:host(:is(:state(button),[state--button])){--sbb-header-action-color:ButtonText}}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))){--sbb-header-first-item-margin-inline-start:var(--_sbb-header-first-item-padding-shift)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;color:var(--sbb-header-action-color);min-height:var(--sbb-header-action-min-height);min-width:var(--sbb-header-action-min-width);padding-inline:var(--sbb-header-action-padding-inline-zero,var(--sbb-header-action-padding-inline));cursor:var(--sbb-cursor-pointer);-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.sbb-action-base:before{content:"";inset:var(--sbb-header-action-background-inset,0);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-header-action-background-color);transition-duration:var(--sbb-header-action-transition-duration);transition-timing-function:var(--sbb-header-action-transition-easing);border:var(--sbb-border-width-1x) solid var(--sbb-header-action-border-color);transition-property:inset,background-color;position:absolute}@media (forced-colors:active){.sbb-action-base:before{border-width:var(--sbb-border-width-2x)}}:host(:focus-visible) .sbb-action-base:before,.sbb-action-base:focus-visible:before{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-action-base:after{content:"";border-block-end:var(--sbb-header-action-active-border-width) solid var(--sbb-header-action-active-border-color);inset:auto 0 calc(-1 * var(--sbb-header-action-active-border-width));margin-inline:var(--sbb-header-action-active-border-margin-inline);scale:var(--sbb-header-action-active-border-scale,0);transition:scale var(--sbb-header-action-transition-easing) var(--sbb-header-action-transition-duration);position:absolute}.sbb-header-action__wrapper{align-items:center;gap:var(--sbb-header-action-gap);white-space:nowrap;transform:translateY(var(--sbb-header-action-translate-y,0));transition:transform var(--sbb-header-action-transition-duration) var(--sbb-header-action-transition-easing);will-change:transform;max-width:100%;display:flex}.sbb-header-action__icon{--sbb-icon-svg-stroke-color:currentcolor;--sbb-icon-svg-stroke-width:1px;min-width:var(--sbb-header-action-icon-dimension);min-height:var(--sbb-header-action-icon-dimension);line-height:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-header-action__icon{display:none}.sbb-header-action__text{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-header-action__text{display:none}:host(:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--_sbb-header-first-item-padding-shift:calc(-.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)));--sbb-header-action-padding-inline-zero:0;--sbb-header-action-active-border-margin-inline:calc(.5 * (100% - var(--sbb-size-icon-ui-small)))}:host(:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))) .sbb-header-action__text{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}@media (width<=37.4375rem){:host([expand-from=small]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift:calc(-.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)));--sbb-header-action-padding-inline-zero:0;--sbb-header-action-active-border-margin-inline:calc(.5 * (100% - var(--sbb-size-icon-ui-small)))}:host([expand-from=small]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}@media (width<=63.9375rem){:host([expand-from=large]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift:calc(-.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)));--sbb-header-action-padding-inline-zero:0;--sbb-header-action-active-border-margin-inline:calc(.5 * (100% - var(--sbb-size-icon-ui-small)))}:host([expand-from=large]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}@media (width<=89.9375rem){:host([expand-from=ultra]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift:calc(-.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)));--sbb-header-action-padding-inline-zero:0;--sbb-header-action-active-border-margin-inline:calc(.5 * (100% - var(--sbb-size-icon-ui-small)))}:host([expand-from=ultra]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}@media (width<=98.9375rem){:host([expand-from=ultra--max-content]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift:calc(-.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)));--sbb-header-action-padding-inline-zero:0;--sbb-header-action-active-border-margin-inline:calc(.5 * (100% - var(--sbb-size-icon-ui-small)))}:host([expand-from=ultra--max-content]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}::slotted([slot=icon]:is(sbb-image,img)){width:var(--sbb-header-action-icon-dimension);height:var(--sbb-header-action-icon-dimension);border-radius:var(--sbb-border-radius-infinity)}`, c = (n) => (() => {
-	let c = o(n), l, u = [], d = [];
-	return class extends c {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			l = [r({
-				attribute: "expand-from",
-				reflect: !0
-			})], e(this, null, l, {
-				kind: "accessor",
-				name: "expandFrom",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "expandFrom" in e,
-					get: (e) => e.expandFrom,
-					set: (e, t) => {
-						e.expandFrom = t;
-					}
-				},
-				metadata: t
-			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.styles = [i, s];
-		}
-		#e = t(this, u, "large");
-		get expandFrom() {
-			return this.#e;
-		}
-		set expandFrom(e) {
-			this.#e = e;
-		}
-		renderTemplate() {
-			return a`
-        <span class="sbb-header-action__wrapper">
-          <span class="sbb-header-action__icon"> ${super.renderIconSlot()} </span>
-          <span class="sbb-header-action__text">
-            <slot></slot>
-          </span>
-        </span>
-      `;
-		}
-		constructor() {
-			super(...arguments), t(this, d);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/header-environment.component-DduyZo6W.js

@@ -1,36 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-import { boxSizingStyles as r } from "./core/styles.js";
-import { MutationController as i } from "@lit-labs/observers/mutation-controller.js";
-//#region src/elements/header/header-environment/header-environment.scss?lit&inline
-var a = e`:host{font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}:host(:dir(rtl)){--sbb-header-environment-rotate:-45deg}:host(:is(:state(env-dev),[state--env-dev])){--sbb-header-environment-background-color:var(--sbb-color-orange)}:host(:is(:state(env-edu),[state--env-edu])){--sbb-header-environment-background-color:var(--sbb-color-green)}:host(:is(:state(env-int),[state--env-int])),:host(:is(:state(env-inte),[state--env-inte])){--sbb-header-environment-background-color:var(--sbb-color-granite)}:host(:is(:state(env-loc),[state--env-loc])){--sbb-header-environment-background-color:var(--sbb-color-pink)}:host(:is(:state(env-test),[state--env-test])){--sbb-header-environment-background-color:var(--sbb-color-sky)}:host:before{content:"";border-block-start:var(--sbb-header-environment-size) solid var(--sbb-header-environment-background-color);border-inline-start:var(--sbb-header-environment-size) solid transparent}.sbb-header-environment__text{color:var(--sbb-header-environment-color);rotate:var(--sbb-header-environment-rotate);padding-block-end:var(--sbb-spacing-fixed-4x);position:absolute}`, o = class extends n {
-	static {
-		this.elementName = "sbb-header-environment";
-	}
-	static {
-		this.styles = [r, a];
-	}
-	constructor() {
-		super(), this._env = null, this.addController(new i(this, {
-			config: {
-				characterData: !0,
-				subtree: !0
-			},
-			callback: () => {
-				this._slottedTextChange();
-			}
-		}));
-	}
-	_slottedTextChange() {
-		this._env && this.internals.states.delete(`env-${this._env}`), this._env = this.textContent?.trim() ?? "", this._env && this.internals.states.add(`env-${this._env}`);
-	}
-	render() {
-		return t`
-      <span class="sbb-header-environment__text">
-        <slot></slot>
-      </span>
-    `;
-	}
-};
-//#endregion
-export { o as t };