@sbb-esta/lyne-elements 2.6.0 → 2.7.1

package/development/sidebar.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './sidebar/common.js';
 export * from './sidebar/icon-sidebar.js';
 export * from './sidebar/icon-sidebar-button.js';

package/development/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/elements/sidebar.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/elements/sidebar.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC"}

package/development/sidebar.js

@@ -1,12 +1,27 @@
-export * from "./sidebar/common.js";
-export * from "./sidebar/icon-sidebar.js";
-export * from "./sidebar/icon-sidebar-button.js";
-export * from "./sidebar/icon-sidebar-container.js";
-export * from "./sidebar/icon-sidebar-content.js";
-export * from "./sidebar/icon-sidebar-link.js";
-export * from "./sidebar/sidebar.js";
-export * from "./sidebar/sidebar-close-button.js";
-export * from "./sidebar/sidebar-container.js";
-export * from "./sidebar/sidebar-content.js";
-export * from "./sidebar/sidebar-title.js";
+import { i, s, a } from "./icon-sidebar-button-common-CA_8TnFu.js";
+import { SbbIconSidebarElement } from "./sidebar/icon-sidebar/icon-sidebar.js";
+import { SbbIconSidebarButtonElement } from "./sidebar/icon-sidebar-button/icon-sidebar-button.js";
+import { SbbIconSidebarContainerElement } from "./sidebar/icon-sidebar-container/icon-sidebar-container.js";
+import { SbbIconSidebarContentElement } from "./sidebar/icon-sidebar-content/icon-sidebar-content.js";
+import { SbbIconSidebarLinkElement } from "./sidebar/icon-sidebar-link/icon-sidebar-link.js";
+import { SbbSidebarElement } from "./sidebar/sidebar/sidebar.js";
+import { SbbSidebarCloseButtonElement } from "./sidebar/sidebar-close-button/sidebar-close-button.js";
+import { SbbSidebarContainerElement } from "./sidebar/sidebar-container/sidebar-container.js";
+import { SbbSidebarContentElement } from "./sidebar/sidebar-content/sidebar-content.js";
+import { SbbSidebarTitleElement } from "./sidebar/sidebar-title/sidebar-title.js";
+export {
+  SbbIconSidebarButtonElement,
+  SbbIconSidebarContainerElement,
+  SbbIconSidebarContentElement,
+  SbbIconSidebarElement,
+  SbbIconSidebarLinkElement,
+  SbbSidebarCloseButtonElement,
+  SbbSidebarContainerElement,
+  SbbSidebarContentElement,
+  SbbSidebarElement,
+  SbbSidebarTitleElement,
+  i as iconSidebarButtonCommonStyle,
+  s as sidebarContainerCommonStyle,
+  a as sidebarContentCommonStyle
+};
 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OyJ9

package/development/signet/signet.js

@@ -0,0 +1,162 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { forceType } from "../core/decorators.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  height: var(--sbb-signet-height);
+  --sbb-signet-background-color: var(--sbb-color-red);
+  --sbb-signet-panel-color: var(--sbb-color-red);
+  --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);
+}`;
+let SbbSignetElement = (() => {
+  var _protectiveRoom_accessor_storage, _accessibilityLabel_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-signet")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  let _protectiveRoom_decorators;
+  let _protectiveRoom_initializers = [];
+  let _protectiveRoom_extraInitializers = [];
+  let _accessibilityLabel_decorators;
+  let _accessibilityLabel_initializers = [];
+  let _accessibilityLabel_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _protectiveRoom_accessor_storage, __runInitializers(this, _protectiveRoom_initializers, "ideal"));
+      __privateAdd(this, _accessibilityLabel_accessor_storage, (__runInitializers(this, _protectiveRoom_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, "Logo")));
+      __runInitializers(this, _accessibilityLabel_extraInitializers);
+    }
+    /** Visual protective room around signet. */
+    get protectiveRoom() {
+      return __privateGet(this, _protectiveRoom_accessor_storage);
+    }
+    set protectiveRoom(value) {
+      __privateSet(this, _protectiveRoom_accessor_storage, value);
+    }
+    /** Accessibility label which will be forwarded to the inner SVG signet. */
+    get accessibilityLabel() {
+      return __privateGet(this, _accessibilityLabel_accessor_storage);
+    }
+    set accessibilityLabel(value) {
+      __privateSet(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>
+    `;
+    }
+  }, _protectiveRoom_accessor_storage = new WeakMap(), _accessibilityLabel_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    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(_a, 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(_a, 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);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbSignetElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmV0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lnbmV0L3NpZ25ldC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJQcm90ZWN0aXZlUm9vbSB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZ25ldC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5leHBvcnQgdHlwZSBTYmJTaWduZXRQcm90ZWN0aXZlUm9vbSA9IFNiYlByb3RlY3RpdmVSb29tIHwgJ3BhbmVsJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyB0aGUgU0JCIHNpZ25ldC5cbiAqXG4gKiBAY3NzcHJvcCBbLS1zYmItc2lnbmV0LWhlaWdodD1hdXRvXSAtIENhbiBiZSB1c2VkIHRvIHNldCB0aGUgaGVpZ2h0IG9mIHRoZSBzaWduZXQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zaWduZXQnKVxuY2xhc3MgU2JiU2lnbmV0RWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogVmlzdWFsIHByb3RlY3RpdmUgcm9vbSBhcm91bmQgc2lnbmV0LiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdwcm90ZWN0aXZlLXJvb20nLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBwcm90ZWN0aXZlUm9vbTogU2JiU2lnbmV0UHJvdGVjdGl2ZVJvb20gPSAnaWRlYWwnO1xuXG4gIC8qKiBBY2Nlc3NpYmlsaXR5IGxhYmVsIHdoaWNoIHdpbGwgYmUgZm9yd2FyZGVkIHRvIHRoZSBpbm5lciBTVkcgc2lnbmV0LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlMYWJlbDogc3RyaW5nID0gJ0xvZ28nO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc2lnbmV0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXNpZ25ldF9fc3ZnLWNvbnRhaW5lclwiPlxuICAgICAgICAgICR7dGhpcy5wcm90ZWN0aXZlUm9vbSA9PT0gJ3BhbmVsJ1xuICAgICAgICAgICAgPyBodG1sYFxuICAgICAgICAgICAgICAgIDxzdmcgZm9jdXNhYmxlPVwiZmFsc2VcIiB2aWV3Qm94PVwiMCAwIDE0MyA0OFwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgICAgICAgICAgIDx0aXRsZSAudGV4dENvbnRlbnQ9JHt0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbH0+PC90aXRsZT5cbiAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwic2JiLXNpZ25ldF9fcGFuZWxcIiBzdHJva2Utd2lkdGg9XCIxXCIgZD1cIk0xIDQ3aDE0MVYxSDF2NDZ6XCI+PC9wYXRoPlxuICAgICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJzYmItc2lnbmV0X19pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgZD1cIk04NyA0MGg5LjNMODMuOCAyNy43aDE1LjVWNDBoNy40VjI3LjdoMTUuNkwxMDkuNyA0MGg5LjNsMTYtMTYtMTUuOS0xNmgtOS4zbDEyLjUgMTIuM2gtMTUuNlY4aC03LjR2MTIuM0g4My44TDk2LjMgOEg4N0w3MSAyNGwxNiAxNnpcIlxuICAgICAgICAgICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgYFxuICAgICAgICAgICAgOiBodG1sYFxuICAgICAgICAgICAgICAgIDxzdmcgZm9jdXNhYmxlPVwiZmFsc2VcIiB2aWV3Qm94PVwiMCAwIDgwIDQwXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgICAgICAgPHRpdGxlIC50ZXh0Q29udGVudD0ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfT48L3RpdGxlPlxuICAgICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJzYmItc2lnbmV0X19pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgZD1cIk0yMC4wMjY1IDQwSDMxLjY4MjFMMTYgMjQuNjE1NEgzNS4zOTA3VjQwSDQ0LjYwOTNWMjQuNjE1NEg2NC4xMDZMNDguNDIzOCA0MEg2MC4wNzk1TDgwIDIwLjA1MzFMNjAuMDc5NSAwSDQ4LjQyMzhMNjQuMTA2IDE1LjM4NDZINDQuNjA5M1YwSDM1LjM5MDdWMTUuMzg0NkgxNkwzMS42ODIxIDBIMjAuMDI2NUwwIDIwLjA1MzFMMjAuMDI2NSA0MFpcIlxuICAgICAgICAgICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zaWduZXQnOiBTYmJTaWduZXRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWtCTSxvQkFBZ0IsTUFBQTs7MEJBRHJCLGNBQWMsWUFBWSxDQUFDOzs7O29CQUNHOzs7Ozs7O0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUE7O0FBS3ZDLDJEQUFBLGtCQUFBLE1BQUEsOEJBQTBELE9BQU87QUFLakUsZ0VBQUEsa0JBQUEsTUFBQSxpQ0FBQSxHQUFBLGtCQUFBLE1BQUEsa0NBQTZDLE1BQU07Ozs7SUFMbkQsSUFBZ0IsaUJBQWtEO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFsRSxJQUFnQixlQUFrRCxPQUFBO0FBQUEseUJBQUEsa0NBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUtsRSxJQUFnQixxQkFBb0M7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQXBELElBQWdCLG1CQUFvQyxPQUFBO0FBQUEseUJBQUEsc0NBQUE7QUFBQSxJQUFBO0FBQUEsSUFFakMsU0FBTTtBQUNoQixhQUFBO0FBQUE7QUFBQTtBQUFBLFlBR0MsS0FBSyxtQkFBbUIsVUFDdEI7QUFBQTtBQUFBLHdDQUUwQixLQUFLLGtCQUFrQjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLGtCQVFqRDtBQUFBO0FBQUEsd0NBRTBCLEtBQUssa0JBQWtCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLGVBTWhEO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBLEtBOUJiLGtEQUtBOztrQ0FOQyxTQUFTLEVBQUUsV0FBVyxtQkFBbUIsU0FBUyxLQUFBLENBQU0sQ0FBQztzQ0FJekQsYUFDQSxTQUFTLEVBQUUsV0FBVyxzQkFBQSxDQUF1QixDQUFDO0FBSi9CLGlCQUFBLElBQUEsTUFBQSw0QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGtCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLG9CQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxnQkFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxpQkFBa0Q7QUFBQSxTQUFBLFVBQUEsYUFBQSw4QkFBQSxpQ0FBQTtBQUtsRCxpQkFBQSxJQUFBLE1BQUEsZ0NBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxzQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSx3QkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsb0JBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEscUJBQW9DO0FBQUEsU0FBQSxVQUFBLGFBQUEsa0NBQUEscUNBQUE7QUFWdEQsaUJBd0NDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUF2Q3dCLEdBQU0sU0FBbUIsT0FENUMsa0JBQWdCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

package/development/signet.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './signet/signet.js';
 //# sourceMappingURL=signet.d.ts.map

package/development/signet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"signet.d.ts","sourceRoot":"","sources":["../../../src/elements/signet.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"signet.d.ts","sourceRoot":"","sources":["../../../src/elements/signet.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC"}

package/development/signet.js

@@ -1,162 +1,5 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-import { __esDecorate, __runInitializers } from "tslib";
-import { css, LitElement, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { forceType } from "./core/decorators.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  display: block;
-  height: var(--sbb-signet-height);
-  --sbb-signet-background-color: var(--sbb-color-red);
-  --sbb-signet-panel-color: var(--sbb-color-red);
-  --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);
-}`;
-let SbbSignetElement = (() => {
-  var _protectiveRoom_accessor_storage, _accessibilityLabel_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-signet")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = LitElement;
-  let _protectiveRoom_decorators;
-  let _protectiveRoom_initializers = [];
-  let _protectiveRoom_extraInitializers = [];
-  let _accessibilityLabel_decorators;
-  let _accessibilityLabel_initializers = [];
-  let _accessibilityLabel_extraInitializers = [];
-  _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _protectiveRoom_accessor_storage, __runInitializers(this, _protectiveRoom_initializers, "ideal"));
-      __privateAdd(this, _accessibilityLabel_accessor_storage, (__runInitializers(this, _protectiveRoom_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, "Logo")));
-      __runInitializers(this, _accessibilityLabel_extraInitializers);
-    }
-    /** Visual protective room around signet. */
-    get protectiveRoom() {
-      return __privateGet(this, _protectiveRoom_accessor_storage);
-    }
-    set protectiveRoom(value) {
-      __privateSet(this, _protectiveRoom_accessor_storage, value);
-    }
-    /** Accessibility label which will be forwarded to the inner SVG signet. */
-    get accessibilityLabel() {
-      return __privateGet(this, _accessibilityLabel_accessor_storage);
-    }
-    set accessibilityLabel(value) {
-      __privateSet(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>
-    `;
-    }
-  }, _protectiveRoom_accessor_storage = new WeakMap(), _accessibilityLabel_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-    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(_a, 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(_a, 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);
-    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-    _classThis = _classDescriptor.value;
-    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
+import { SbbSignetElement } from "./signet/signet.js";
 export {
   SbbSignetElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmV0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lnbmV0L3NpZ25ldC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJQcm90ZWN0aXZlUm9vbSB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZ25ldC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5leHBvcnQgdHlwZSBTYmJTaWduZXRQcm90ZWN0aXZlUm9vbSA9IFNiYlByb3RlY3RpdmVSb29tIHwgJ3BhbmVsJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyB0aGUgU0JCIHNpZ25ldC5cbiAqXG4gKiBAY3NzcHJvcCBbLS1zYmItc2lnbmV0LWhlaWdodD1hdXRvXSAtIENhbiBiZSB1c2VkIHRvIHNldCB0aGUgaGVpZ2h0IG9mIHRoZSBzaWduZXQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zaWduZXQnKVxuY2xhc3MgU2JiU2lnbmV0RWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogVmlzdWFsIHByb3RlY3RpdmUgcm9vbSBhcm91bmQgc2lnbmV0LiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdwcm90ZWN0aXZlLXJvb20nLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBwcm90ZWN0aXZlUm9vbTogU2JiU2lnbmV0UHJvdGVjdGl2ZVJvb20gPSAnaWRlYWwnO1xuXG4gIC8qKiBBY2Nlc3NpYmlsaXR5IGxhYmVsIHdoaWNoIHdpbGwgYmUgZm9yd2FyZGVkIHRvIHRoZSBpbm5lciBTVkcgc2lnbmV0LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlMYWJlbDogc3RyaW5nID0gJ0xvZ28nO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc2lnbmV0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXNpZ25ldF9fc3ZnLWNvbnRhaW5lclwiPlxuICAgICAgICAgICR7dGhpcy5wcm90ZWN0aXZlUm9vbSA9PT0gJ3BhbmVsJ1xuICAgICAgICAgICAgPyBodG1sYFxuICAgICAgICAgICAgICAgIDxzdmcgZm9jdXNhYmxlPVwiZmFsc2VcIiB2aWV3Qm94PVwiMCAwIDE0MyA0OFwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgICAgICAgICAgIDx0aXRsZSAudGV4dENvbnRlbnQ9JHt0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbH0+PC90aXRsZT5cbiAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwic2JiLXNpZ25ldF9fcGFuZWxcIiBzdHJva2Utd2lkdGg9XCIxXCIgZD1cIk0xIDQ3aDE0MVYxSDF2NDZ6XCI+PC9wYXRoPlxuICAgICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJzYmItc2lnbmV0X19pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgZD1cIk04NyA0MGg5LjNMODMuOCAyNy43aDE1LjVWNDBoNy40VjI3LjdoMTUuNkwxMDkuNyA0MGg5LjNsMTYtMTYtMTUuOS0xNmgtOS4zbDEyLjUgMTIuM2gtMTUuNlY4aC03LjR2MTIuM0g4My44TDk2LjMgOEg4N0w3MSAyNGwxNiAxNnpcIlxuICAgICAgICAgICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgYFxuICAgICAgICAgICAgOiBodG1sYFxuICAgICAgICAgICAgICAgIDxzdmcgZm9jdXNhYmxlPVwiZmFsc2VcIiB2aWV3Qm94PVwiMCAwIDgwIDQwXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgICAgICAgPHRpdGxlIC50ZXh0Q29udGVudD0ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfT48L3RpdGxlPlxuICAgICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJzYmItc2lnbmV0X19pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgZD1cIk0yMC4wMjY1IDQwSDMxLjY4MjFMMTYgMjQuNjE1NEgzNS4zOTA3VjQwSDQ0LjYwOTNWMjQuNjE1NEg2NC4xMDZMNDguNDIzOCA0MEg2MC4wNzk1TDgwIDIwLjA1MzFMNjAuMDc5NSAwSDQ4LjQyMzhMNjQuMTA2IDE1LjM4NDZINDQuNjA5M1YwSDM1LjM5MDdWMTUuMzg0NkgxNkwzMS42ODIxIDBIMjAuMDI2NUwwIDIwLjA1MzFMMjAuMDI2NSA0MFpcIlxuICAgICAgICAgICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zaWduZXQnOiBTYmJTaWduZXRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWtCTSxvQkFBZ0IsTUFBQTs7MEJBRHJCLGNBQWMsWUFBWSxDQUFDOzs7O29CQUNHOzs7Ozs7O0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUE7O0FBS3ZDLDJEQUFBLGtCQUFBLE1BQUEsOEJBQTBELE9BQU87QUFLakUsZ0VBQUEsa0JBQUEsTUFBQSxpQ0FBQSxHQUFBLGtCQUFBLE1BQUEsa0NBQTZDLE1BQU07Ozs7SUFMbkQsSUFBZ0IsaUJBQWtEO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFsRSxJQUFnQixlQUFrRCxPQUFBO0FBQUEseUJBQUEsa0NBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUtsRSxJQUFnQixxQkFBb0M7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQXBELElBQWdCLG1CQUFvQyxPQUFBO0FBQUEseUJBQUEsc0NBQUE7QUFBQSxJQUFBO0FBQUEsSUFFakMsU0FBTTtBQUNoQixhQUFBO0FBQUE7QUFBQTtBQUFBLFlBR0MsS0FBSyxtQkFBbUIsVUFDdEI7QUFBQTtBQUFBLHdDQUUwQixLQUFLLGtCQUFrQjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLGtCQVFqRDtBQUFBO0FBQUEsd0NBRTBCLEtBQUssa0JBQWtCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLGVBTWhEO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBLEtBOUJiLGtEQUtBOztrQ0FOQyxTQUFTLEVBQUUsV0FBVyxtQkFBbUIsU0FBUyxLQUFBLENBQU0sQ0FBQztzQ0FJekQsYUFDQSxTQUFTLEVBQUUsV0FBVyxzQkFBQSxDQUF1QixDQUFDO0FBSi9CLGlCQUFBLElBQUEsTUFBQSw0QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGtCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLG9CQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxnQkFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxpQkFBa0Q7QUFBQSxTQUFBLFVBQUEsYUFBQSw4QkFBQSxpQ0FBQTtBQUtsRCxpQkFBQSxJQUFBLE1BQUEsZ0NBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxzQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSx3QkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsb0JBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEscUJBQW9DO0FBQUEsU0FBQSxVQUFBLGFBQUEsa0NBQUEscUNBQUE7QUFWdEQsaUJBd0NDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUF2Q3dCLEdBQU0sU0FBbUIsT0FENUMsa0JBQWdCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmV0LmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/skiplink-list/skiplink-list.js

@@ -0,0 +1,144 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, nothing, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { slotState, forceType, omitEmptyConverter } from "../core/decorators.js";
+import { isLean } from "../core/dom.js";
+import { SbbNamedSlotListMixin } from "../core/mixins.js";
+import "../title.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-skiplink-list-height: 0;
+  --sbb-skiplink-list-overflow: hidden;
+  --sbb-skiplink-list-background: transparent;
+  --sbb-skiplink-list-border: unset;
+  display: block;
+}
+
+.sbb-skiplink-list__wrapper {
+  position: fixed;
+  inset-block-start: var(--sbb-spacing-fixed-4x);
+  inset-inline-start: var(--sbb-spacing-fixed-4x);
+  z-index: calc(var(--sbb-skiplink-list-z-index, var(--sbb-overlay-default-z-index)) + 1);
+}
+
+.sbb-skiplink-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: inherit;
+}
+.sbb-skiplink-list > :is(li, span) {
+  box-shadow: var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color), var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);
+  height: var(--sbb-skiplink-list-height);
+  overflow: var(--sbb-skiplink-list-overflow);
+  border-radius: var(--sbb-border-radius-4x);
+  background-color: var(--sbb-skiplink-list-background);
+  border: var(--sbb-skiplink-list-border);
+  width: fit-content;
+}
+.sbb-skiplink-list > :is(li, span):focus-within {
+  --sbb-skiplink-list-height: auto;
+  --sbb-skiplink-list-overflow: visible;
+  --sbb-skiplink-list-background: var(--sbb-color-black);
+  --sbb-skiplink-list-border: var(--sbb-border-width-2x) solid var(--sbb-color-white);
+}
+
+::slotted([data-sbb-link]) {
+  --sbb-focus-outline-color: transparent;
+  --sbb-link-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xxs);
+}`;
+let SbbSkiplinkListElement = (() => {
+  var _titleContent_accessor_storage, _titleLevel_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-skiplink-list"), slotState()];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNamedSlotListMixin(LitElement);
+  let _titleContent_decorators;
+  let _titleContent_initializers = [];
+  let _titleContent_extraInitializers = [];
+  let _titleLevel_decorators;
+  let _titleLevel_initializers = [];
+  let _titleLevel_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _titleContent_accessor_storage);
+      __privateAdd(this, _titleLevel_accessor_storage);
+      this.listChildLocalNames = ["sbb-block-link", "sbb-block-link-button"];
+      __privateSet(this, _titleContent_accessor_storage, __runInitializers(this, _titleContent_initializers, ""));
+      __privateSet(this, _titleLevel_accessor_storage, (__runInitializers(this, _titleContent_extraInitializers), __runInitializers(this, _titleLevel_initializers, "2")));
+      __runInitializers(this, _titleLevel_extraInitializers);
+    }
+    /** The title text we want to place before the list. */
+    get titleContent() {
+      return __privateGet(this, _titleContent_accessor_storage);
+    }
+    set titleContent(value) {
+      __privateSet(this, _titleContent_accessor_storage, value);
+    }
+    /** The semantic level of the title, e.g. 2 = h2. */
+    get titleLevel() {
+      return __privateGet(this, _titleLevel_accessor_storage);
+    }
+    set titleLevel(value) {
+      __privateSet(this, _titleLevel_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("listChildren")) {
+        for (const child of this.listChildren) {
+          child.size = isLean() ? "xs" : "m";
+          child.negative = true;
+        }
+      }
+    }
+    render() {
+      return html`
+      <div class="sbb-skiplink-list__wrapper">
+        <sbb-title
+          class="sbb-link-list-title"
+          level=${this.titleLevel || nothing}
+          visual-level="5"
+          visually-hidden
+          negative
+          id="sbb-skiplink-list-title-id"
+        >
+          <slot name="title">${this.titleContent}</slot>
+        </sbb-title>
+        ${this.renderList({ ariaLabelledby: "sbb-skiplink-list-title-id" })}
+      </div>
+    `;
+    }
+  }, _titleContent_accessor_storage = new WeakMap(), _titleLevel_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _titleContent_decorators = [forceType(), property({ attribute: "title-content", reflect: true, converter: omitEmptyConverter })];
+    _titleLevel_decorators = [property({ attribute: "title-level" })];
+    __esDecorate(_a, null, _titleContent_decorators, { kind: "accessor", name: "titleContent", static: false, private: false, access: { has: (obj) => "titleContent" in obj, get: (obj) => obj.titleContent, set: (obj, value) => {
+      obj.titleContent = value;
+    } }, metadata: _metadata }, _titleContent_initializers, _titleContent_extraInitializers);
+    __esDecorate(_a, null, _titleLevel_decorators, { kind: "accessor", name: "titleLevel", static: false, private: false, access: { has: (obj) => "titleLevel" in obj, get: (obj) => obj.titleLevel, set: (obj, value) => {
+      obj.titleLevel = value;
+    } }, metadata: _metadata }, _titleLevel_initializers, _titleLevel_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbSkiplinkListElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tpcGxpbmstbGlzdC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NraXBsaW5rLWxpc3Qvc2tpcGxpbmstbGlzdC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGZvcmNlVHlwZSwgb21pdEVtcHR5Q29udmVydGVyLCBzbG90U3RhdGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vY29yZS9kb20uanMnO1xuaW1wb3J0IHsgU2JiTmFtZWRTbG90TGlzdE1peGluLCB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkJsb2NrTGlua0J1dHRvbkVsZW1lbnQsIFNiYkJsb2NrTGlua0VsZW1lbnQgfSBmcm9tICcuLi9saW5rLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uL3RpdGxlLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2tpcGxpbmstbGlzdC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uL3RpdGxlLmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxpc3Qgb2YgYHNiYi1ibG9jay1saW5rYC9gc2JiLWJsb2NrLWxpbmstYnV0dG9uYCB3aGljaCBhcmUgdmlzaWJsZSBvbmx5IHdoZW4gZm9jdXNlZC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBgc2JiLWJsb2NrLWxpbmtgL2BzYmItYmxvY2stbGluay1idXR0b25gIGVsZW1lbnRzIHRvIHRoZSBgc2JiLXNraXBsaW5rLWxpc3RgLlxuICogQHNsb3QgdGl0bGUgLSBVc2UgdGhpcyB0byBwcm92aWRlIGEgdGl0bGUgZm9yIHRoZSBza2lwbGluay1saXN0IChvcHRpb25hbCkuXG4gKiBAY3NzcHJvcCBbLS1zYmItc2tpcGxpbmstbGlzdC16LWluZGV4PXZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleCldIC0gVG8gc3BlY2lmeSBhIGN1c3RvbSBzdGFjayBvcmRlcixcbiAqIHRoZSBgei1pbmRleGAgY2FuIGJlIG92ZXJyaWRkZW4gYnkgZGVmaW5pbmcgdGhpcyBDU1MgdmFyaWFibGUuIFRoZSBkZWZhdWx0IGB6LWluZGV4YCBvZiB0aGVcbiAqIGNvbXBvbmVudCBpcyBzZXQgdG8gYHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleClgIHdpdGggYSB2YWx1ZSBvZiBgMTAwMGAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1za2lwbGluay1saXN0JylcbkBzbG90U3RhdGUoKVxuY2xhc3MgU2JiU2tpcGxpbmtMaXN0RWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiQmxvY2tMaW5rRWxlbWVudCB8IFNiYkJsb2NrTGlua0J1dHRvbkVsZW1lbnQsXG4gIHR5cGVvZiBMaXRFbGVtZW50XG4+KExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIHByb3RlY3RlZCBvdmVycmlkZSByZWFkb25seSBsaXN0Q2hpbGRMb2NhbE5hbWVzID0gWydzYmItYmxvY2stbGluaycsICdzYmItYmxvY2stbGluay1idXR0b24nXTtcblxuICAvKiogVGhlIHRpdGxlIHRleHQgd2Ugd2FudCB0byBwbGFjZSBiZWZvcmUgdGhlIGxpc3QuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JywgcmVmbGVjdDogdHJ1ZSwgY29udmVydGVyOiBvbWl0RW1wdHlDb252ZXJ0ZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIHRpdGxlQ29udGVudDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIFRoZSBzZW1hbnRpYyBsZXZlbCBvZiB0aGUgdGl0bGUsIGUuZy4gMiA9IGgyLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1sZXZlbCcgfSkgcHVibGljIGFjY2Vzc29yIHRpdGxlTGV2ZWw6IFNiYlRpdGxlTGV2ZWwgPSAnMic7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSkge1xuICAgICAgZm9yIChjb25zdCBjaGlsZCBvZiB0aGlzLmxpc3RDaGlsZHJlbikge1xuICAgICAgICBjaGlsZC5zaXplID0gaXNMZWFuKCkgPyAneHMnIDogJ20nO1xuICAgICAgICBjaGlsZC5uZWdhdGl2ZSA9IHRydWU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXNraXBsaW5rLWxpc3RfX3dyYXBwZXJcIj5cbiAgICAgICAgPHNiYi10aXRsZVxuICAgICAgICAgIGNsYXNzPVwic2JiLWxpbmstbGlzdC10aXRsZVwiXG4gICAgICAgICAgbGV2ZWw9JHt0aGlzLnRpdGxlTGV2ZWwgfHwgbm90aGluZ31cbiAgICAgICAgICB2aXN1YWwtbGV2ZWw9XCI1XCJcbiAgICAgICAgICB2aXN1YWxseS1oaWRkZW5cbiAgICAgICAgICBuZWdhdGl2ZVxuICAgICAgICAgIGlkPVwic2JiLXNraXBsaW5rLWxpc3QtdGl0bGUtaWRcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cInRpdGxlXCI+JHt0aGlzLnRpdGxlQ29udGVudH08L3Nsb3Q+XG4gICAgICAgIDwvc2JiLXRpdGxlPlxuICAgICAgICAke3RoaXMucmVuZGVyTGlzdCh7IGFyaWFMYWJlbGxlZGJ5OiAnc2JiLXNraXBsaW5rLWxpc3QtdGl0bGUtaWQnIH0pfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNraXBsaW5rLWxpc3QnOiBTYmJTa2lwbGlua0xpc3RFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWdDTSwwQkFBc0IsTUFBQTs7QUFGM0IsTUFBQSxtQkFBQSxDQUFBLGNBQWMsbUJBQW1CLEdBQ2pDLFdBQVc7Ozs7b0JBQ3lCLHNCQUduQyxVQUFVOzs7Ozs7O0FBSGlCLEVBQUEsbUJBQVEsWUFHeEI7QUFBQTs7QUFPWDtBQUd3QztBQVJaLFdBQUEsc0JBQXNCLENBQUMsa0JBQWtCLHVCQUF1QjtBQUs1RSx5QkFBQSxnQ0FBQSxrQkFBQSxNQUFBLDRCQUF1QixFQUFFO0FBR2UseUJBQUEsK0JBQUEsa0JBQUEsTUFBQSwrQkFBQSxHQUFBLGtCQUFBLE1BQUEsMEJBQTRCLEdBQUc7Ozs7SUFIdkYsSUFBZ0IsZUFBMEI7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTFDLElBQWdCLGFBQTBCLE9BQUE7QUFBQSx5QkFBQSxnQ0FBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBR0YsSUFBZ0IsYUFBZ0M7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQWhELElBQWdCLFdBQWdDLE9BQUE7QUFBQSx5QkFBQSw4QkFBQTtBQUFBLElBQUE7QUFBQSxJQUVyRSxXQUFXLG1CQUF5RDtBQUNyRixZQUFNLFdBQVcsaUJBQWlCO0FBRTlCLFVBQUEsa0JBQWtCLElBQUksY0FBYyxHQUFHO0FBQzlCLG1CQUFBLFNBQVMsS0FBSyxjQUFjO0FBQy9CLGdCQUFBLE9BQU8sT0FBUSxJQUFHLE9BQU87QUFDL0IsZ0JBQU0sV0FBVztBQUFBLFFBQUE7QUFBQSxNQUNuQjtBQUFBLElBQ0Y7QUFBQSxJQUdpQixTQUFNO0FBQ2hCLGFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxrQkFJTyxLQUFLLGNBQWMsT0FBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSwrQkFNYixLQUFLLFlBQVk7QUFBQTtBQUFBLFVBRXRDLEtBQUssV0FBVyxFQUFFLGdCQUFnQiw2QkFBQSxDQUE4QixDQUFDO0FBQUE7QUFBQTtBQUFBLElBQUE7QUFBQSxLQTdCekUsZ0RBR3dDOztBQUx2QywrQkFBQSxDQUFBLGFBQ0EsU0FBUyxFQUFFLFdBQVcsaUJBQWlCLFNBQVMsTUFBTSxXQUFXLG1CQUFvQixDQUFBLENBQUM7QUFJdEYsNkJBQUEsQ0FBQSxTQUFTLEVBQUUsV0FBVyxjQUFlLENBQUEsQ0FBQztBQUh2QixpQkFBQSxJQUFBLE1BQUEsMEJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxnQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxrQkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsY0FBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxlQUEwQjtBQUFBLFNBQUEsVUFBQSxhQUFBLDRCQUFBLCtCQUFBO0FBR2MsaUJBQUEsSUFBQSxNQUFBLHdCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsY0FBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxnQkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsWUFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxhQUFnQztBQUFBLFNBQUEsVUFBQSxhQUFBLDBCQUFBLDZCQUFBO0FBYjFGLGlCQTJDQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBdkN3QixHQUFNLFNBQW1CLE9BSjVDLGtCQUFzQixZQUFBLHVCQUFBLEdBQUM7OzsifQ==

package/development/skiplink-list.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './skiplink-list/skiplink-list.js';
 //# sourceMappingURL=skiplink-list.d.ts.map

package/development/skiplink-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skiplink-list.d.ts","sourceRoot":"","sources":["../../../src/elements/skiplink-list.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"skiplink-list.d.ts","sourceRoot":"","sources":["../../../src/elements/skiplink-list.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kCAAkC,CAAC"}