@sbb-esta/lyne-elements 2.1.0 → 2.2.0

package/development/title.js

@@ -8,7 +8,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 import { __esDecorate, __runInitializers } from "tslib";
 import { property, customElement } from "lit/decorators.js";
 import { css, LitElement } from "lit";
-import { html, unsafeStatic } from "lit/static-html.js";
+import { html } from "lit/static-html.js";
 import { hostAttributes, forceType } from "./core/decorators.js";
 import { SbbNegativeMixin } from "./core/mixins.js";
 const style$1 = css`*,
@@ -185,11 +185,10 @@ let SbbTitleBase = (() => {
       }
     }
     render() {
-      const TAGNAME = `h${this.level}`;
       return html`
-      <${unsafeStatic(TAGNAME)} class="sbb-title" role="presentation">
+      <div class="sbb-title">
         <slot></slot>
-      </${unsafeStatic(TAGNAME)}>
+      </div>
     `;
     }
   }, _level_accessor_storage = new WeakMap(), _visualLevel_accessor_storage = new WeakMap(), _visuallyHidden_accessor_storage = new WeakMap(), _classThis = _a, (() => {
@@ -263,4 +262,4 @@ export {
   SbbTitleBase,
   SbbTitleElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aXRsZS90aXRsZS1iYXNlLnRzIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpdGxlL3RpdGxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCwgdW5zYWZlU3RhdGljIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlLCBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aXRsZS1jb21tb24uc2Nzcz9saXQmaW5saW5lJztcblxuZXhwb3J0IHR5cGUgU2JiVGl0bGVMZXZlbCA9ICcxJyB8ICcyJyB8ICczJyB8ICc0JyB8ICc1JyB8ICc2JztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHRpdGxlIHdpdGggYSBoZWFkaW5nIHJvbGUuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBkaXNwbGF5IHRoZSB0aXRsZS5cbiAqL1xuZXhwb3J0XG5AaG9zdEF0dHJpYnV0ZXMoe1xuICByb2xlOiAnaGVhZGluZycsXG59KVxuYWJzdHJhY3QgY2xhc3MgU2JiVGl0bGVCYXNlIGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBUaXRsZSBsZXZlbCAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBsZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcxJztcblxuICAvKiogVmlzdWFsIGxldmVsIGZvciB0aGUgdGl0bGUuIE9wdGlvbmFsLCBpZiBub3Qgc2V0LCB0aGUgdmFsdWUgb2YgbGV2ZWwgd2lsbCBiZSB1c2VkLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd2aXN1YWwtbGV2ZWwnLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB2aXN1YWxMZXZlbDogU2JiVGl0bGVMZXZlbCB8IG51bGwgPSBudWxsO1xuXG4gIC8qKlxuICAgKiBTb21ldGltZXMgd2UgbmVlZCBhIHRpdGxlIGluIHRoZSBtYXJrdXAgdG8gcHJlc2VudCBhIHByb3BlciBoaWVyYXJjaHlcbiAgICogdG8gdGhlIHNjcmVlbiByZWFkZXJzIHdoaWxlIHdlIGRvIG5vdCB3YW50IHRvIGxldCB0aGF0IHRpdGxlIGFwcGVhclxuICAgKiB2aXN1YWxseS4gSW4gdGhpcyBjYXNlIHdlIHNldCB2aXN1YWxseUhpZGRlbiB0byB0cnVlLlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3Zpc3VhbGx5LWhpZGRlbicsIHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHZpc3VhbGx5SGlkZGVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsZXZlbCcpKSB7XG4gICAgICB0aGlzLnNldEF0dHJpYnV0ZSgnYXJpYS1sZXZlbCcsIHRoaXMubGV2ZWwpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IFRBR05BTUUgPSBgaCR7dGhpcy5sZXZlbH1gO1xuXG4gICAgLyogZXNsaW50LWRpc2FibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8JHt1bnNhZmVTdGF0aWMoVEFHTkFNRSl9IGNsYXNzPVwic2JiLXRpdGxlXCIgcm9sZT1cInByZXNlbnRhdGlvblwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8LyR7dW5zYWZlU3RhdGljKFRBR05BTUUpfT5cbiAgICBgO1xuICAgIC8qIGVzbGludC1lbmFibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gIH1cbn1cbiIsImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiVGl0bGVCYXNlIH0gZnJvbSAnLi90aXRsZS1iYXNlLmpzJztcbmltcG9ydCBzdHlsZSBmcm9tICcuL3RpdGxlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQGNzc3Byb3AgWy0tc2JiLXRpdGxlLW1hcmdpbi1ibG9jay1zdGFydD12YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLW0pXSAtIE1hcmdpbiBibG9jayBzdGFydCBvZiB0aGUgdGl0bGUuXG4gKiBAY3NzcHJvcCBbLS1zYmItdGl0bGUtbWFyZ2luLWJsb2NrLWVuZD12YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXMpXSAtIE1hcmdpbiBibG9jayBlbmQgb2YgdGhlIHRpdGxlLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdGl0bGUnKVxuY2xhc3MgU2JiVGl0bGVFbGVtZW50IGV4dGVuZHMgU2JiVGl0bGVCYXNlIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1NiYlRpdGxlQmFzZS5zdHlsZXMsIHN0eWxlXTtcbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aXRsZSc6IFNiYlRpdGxlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbInN0eWxlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFxQmUsZ0JBQVksTUFBQTs7QUFIMUIsTUFBQSxtQkFBQSxDQUFBLGVBQWU7QUFBQSxJQUNkLE1BQU07QUFBQSxFQUFBLENBQ1AsQ0FBQzs7OztvQkFDa0MsaUJBQWlCLFVBQVU7Ozs7Ozs7Ozs7QUFBbkMsRUFBQSxtQkFBUSxZQUE0QjtBQUFBOztBQUlqQyxrREFBQSxrQkFBQSxNQUFBLHFCQUF1QyxHQUFHO0FBSXZFLHlEQUFBLGtCQUFBLE1BQUEsd0JBQUEsR0FBQSxrQkFBQSxNQUFBLDJCQUFvRCxJQUFJO0FBU3hELDREQUFBLGtCQUFBLE1BQUEsOEJBQUEsR0FBQSxrQkFBQSxNQUFBLDhCQUEwQyxLQUFLOzs7O0lBYmxCLElBQWdCLFFBQTJCO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUEzQyxJQUFnQixNQUEyQixPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUl4RSxJQUFnQixjQUF5QztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBekQsSUFBZ0IsWUFBeUMsT0FBQTtBQUFBLHlCQUFBLCtCQUFBO0FBQUEs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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aXRsZS90aXRsZS1iYXNlLnRzIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpdGxlL3RpdGxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IGZvcmNlVHlwZSwgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGl0bGUtY29tbW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYlRpdGxlTGV2ZWwgPSAnMScgfCAnMicgfCAnMycgfCAnNCcgfCAnNScgfCAnNic7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB0aXRsZSB3aXRoIGEgaGVhZGluZyByb2xlLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gZGlzcGxheSB0aGUgdGl0bGUuXG4gKi9cbmV4cG9ydFxuQGhvc3RBdHRyaWJ1dGVzKHtcbiAgcm9sZTogJ2hlYWRpbmcnLFxufSlcbmFic3RyYWN0IGNsYXNzIFNiYlRpdGxlQmFzZSBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogVGl0bGUgbGV2ZWwgKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgbGV2ZWw6IFNiYlRpdGxlTGV2ZWwgPSAnMSc7XG5cbiAgLyoqIFZpc3VhbCBsZXZlbCBmb3IgdGhlIHRpdGxlLiBPcHRpb25hbCwgaWYgbm90IHNldCwgdGhlIHZhbHVlIG9mIGxldmVsIHdpbGwgYmUgdXNlZC4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndmlzdWFsLWxldmVsJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgdmlzdWFsTGV2ZWw6IFNiYlRpdGxlTGV2ZWwgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogU29tZXRpbWVzIHdlIG5lZWQgYSB0aXRsZSBpbiB0aGUgbWFya3VwIHRvIHByZXNlbnQgYSBwcm9wZXIgaGllcmFyY2h5XG4gICAqIHRvIHRoZSBzY3JlZW4gcmVhZGVycyB3aGlsZSB3ZSBkbyBub3Qgd2FudCB0byBsZXQgdGhhdCB0aXRsZSBhcHBlYXJcbiAgICogdmlzdWFsbHkuIEluIHRoaXMgY2FzZSB3ZSBzZXQgdmlzdWFsbHlIaWRkZW4gdG8gdHJ1ZS5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd2aXN1YWxseS1oaWRkZW4nLCByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB2aXN1YWxseUhpZGRlbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbGV2ZWwnKSkge1xuICAgICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ2FyaWEtbGV2ZWwnLCB0aGlzLmxldmVsKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGl0bGVcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJUaXRsZUJhc2UgfSBmcm9tICcuL3RpdGxlLWJhc2UuanMnO1xuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGl0bGUuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBAY3NzcHJvcCBbLS1zYmItdGl0bGUtbWFyZ2luLWJsb2NrLXN0YXJ0PXZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUtbSldIC0gTWFyZ2luIGJsb2NrIHN0YXJ0IG9mIHRoZSB0aXRsZS5cbiAqIEBjc3Nwcm9wIFstLXNiYi10aXRsZS1tYXJnaW4tYmxvY2stZW5kPXZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUtcyldIC0gTWFyZ2luIGJsb2NrIGVuZCBvZiB0aGUgdGl0bGUuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10aXRsZScpXG5jbGFzcyBTYmJUaXRsZUVsZW1lbnQgZXh0ZW5kcyBTYmJUaXRsZUJhc2Uge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiVGl0bGVCYXNlLnN0eWxlcywgc3R5bGVdO1xufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRpdGxl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

package/development/toggle/toggle.js

@@ -7,7 +7,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 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 { ResizeController } from "@lit-labs/observers/resize-controller.js";
-import { css, isServer, html, LitElement } from "lit";
+import { css, LitElement, isServer, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { interactivityChecker, isArrowKeyPressed, getNextElementIndex } from "../core/a11y.js";
 import { hostAttributes, forceType, handleDistinctChange } from "../core/decorators.js";

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

@@ -1,5 +1,5 @@
 import { __esDecorate, __runInitializers } from "tslib";
-import { css, html, LitElement } from "lit";
+import { css, LitElement, html } from "lit";
 import { customElement } from "lit/decorators.js";
 const style = css`*,
 ::before,

package/dialog/dialog-content.js

@@ -1,14 +1,14 @@
 import { __esDecorate as e, __runInitializers as c } from "tslib";
-import { css as n, html as i, LitElement as d } from "lit";
+import { css as n, LitElement as i, html as d } from "lit";
 import { customElement as u } from "lit/decorators.js";
 import { forwardEvent as g } from "../core/eventing.js";
 const m = n`*,:before,:after{box-sizing:border-box}:host{display:contents}.sbb-dialog-content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-dialog-content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-dialog-content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-dialog-content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-dialog-content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-dialog-content::-webkit-scrollbar-button,.sbb-dialog-content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-dialog-content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-dialog-content{padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);overflow:auto;margin-block:var(--sbb-dialog-header-margin-block-start) 0;transition:margin var(--sbb-dialog-animation-duration) var(--sbb-dialog-animation-easing)}`;
 let k = (() => {
   var o;
-  let s = [u("sbb-dialog-content")], t, l = [], r, b = d;
+  let s = [u("sbb-dialog-content")], t, l = [], r, b = i;
   return o = class extends b {
     render() {
-      return i`
+      return d`
       <div class="sbb-dialog-content" @scroll=${(a) => g(a, document)}>
         <slot></slot>
       </div>

package/dialog/dialog.js

@@ -9,7 +9,7 @@ import { customElement as T, property as C } from "lit/decorators.js";
 import { html as D } from "lit/static-html.js";
 import { setModalityOnNextFocus as A, getFirstFocusableElement as S } from "../core/a11y.js";
 import { isZeroAnimationDuration as z, isBreakpoint as I } from "../core/dom.js";
-import { overlayRefs as O, SbbOverlayBaseElement as L } from "../overlay.js";
+import { SbbOverlayBaseElement as L, overlayRefs as O } from "../overlay.js";
 import { css as R } from "lit";
 import "../screen-reader-only.js";
 const F = R`*,:before,:after{box-sizing:border-box}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-dialog-color: var(--sbb-color-black);--sbb-dialog-background-color: var(--sbb-color-white);--sbb-dialog-width: 100%;--sbb-dialog-height: 100%;--sbb-dialog-max-width: 100%;--sbb-dialog-max-width-default: 55.75rem;--sbb-dialog-max-height: 100%;--sbb-dialog-inset: 0 auto auto 0;--sbb-dialog-border-radius: var(--sbb-border-radius-8x);--sbb-dialog-padding-block: var(--sbb-spacing-responsive-s);--sbb-dialog-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-dialog-animation-easing: ease;--sbb-dialog-pointer-events: none;--sbb-dialog-backdrop-visibility: hidden;--sbb-dialog-backdrop-pointer-events: none;--sbb-dialog-backdrop-color: transparent;--sbb-dialog-content-transition: transform var(--sbb-dialog-animation-duration) var(--sbb-dialog-animation-easing);--sbb-dialog-actions-border: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);display:none;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}@media (min-width: 22.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-6x)}}@media (min-width: 37.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x)}}@media (min-width: 52.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-responsive-s);--sbb-dialog-max-width: min( calc(100vw - var(--sbb-spacing-fixed-30x) * 2), var(--sbb-dialog-max-width-default) );--sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-16x))}}:host([data-state]:not([data-state=closed])){display:block}:host(:is([data-state=opening],[data-state=opened])){--sbb-dialog-pointer-events: all;--sbb-dialog-backdrop-color: var(--sbb-color-milk)}@media (min-width: 52.5rem){:host(:is([data-state=opening],[data-state=opened])){--sbb-dialog-backdrop-visibility: visible;--sbb-dialog-backdrop-pointer-events: all}}:host([backdrop=translucent]:is([data-state=opening],[data-state=opened])){--sbb-dialog-backdrop-color: var(--sbb-color-black-alpha-50)}:host([data-hide-header]){--sbb-dialog-header-margin-block-start: calc(var(--sbb-dialog-header-height) * -1)}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-dialog-color: var(--sbb-color-white);--sbb-dialog-background-color: var(--sbb-color-midnight);--sbb-dialog-actions-border: none}:host([data-overflows]:not([negative])){--sbb-dialog-actions-border: none}:host(:not([data-state=closed])){--sbb-dialog-inset: 0}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);display:flex;align-items:center;position:fixed;inset:var(--sbb-dialog-inset)}.sbb-dialog__container:before{content:"";visibility:var(--sbb-dialog-backdrop-visibility);pointer-events:var(--sbb-dialog-backdrop-pointer-events);position:fixed;inset:var(--sbb-dialog-inset);background-color:var(--sbb-dialog-backdrop-color);transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing);transition-property:background-color,visibility}.sbb-dialog{display:none;position:absolute;inset-inline:0;margin:auto;padding:0;border:none;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);overflow:auto;color:var(--sbb-dialog-color);background-color:var(--sbb-dialog-background-color)}:host([data-state]:not([data-state=closed])) .sbb-dialog{display:block;animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease}:host([data-state][data-state=closing]) .sbb-dialog{pointer-events:none;animation-name:close}@media (forced-colors: active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (min-width: 52.5rem){.sbb-dialog{border-radius:var(--sbb-dialog-border-radius);overflow:hidden;height:fit-content}}.sbb-dialog__wrapper{display:flex;flex-direction:column;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);outline:none;position:fixed}@media (min-width: 52.5rem){.sbb-dialog__wrapper{position:sticky;inset-block-start:0;height:auto}}@keyframes open{0%{opacity:0;transform:translateY(var(--sbb-spacing-fixed-4x))}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-spacing-fixed-4x))}}`;

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

@@ -1,5 +1,5 @@
 import { __esDecorate as o, __runInitializers as r } from "tslib";
-import { css as p, html as b, LitElement as c } from "lit";
+import { css as p, LitElement as b, html as c } from "lit";
 import { customElement as d } from "lit/decorators.js";
 import { hostAttributes as m } from "../core/decorators.js";
 const x = p`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-content-padding-inline-start: var( --sbb-expansion-panel-content-padding-inline );display:block}:host([data-size=s]){--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 22.5rem){:host([data-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) )}}.sbb-expansion-panel-content{padding-block-end:var(--sbb-spacing-responsive-s);padding-inline:var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline)}::slotted(:is(p,sbb-title):first-child){margin-block-start:0}`;
@@ -8,10 +8,10 @@ let h = (() => {
   let l = [d("sbb-expansion-panel-content"), m({
     role: "region",
     slot: "content"
-  })], a, s = [], n, i = c;
+  })], a, s = [], n, i = b;
   return e = class extends i {
     render() {
-      return b`
+      return c`
       <div class="sbb-expansion-panel-content">
         <slot></slot>
       </div>

package/flip-card/flip-card-details.js

@@ -1,6 +1,6 @@
 import { __esDecorate as n, __runInitializers as b } from "tslib";
 import { MutationController as c } from "@lit-labs/observers/mutation-controller.js";
-import { css as p, html as f, LitElement as m } from "lit";
+import { css as p, LitElement as f, html as m } from "lit";
 import { customElement as u } from "lit/decorators.js";
 import { IS_FOCUSABLE_QUERY as v } from "../core/a11y.js";
 import { hostAttributes as y } from "../core/decorators.js";
@@ -9,7 +9,7 @@ let E = (() => {
   var a;
   let d = [u("sbb-flip-card-details"), y({
     slot: "details"
-  })], i, r = [], t, l = m;
+  })], i, r = [], t, l = f;
   return a = class extends l {
     constructor() {
       super(), new c(this, {
@@ -26,7 +26,7 @@ let E = (() => {
       Array.from(((o = this.querySelectorAll) == null ? void 0 : o.call(this, v)) ?? []).filter((s) => !s.hasAttribute(e)).forEach((s) => s.setAttribute(e, ""));
     }
     render() {
-      return f`
+      return m`
       <div class="sbb-flip-card-details--wrapper">
         <div class="sbb-flip-card-details">
           <slot></slot>

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

@@ -4,7 +4,7 @@ var c = (a) => {
 var u = (a, e, t) => e.has(a) || c("Cannot " + t);
 var f = (a, e, t) => (u(a, e, "read from private field"), t ? t.call(a) : e.get(a)), h = (a, e, t) => e.has(a) ? c("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), y = (a, e, t, i) => (u(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t);
 import { __esDecorate as v, __runInitializers as o } from "tslib";
-import { css as w, html as _, LitElement as A } from "lit";
+import { css as w, LitElement as _, html as A } from "lit";
 import { customElement as x, property as S } from "lit/decorators.js";
 import { hostAttributes as z } from "../core/decorators.js";
 const E = w`*,:before,:after{box-sizing:border-box}:host{--sbb-flip-card-summary-opacity: 1;--sbb-flip-card-summary-pointer-events: all;display:contents}.sbb-flip-card-summary{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events);opacity:var(--sbb-flip-card-summary-opacity);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media (min-width: 37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}}@media (min-width: 52.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-spacing-responsive-s);padding-block:var(--sbb-spacing-responsive-s) var(--sbb-spacing-responsive-xs);margin:0;grid-area:1/1/2/2}@media (min-width: 37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media (min-width: 52.5rem){: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 (min-width: 37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media (min-width: 52.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}`;
@@ -12,7 +12,7 @@ let C = (() => {
   var n, s;
   let a = [x("sbb-flip-card-summary"), z({
     slot: "summary"
-  })], e, t = [], i, d = A, b, g = [], p = [];
+  })], e, t = [], i, d = _, b, g = [], p = [];
   return s = class extends d {
     constructor() {
       super(...arguments);
@@ -31,7 +31,7 @@ let C = (() => {
       super.willUpdate(r), r.has("imageAlignment") && ((l = (m = this.closest) == null ? void 0 : m.call(this, "sbb-flip-card")) == null || l.setAttribute("data-image-alignment", this.imageAlignment));
     }
     render() {
-      return _`
+      return A`
       <div class="sbb-flip-card-summary">
         <slot></slot>
         <div class="sbb-flip-card-summary--image-wrapper">

package/icon.js

@@ -4,7 +4,7 @@ var T = (t) => {
 var M = (t, e, i) => e.has(t) || T("Cannot " + i);
 var I = (t, e, i) => (M(t, e, "read from private field"), i ? i.call(t) : e.get(t)), N = (t, e, i) => e.has(t) ? T("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), _ = (t, e, i, a) => (M(t, e, "write to private field"), a ? a.call(t, i) : e.set(t, i), i);
 import { __esDecorate as v, __runInitializers as d } from "tslib";
-import { isServer as P, css as B, html as C, LitElement as F, nothing as O } from "lit";
+import { isServer as P, css as B, LitElement as F, html as C, nothing as O } from "lit";
 import { state as x, property as L, customElement as V } from "lit/decorators.js";
 import { hostAttributes as G, forceType as E, omitEmptyConverter as D } from "./core/decorators.js";
 import { unsafeHTML as J } from "lit/directives/unsafe-html.js";

package/image.js

@@ -4,8 +4,8 @@ var _e = (r) => {
 var ke = (r, o, l) => o.has(r) || _e("Cannot " + l);
 var h = (r, o, l) => (ke(r, o, "read from private field"), l ? l.call(r) : o.get(r)), u = (r, o, l) => o.has(r) ? _e("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(r) : o.set(r, l), s = (r, o, l, d) => (ke(r, o, "write to private field"), d ? d.call(r, l) : o.set(r, l), l);
 import { __esDecorate as p, __runInitializers as a } from "tslib";
-import { S as Se, a as ye, b as ze, c as ve, d as xe, e as Me, f as $e, g as we, h as Le, i as Ie, j as Ce, k as Fe, l as De, m as Be, n as Ee } from "./sbb-tokens-Dx20OtVg.js";
-import { css as Qe, html as Q, nothing as F, LitElement as qe } from "lit";
+import { S as Se, a as ye, b as ze, c as ve, d as xe, e as Me, f as $e, g as we, h as Le, i as Ie, j as Ce, k as Fe, l as De, m as Be, n as Ee } from "./sbb-tokens-BgDF8jIh.js";
+import { css as Qe, LitElement as qe, html as Q, nothing as F } from "lit";
 import { customElement as Oe, property as g, eventOptions as Te } from "lit/decorators.js";
 import { forceType as b } from "./core/decorators.js";
 const Xe = Qe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-aspect-ratio: 16 / 9;--sbb-image-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-image-object-fit: cover;display:block;border-radius:var(--sbb-border-radius-4x);overflow:hidden}.sbb-image__img{opacity:.000001}:host([data-loaded]) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;top:0;right:0;bottom:0;left:0}:host([data-loaded]) .sbb-image__blurred{opacity:0}picture{display:contents}:is(.sbb-image__img,.sbb-image__blurred){width:100%;height:100%;object-fit:var(--sbb-image-object-fit);object-position:var(--sbb-image-object-position);transition:opacity var(--sbb-image-animation-duration) var(--sbb-animation-easing)}.sbb-image__wrapper{display:flex;position:relative;width:100%;height:100%;aspect-ratio:var(--sbb-image-aspect-ratio)}`, Ye = (r) => {
@@ -35,20 +35,20 @@ const Xe = Qe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-aspect-ra
   once: !0,
   passive: !0
 }, m = (r) => r / Se, Ue = {
-  "sbb-breakpoint-zero-min": m(ye),
-  "sbb-breakpoint-zero-max": m(ze),
-  "sbb-breakpoint-micro-min": m(ve),
-  "sbb-breakpoint-micro-max": m(xe),
-  "sbb-breakpoint-small-min": m(Me),
-  "sbb-breakpoint-small-max": m($e),
-  "sbb-breakpoint-medium-min": m(we),
-  "sbb-breakpoint-medium-max": m(Le),
-  "sbb-breakpoint-large-min": m(Ie),
-  "sbb-breakpoint-large-max": m(Ce),
-  "sbb-breakpoint-wide-min": m(Fe),
-  "sbb-breakpoint-wide-max": m(De),
-  "sbb-breakpoint-ultra-min": m(Be),
-  "sbb-breakpoint-ultra-max": m(Ee)
+  "sbb-breakpoint-zero-min": m(Ee),
+  "sbb-breakpoint-zero-max": m(Be),
+  "sbb-breakpoint-micro-min": m(De),
+  "sbb-breakpoint-micro-max": m(Fe),
+  "sbb-breakpoint-small-min": m(Ce),
+  "sbb-breakpoint-small-max": m(Ie),
+  "sbb-breakpoint-medium-min": m(Le),
+  "sbb-breakpoint-medium-max": m(we),
+  "sbb-breakpoint-large-min": m($e),
+  "sbb-breakpoint-large-max": m(Me),
+  "sbb-breakpoint-wide-min": m(xe),
+  "sbb-breakpoint-wide-max": m(ve),
+  "sbb-breakpoint-ultra-min": m(ze),
+  "sbb-breakpoint-ultra-max": m(ye)
 };
 let Ze = (() => {
   var k, P, S, y, z, v, x, M, $, w, L, I, n;

package/lead-container.js

@@ -1,13 +1,13 @@
 import { __esDecorate as b, __runInitializers as o } from "tslib";
-import { css as d, html as l, LitElement as c } from "lit";
+import { css as d, LitElement as l, html as c } from "lit";
 import { customElement as m } from "lit/decorators.js";
 const g = d`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-lead-container-background-color: var(--sbb-color-white);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-lead-container-border-radius: var(--sbb-border-radius-6x);--sbb-lead-container-image-border-radius: 0}@media (min-width: 80rem){:host{--sbb-lead-container-image-ratio: 21 / 9}}@media (min-width: 90rem){:host{--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius)}}.sbb-lead-container{padding-block-end:var(--sbb-spacing-responsive-l)}::slotted([slot=image]){display:block;width:100%}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(sbb-notification.sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-xxxs)}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s)}@media (min-width: 90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{background-color:var(--sbb-lead-container-background-color);display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){.sbb-lead-container-content-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}@media (min-width: 64rem){.sbb-lead-container-content-wrapper{background-color:transparent}}.sbb-lead-container-content{z-index:1;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1}@media (min-width: 52.5rem){.sbb-lead-container-content{grid-column:2/-2}}@media (min-width: 64rem){.sbb-lead-container-content{margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));padding-inline:var(--sbb-lead-container-padding-inline);margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline))}}@media (min-width: 80rem){.sbb-lead-container-content{grid-column:3/-3}}@media (min-width: 90rem){.sbb-lead-container-content{grid-column:4/-4}}`;
 let h = (() => {
   var a;
-  let s = [m("sbb-lead-container")], i, r = [], e, t = c;
+  let s = [m("sbb-lead-container")], i, r = [], e, t = l;
   return a = class extends t {
     render() {
-      return l`
+      return c`
       <div class="sbb-lead-container">
         <div class="sbb-lead-container-image">
           <slot name="image"></slot>

package/link-list/link-list-anchor.js

@@ -1,16 +1,16 @@
 import { __esDecorate as i, __runInitializers as b } from "tslib";
 import { customElement as n } from "lit/decorators.js";
-import { linkListBaseStyle as c, SbbLinkListBaseElement as d } from "./common.js";
+import { SbbLinkListBaseElement as c, linkListBaseStyle as d } from "./common.js";
 import { css as v } from "lit";
 const k = v`:host{--sbb-link-list-anchor-border-color: var(--sbb-color-cloud)}:host([negative]){--sbb-link-list-anchor-border-color: var(--sbb-color-granite)}::slotted([data-link]){--sbb-link-text-decoration: none;--sbb-link-hover-text-decoration: none;--sbb-link-padding: var(--sbb-spacing-fixed-1x) 0 var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-4x);--sbb-link-color-hover: var(--sbb-color-charcoal);--sbb-link-color-active: var(--sbb-color-granite);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-link-list-anchor-border-color)}:host([negative]) ::slotted([data-link]){--sbb-link-color-normal: var(--sbb-color-smoke);--sbb-link-color-hover: var(--sbb-color-milk);--sbb-link-color-active: var(--sbb-color-smoke)}::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-iron)}:host([negative]) ::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-silver)}::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-charcoal)}:host([negative]) ::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-milk)}.sbb-link-list-anchor{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-flow:column}.sbb-link-list-anchor>li{margin-inline-start:var(--sbb-spacing-fixed-4x)}`;
 let p = (() => {
   var l;
-  let r = [n("sbb-link-list-anchor")], a, e = [], o, s = d;
+  let r = [n("sbb-link-list-anchor")], a, e = [], o, s = c;
   return l = class extends s {
   }, o = l, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
     i(null, a = { value: o }, r, { kind: "class", name: o.name, metadata: t }, null, e), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l.styles = [c, k], b(o, e), o;
+  })(), l.styles = [d, k], b(o, e), o;
 })();
 export {
   p as SbbLinkListAnchorElement

package/link-list/link-list.js

@@ -5,12 +5,12 @@ var _ = (t, i, o) => i.has(t) || k("Cannot " + o);
 var p = (t, i, o) => (_(t, i, "read from private field"), o ? o.call(t) : i.get(t)), c = (t, i, o) => i.has(t) ? k("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, o), d = (t, i, o, r) => (_(t, i, "write to private field"), r ? r.call(t, o) : i.set(t, o), o);
 import { __esDecorate as b, __runInitializers as h } from "tslib";
 import { customElement as F, property as y } from "lit/decorators.js";
-import { linkListBaseStyle as S, SbbLinkListBaseElement as L } from "./common.js";
+import { SbbLinkListBaseElement as S, linkListBaseStyle as L } from "./common.js";
 import { css as E } from "lit";
 const I = E`:host{--sbb-link-list-flex-flow: column nowrap}:host([orientation=horizontal]){--sbb-link-list-flex-flow: row wrap}:host([orientation=horizontal]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-link-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-8x);flex-flow:var(--sbb-link-list-flex-flow)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=zero]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=micro]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=small]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=medium]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=large]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=wide]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=ultra]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}`;
 let q = (() => {
   var n, s, a;
-  let t = [F("sbb-link-list")], i, o = [], r, w = L, f, x = [], u = [], g, z = [], v = [];
+  let t = [F("sbb-link-list")], i, o = [], r, w = S, f, x = [], u = [], g, z = [], v = [];
   return a = class extends w {
     constructor() {
       super(...arguments);
@@ -39,7 +39,7 @@ let q = (() => {
     } }, metadata: l }, x, u), b(a, null, g, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (e) => "orientation" in e, get: (e) => e.orientation, set: (e, m) => {
       e.orientation = m;
     } }, metadata: l }, z, v), b(null, i = { value: r }, t, { kind: "class", name: r.name, metadata: l }, null, o), r = i.value, l && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
-  })(), a.styles = [S, I], h(r, o), r;
+  })(), a.styles = [L, I], h(r, o), r;
 })();
 export {
   q as SbbLinkListElement

package/loading-indicator-circle.js

@@ -4,7 +4,7 @@ var m = (i) => {
 var u = (i, a, r) => a.has(i) || m("Cannot " + r);
 var h = (i, a, r) => (u(i, a, "read from private field"), r ? r.call(i) : a.get(i)), p = (i, a, r) => a.has(i) ? m("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, r), v = (i, a, r, o) => (u(i, a, "write to private field"), o ? o.call(i, r) : a.set(i, r), r);
 import { __esDecorate as f, __runInitializers as l } from "tslib";
-import { css as k, html as y, LitElement as w } from "lit";
+import { css as k, LitElement as y, html as w } from "lit";
 import { customElement as x, property as S } from "lit/decorators.js";
 import { hostAttributes as z } from "./core/decorators.js";
 const E = k`*,:before,:after{box-sizing:border-box}:host{display:inline-block;line-height:0;--sbb-loading-indicator-circle-color: var(--sbb-color-red);--sbb-loading-indicator-circle-padding: .125rem;--sbb-loading-indicator-circle-duration: var(--sbb-disable-animation-duration, 1.5s);--sbb-loading-indicator-circle-background-color: var(--sbb-color-white);--sbb-loading-indicator-circle-background: conic-gradient( from 90deg, var(--sbb-loading-indicator-circle-background-color), var(--sbb-loading-indicator-circle-color) );--sbb-loading-indicator-circle-animated-width: .1875em;--sbb-loading-indicator-circle-animated-height: .1875em;--sbb-loading-indicator-circle-animated-border-radius: 50%}@media (forced-colors: active){:host{--sbb-loading-indicator-circle-color: CanvasText !important;--sbb-loading-indicator-circle-animated-width: 50%;--sbb-loading-indicator-circle-animated-height: 100%;--sbb-loading-indicator-circle-animated-border-radius: 0;--sbb-loading-indicator-circle-background: transparent}}:host([color=smoke]){--sbb-loading-indicator-circle-color: var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-circle-color: var(--sbb-color-white)}:host([color=white]){--sbb-loading-indicator-circle-background-color: var(--sbb-color-iron)}.sbb-loading-indicator{display:inline-flex;padding:var(--sbb-loading-indicator-circle-padding);vertical-align:middle;line-height:1}.sbb-loading-indicator__animated-element{width:1.25em;height:1.25em;display:inline-block;color:transparent;position:relative;margin:0 auto;overflow:hidden;border-radius:50%;background:var(--sbb-loading-indicator-circle-background);mask:radial-gradient(circle .4375em,rgba(0,0,0,0) 98%,var(--sbb-loading-indicator-circle-background-color));animation:rotation var(--sbb-loading-indicator-circle-duration) infinite linear}.sbb-loading-indicator__animated-element:after{content:"";width:var(--sbb-loading-indicator-circle-animated-width);height:var(--sbb-loading-indicator-circle-animated-height);background:var(--sbb-loading-indicator-circle-color);border-radius:var(--sbb-loading-indicator-circle-animated-border-radius);position:absolute;top:50%;right:0;translate:0 -50%;overflow:hidden;margin:auto}@keyframes rotation{0%{rotate:0deg}to{rotate:359deg}}`;
@@ -13,7 +13,7 @@ let T = (() => {
   let i = [x("sbb-loading-indicator-circle"), z({
     role: "progressbar",
     "aria-busy": "true"
-  })], a, r = [], o, d = w, s, b = [], g = [];
+  })], a, r = [], o, d = y, s, b = [], g = [];
   return e = class extends d {
     constructor() {
       super(...arguments);
@@ -28,7 +28,7 @@ let T = (() => {
       v(this, c, t);
     }
     render() {
-      return y`
+      return w`
       <span class="sbb-loading-indicator">
         <span class="sbb-loading-indicator__animated-element"></span>
       </span>

package/loading-indicator.js

@@ -4,7 +4,7 @@ var z = (i) => {
 var k = (i, a, n) => a.has(i) || z("Cannot " + n);
 var b = (i, a, n) => (k(i, a, "read from private field"), n ? n.call(i) : a.get(i)), g = (i, a, n) => a.has(i) ? z("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, n), m = (i, a, n, e) => (k(i, a, "write to private field"), e ? e.call(i, n) : a.set(i, n), n);
 import { __esDecorate as p, __runInitializers as d } from "tslib";
-import { css as S, html as I, LitElement as E } from "lit";
+import { css as S, LitElement as I, html as E } from "lit";
 import { customElement as j, property as x } from "lit/decorators.js";
 import { hostAttributes as D } from "./core/decorators.js";
 const L = S`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{--sbb-loading-indicator-color: var(--sbb-color-red);--sbb-loading-indicator-padding: 0;--sbb-loading-indicator-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-loading-indicator-window-element-rotation: 55.24deg;--_sbb-loading-indicator-window-first-span-width: calc( var(--sbb-loading-indicator-window-height) * .58 );--_sbb-loading-indicator-window-unit: calc( var(--_sbb-loading-indicator-window-first-span-width) / 5.5 );--_sbb-loading-indicator-window-element-animation-speed: calc( var(--_sbb-loading-indicator-window-unit) * 6.5 );--sbb-loading-indicator-window-height: 1.125rem;--sbb-loading-indicator-window-element-width: 3.4375rem;display:inline-block;line-height:0}:host([color=smoke]){--sbb-loading-indicator-color: var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-color: var(--sbb-color-white)}:host([size=l]){--sbb-loading-indicator-window-height: 2rem;--sbb-loading-indicator-window-element-width: 6.25rem}:host([size=xl]){--sbb-loading-indicator-window-height: 3.1875rem;--sbb-loading-indicator-window-element-width: 8.75rem}:host([size=xxl]){--sbb-loading-indicator-window-height: 6.125rem;--sbb-loading-indicator-window-element-width: 15.625rem}:host([size=xxxl]){--sbb-loading-indicator-window-height: 9.1875rem;--sbb-loading-indicator-window-element-width: 22.5rem}span{display:inline-block}.sbb-loading-indicator{display:flex;height:var(--sbb-loading-indicator-window-height);align-items:center}.sbb-loading-indicator:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-loading-indicator__animated-element{position:relative;justify-content:center;display:flex;margin:0 auto;transform-origin:center;translate:25%;backface-visibility:hidden;width:var(--sbb-loading-indicator-window-element-width);perspective:var(--sbb-loading-indicator-window-height)}.sbb-loading-indicator__animated-element>span{position:relative;align-self:center;transform-origin:left;rotate:y var(--sbb-loading-indicator-window-element-rotation);backface-visibility:hidden}.sbb-loading-indicator__animated-element>span>span{position:relative;display:flex;animation:loading-container var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span{background:var(--sbb-loading-indicator-color);backface-visibility:hidden;outline:var(--sbb-border-width-1x) solid transparent;width:var(--_sbb-loading-indicator-window-first-span-width);height:var(--sbb-loading-indicator-window-height);margin-inline-end:var(--_sbb-loading-indicator-window-unit)}.sbb-loading-indicator__animated-element>span>span>span:nth-child(1){animation:loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(2){animation:loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(3){animation:loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(4){animation:loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(5){animation:loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:last-child{margin-inline-end:0}@keyframes loading-container{0%{translate:var(--_sbb-loading-indicator-window-element-animation-speed)}to{translate:0}}@keyframes loading-rectangle1{0%{opacity:.5}to{opacity:0}}@keyframes loading-rectangle2{0%{opacity:1}to{opacity:.5}}@keyframes loading-rectangle3{0%{opacity:.5}to{opacity:1}}@keyframes loading-rectangle4{0%{opacity:.25}to{opacity:.5}}@keyframes loading-rectangle5{0%{opacity:0}to{opacity:.25}}`;
@@ -13,7 +13,7 @@ let q = (() => {
   let i = [j("sbb-loading-indicator"), D({
     role: "progressbar",
     "aria-busy": "true"
-  })], a, n = [], e, h = E, w, _ = [], u = [], f, v = [], y = [];
+  })], a, n = [], e, h = I, w, _ = [], u = [], f, v = [], y = [];
   return o = class extends h {
     constructor() {
       super(...arguments);
@@ -36,7 +36,7 @@ let q = (() => {
       m(this, l, s);
     }
     render() {
-      return I`
+      return E`
       <span class="sbb-loading-indicator">
         <span class="sbb-loading-indicator__animated-element">
           <span>

package/map-container.js

@@ -5,7 +5,7 @@ var y = (a, i, o) => i.has(a) || B("Cannot " + o);
 var m = (a, i, o) => (y(a, i, "read from private field"), o ? o.call(a) : i.get(a)), p = (a, i, o) => i.has(a) ? B("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, o), c = (a, i, o, s) => (y(a, i, "write to private field"), s ? s.call(a, o) : i.set(a, o), o);
 import { __runInitializers as d, __esDecorate as u } from "tslib";
 import { IntersectionController as x } from "@lit-labs/observers/intersection-controller.js";
-import { css as S, html as U, nothing as V, LitElement as z } from "lit";
+import { css as S, LitElement as V, html as U, nothing as z } from "lit";
 import { customElement as I, property as E, state as C } from "lit/decorators.js";
 import { SbbLanguageController as $ } from "./core/controllers.js";
 import { forceType as O } from "./core/decorators.js";
@@ -15,7 +15,7 @@ import "./button/accent-button.js";
 const j = S`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-map-container-map-height-zero: 18.4375rem;--sbb-map-container-map-height-small: 20rem;--sbb-map-container-sidebar-width: 25rem;--sbb-map-container-sidebar-background-color: var(--sbb-color-white);--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) );--sbb-map-container-mobile-sticky-block-start: 0}@media (min-width: 37.5rem){:host{--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media (min-width: 80rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto}@media (min-width: 52.5rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));position:fixed;inset:var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media (min-width: 52.5rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-map-container__sidebar{grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}@media (min-width: 52.5rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-color-cloud)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media (max-width: 52.4375rem){.sbb-map-container__map{inset-block-start:var(--sbb-map-container-mobile-sticky-block-start);height:var(--sbb-map-container-map-height)}}@media (min-width: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
 let N = (() => {
   var n, b, e;
-  let a = [I("sbb-map-container")], i, o = [], s, h = z, _, v = [], g = [], w, f = [], k = [];
+  let a = [I("sbb-map-container")], i, o = [], s, h = V, _, v = [], g = [], w, f = [], k = [];
   return e = class extends h {
     constructor() {
       super(...arguments);
@@ -81,7 +81,7 @@ let N = (() => {
 
           <slot></slot>
 
-          ${this.hideScrollUpButton ? V : U`<sbb-accent-button
+          ${this.hideScrollUpButton ? z : U`<sbb-accent-button
                 class="sbb-map-container__sidebar-button"
                 size="l"
                 icon-name="location-pin-map-small"

package/message.js

@@ -4,14 +4,14 @@ var z = (t) => {
 var k = (t, e, s) => e.has(t) || z("Cannot " + s);
 var m = (t, e, s) => (k(t, e, "read from private field"), s ? s.call(t) : e.get(t)), g = (t, e, s) => e.has(t) ? z("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), v = (t, e, s, a) => (k(t, e, "write to private field"), a ? a.call(t, s) : e.set(t, s), s);
 import { __esDecorate as d, __runInitializers as b } from "tslib";
-import { css as C, html as S, LitElement as w } from "lit";
+import { css as C, LitElement as S, html as w } from "lit";
 import { customElement as E, property as L } from "lit/decorators.js";
 import { forceType as I } from "./core/decorators.js";
 import "./title.js";
 const D = C`*,:before,:after{box-sizing:border-box}:host{--sbb-message-subtitle-color: var(--sbb-color-granite);--sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);--sbb-message-image-border-radius: var(--sbb-border-radius-4x);--sbb-message-legend-margin-block: var(--sbb-spacing-responsive-xxxs) 0;--sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;display:block}.sbb-message__container{text-align:center}.sbb-message__title{margin:0}::slotted([slot=title]){margin:0}::slotted([slot=image]){display:block;margin-inline:auto!important;margin-block:var(--sbb-message-image-margin-block)!important;width:100%}::slotted([slot=subtitle]){--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-message-subtitle-color);margin:0}::slotted([slot=legend]){--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);padding:0;color:var(--sbb-color-granite);margin-block:var(--sbb-message-legend-margin-block)}::slotted([slot=action]){margin-block:var(--sbb-message-action-margin-block)}`;
 let A = (() => {
   var n, r, l;
-  let t = [E("sbb-message")], e, s = [], a, p = w, f, u = [], _ = [], h, x = [], y = [];
+  let t = [E("sbb-message")], e, s = [], a, p = S, f, u = [], _ = [], h, x = [], y = [];
   return l = class extends p {
     constructor() {
       super(...arguments);
@@ -34,7 +34,7 @@ let A = (() => {
       v(this, r, o);
     }
     render() {
-      return S`
+      return w`
       <div class="sbb-message__container">
         <slot name="image"></slot>
         <sbb-title level=${this.titleLevel} visual-level="5" class="sbb-message__title">

package/notification.js

@@ -5,7 +5,7 @@ var M = (e, a, o) => a.has(e) || B("Cannot " + o);
 var c = (e, a, o) => (M(e, a, "read from private field"), o ? o.call(e) : a.get(e)), d = (e, a, o) => a.has(e) ? B("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, o), s = (e, a, o, l) => (M(e, a, "write to private field"), l ? l.call(e, o) : a.set(e, o), o);
 import { __runInitializers as r, __esDecorate as f } from "tslib";
 import { ResizeController as F } from "@lit-labs/observers/resize-controller.js";
-import { css as G, html as P, nothing as J, LitElement as K } from "lit";
+import { css as G, LitElement as J, html as P, nothing as K } from "lit";
 import { customElement as Q, property as y } from "lit/decorators.js";
 import { SbbLanguageController as V } from "./core/controllers.js";
 import { slotState as W, forceType as q, omitEmptyConverter as X } from "./core/decorators.js";
@@ -24,7 +24,7 @@ const ei = G`*,:before,:after{box-sizing:border-box}:host{--sbb-notification-mar
 ]), ni = 150;
 let yi = (() => {
   var m, p, v, _, g, u, n;
-  let e = [Q("sbb-notification"), W()], a, o = [], l, w = K, z, k = [], C = [], O, E = [], L = [], N, T = [], A = [], I, S = [], $ = [], D, R = [], H = [], Z, U = [], j = [];
+  let e = [Q("sbb-notification"), W()], a, o = [], l, w = J, z, k = [], C = [], O, E = [], L = [], N, T = [], A = [], I, S = [], $ = [], D, R = [], H = [], Z, U = [], j = [];
   var h = (n = class extends w {
     constructor() {
       super(...arguments);
@@ -150,7 +150,7 @@ let yi = (() => {
             <slot></slot>
           </span>
 
-          ${this.readonly ? J : P`<span class="sbb-notification__close-wrapper">
+          ${this.readonly ? K : P`<span class="sbb-notification__close-wrapper">
                 <sbb-divider class="sbb-notification__divider" orientation="vertical"></sbb-divider>
                 <sbb-secondary-button
                   size=${this.size}

package/option/optgroup.js

@@ -8,10 +8,10 @@ import { property as D, state as T, customElement as E } from "lit/decorators.js
 import { MutationController as I } from "@lit-labs/observers/mutation-controller.js";
 import { css as L, LitElement as j, html as q } from "lit";
 import { hostAttributes as P, forceType as U } from "../core/decorators.js";
-import { setOrRemoveAttribute as B, isSafari as F } from "../core/dom.js";
+import { isSafari as B, setOrRemoveAttribute as F } from "../core/dom.js";
 import { SbbDisabledMixin as M, SbbHydrationMixin as $ } from "../core/mixins.js";
 import "../divider.js";
-const N = L`*,:before,:after{box-sizing:border-box}:host{--sbb-optgroup-divider-display: block;--sbb-optgroup-divider-spacing: 0;--sbb-optgroup-label-padding-start: var(--sbb-spacing-fixed-4x);--sbb-optgroup-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-optgroup-label-font-size: var(--sbb-typo-scale-0-75x);--sbb-optgroup-label-color: var(--sbb-color-metal);display:block}:host(:first-child){--sbb-optgroup-divider-display: none;--sbb-optgroup-label-padding-start: var(--sbb-spacing-fixed-2x)}:host([data-variant=select]){--sbb-optgroup-divider-spacing: var(--sbb-spacing-fixed-4x);--sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-optgroup-label-padding-start: 0;--sbb-optgroup-label-font-size: inherit}:host([data-variant=select]:first-child){--sbb-optgroup-label-padding-start: var(--sbb-spacing-fixed-4x)}:host([data-negative]){--sbb-optgroup-label-color: var(--sbb-color-smoke)}.sbb-optgroup{margin-block:var(--sbb-spacing-fixed-4x);margin-inline:var(--sbb-spacing-fixed-4x)}.sbb-optgroup__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;column-gap:var(--sbb-spacing-responsive-xxxs);color:var(--sbb-optgroup-label-color);-webkit-text-fill-color:var(--sbb-optgroup-label-color);padding-inline:var(--sbb-optgroup-label-padding-inline);padding-block:var(--sbb-optgroup-label-padding-start) var(--sbb-spacing-fixed-2x)}:host([data-variant=select][data-multiple]) .sbb-optgroup__label{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);padding-inline-start:calc(var(--sbb-spacing-responsive-xxxs) + var(--sbb-spacing-fixed-8x))}.sbb-optgroup__divider{display:var(--sbb-optgroup-divider-display);padding-block:var(--sbb-optgroup-divider-spacing)}.sbb-optgroup__icon-space{display:var(--sbb-option-icon-container-display, none);min-width:var(--sbb-size-icon-ui-small)}`, x = F;
+const N = L`*,:before,:after{box-sizing:border-box}:host{--sbb-optgroup-divider-display: block;--sbb-optgroup-divider-spacing: 0;--sbb-optgroup-label-padding-start: var(--sbb-spacing-fixed-4x);--sbb-optgroup-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-optgroup-label-font-size: var(--sbb-typo-scale-0-75x);--sbb-optgroup-label-color: var(--sbb-color-metal);display:block}:host(:first-child){--sbb-optgroup-divider-display: none;--sbb-optgroup-label-padding-start: var(--sbb-spacing-fixed-2x)}:host([data-variant=select]){--sbb-optgroup-divider-spacing: var(--sbb-spacing-fixed-4x);--sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-optgroup-label-padding-start: 0;--sbb-optgroup-label-font-size: inherit}:host([data-variant=select]:first-child){--sbb-optgroup-label-padding-start: var(--sbb-spacing-fixed-4x)}:host([data-negative]){--sbb-optgroup-label-color: var(--sbb-color-smoke)}.sbb-optgroup{margin-block:var(--sbb-spacing-fixed-4x);margin-inline:var(--sbb-spacing-fixed-4x)}.sbb-optgroup__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;column-gap:var(--sbb-spacing-responsive-xxxs);color:var(--sbb-optgroup-label-color);-webkit-text-fill-color:var(--sbb-optgroup-label-color);padding-inline:var(--sbb-optgroup-label-padding-inline);padding-block:var(--sbb-optgroup-label-padding-start) var(--sbb-spacing-fixed-2x)}:host([data-variant=select][data-multiple]) .sbb-optgroup__label{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);padding-inline-start:calc(var(--sbb-spacing-responsive-xxxs) + var(--sbb-spacing-fixed-8x))}.sbb-optgroup__divider{display:var(--sbb-optgroup-divider-display);padding-block:var(--sbb-optgroup-divider-spacing)}.sbb-optgroup__icon-space{display:var(--sbb-option-icon-container-display, none);min-width:var(--sbb-size-icon-ui-small)}`, x = B;
 let R = (() => {
   var u, g, h, n;
   let i = [P({ role: x ? null : "group" })], a, l = [], s, c = M($(j)), b, y = [], r = [], d, A = [], z = [], G, S = [], k = [];
@@ -68,7 +68,7 @@ let R = (() => {
           for (const o of this.options)
             o.removeAttribute("data-group-label"), (e = o.requestUpdate) == null || e.call(o);
       else {
-        B(this, "aria-label", this.label);
+        F(this, "aria-label", this.label);
         return;
       }
     }

package/option/option.js

@@ -9,13 +9,13 @@ import { property as X, state as x, customElement as Y } from "lit/decorators.js
 import { slotState as Z, hostAttributes as tt } from "../core/decorators.js";
 import { EventEmitter as J } from "../core/eventing.js";
 import { MutationController as et } from "@lit-labs/observers/mutation-controller.js";
-import { setOrRemoveAttribute as it, isAndroid as st, isSafari as at } from "../core/dom.js";
+import { isSafari as it, setOrRemoveAttribute as st, isAndroid as at } from "../core/dom.js";
 import { SbbDisabledMixin as ot, SbbHydrationMixin as rt } from "../core/mixins.js";
 import { SbbIconNameMixin as lt } from "../icon.js";
 import "../screen-reader-only.js";
 import "../visual-checkbox.js";
 let nt = 0;
-const z = at, bt = {
+const z = it, bt = {
   attributeFilter: ["data-group-disabled", "data-negative"],
   attributes: !0,
   childList: !0,
@@ -122,7 +122,7 @@ let dt = (() => {
       super.connectedCallback(), this.id || (this.id = `${this.optionId}-${nt++}`), this.hydrationRequired ? this.hydrationComplete.then(() => this.init()) : this.init();
     }
     willUpdate(t) {
-      super.willUpdate(t), t.has("disabled") && (it(this, "tabindex", st && !this.disabled && 0), this.updateAriaDisabled());
+      super.willUpdate(t), t.has("disabled") && (st(this, "tabindex", at && !this.disabled && 0), this.updateAriaDisabled());
     }
     firstUpdated(t) {
       super.firstUpdated(t), this._updateAriaSelected();

package/overlay/overlay-base-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/overlay/overlay-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAA6B,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAG3E,eAAO,MAAM,WAAW,EAAE,qBAAqB,EAAO,CAAC;;AAEvD,8BAIe,qBAAsB,SAAQ,0BAAyC;IACpF,kHAAkH;IAClH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,8CAA8C;IAC9C,UAAmB,QAAQ,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAGpE;IAGF,SAAS,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IAC3C,SAAS,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAC5C,kBAAkB;IAClB,SAAS,CAAC,iBAAiB,EAAG,eAAe,CAAC;IAC9C,SAAS,CAAC,qBAAqB,EAAG,eAAe,CAAC;IAClD,SAAS,CAAC,YAAY,kBAAyB;IAC/C,SAAS,CAAC,aAAa,mBAA0B;IACjD,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC;IAC3B,SAAS,CAAC,iBAAiB,UAAS;IACpC,SAAS,CAAC,WAAW,EAAG,0BAA0B,CAAC;IACnD,SAAS,CAAC,QAAQ,wBAAmC;IACrD,SAAS,CAAC,eAAe,qBAAgC;IAEzD,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IACrE,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,IAAI;IAC1C,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,IAAI;IACxC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,IAAI,OAAO;IAErD,4BAA4B;IACrB,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,GAAG;IAyBrC,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9D,oBAAoB,IAAI,IAAI;IAS5C,SAAS,CAAC,uBAAuB,IAAI,IAAI;IAkBzC,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAWpD,SAAS,CAAC,kCAAkC,IAAI,IAAI;IAKpD,SAAS,CAAC,2BAA2B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAoBzD,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAI1C,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;CAStD"}
+{"version":3,"file":"overlay-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/overlay/overlay-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAA6B,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAG3E,eAAO,MAAM,WAAW,EAAE,qBAAqB,EAAO,CAAC;;AAEvD,8BAIe,qBAAsB,SAAQ,0BAAyC;IACpF,kHAAkH;IAClH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,8CAA8C;IAC9C,UAAmB,QAAQ,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAIpE;IAGF,SAAS,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IAC3C,SAAS,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAC5C,kBAAkB;IAClB,SAAS,CAAC,iBAAiB,EAAG,eAAe,CAAC;IAC9C,SAAS,CAAC,qBAAqB,EAAG,eAAe,CAAC;IAClD,SAAS,CAAC,YAAY,kBAAyB;IAC/C,SAAS,CAAC,aAAa,mBAA0B;IACjD,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC;IAC3B,SAAS,CAAC,iBAAiB,UAAS;IACpC,SAAS,CAAC,WAAW,EAAG,0BAA0B,CAAC;IACnD,SAAS,CAAC,QAAQ,wBAAmC;IACrD,SAAS,CAAC,eAAe,qBAAgC;IAEzD,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IACrE,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,IAAI;IAC1C,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,IAAI;IACxC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,IAAI,OAAO;IAErD,4BAA4B;IACrB,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,GAAG;IAyBrC,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9D,oBAAoB,IAAI,IAAI;IAS5C,SAAS,CAAC,uBAAuB,IAAI,IAAI;IAkBzC,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAWpD,SAAS,CAAC,kCAAkC,IAAI,IAAI;IAKpD,SAAS,CAAC,2BAA2B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAoBzD,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAI1C,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;CAStD"}

package/overlay.js

@@ -29,7 +29,7 @@ let se = (() => {
     constructor() {
       super(...arguments);
       L(this, v);
-      d(this, v, b(this, B, "")), this.didClose = (b(this, S), new G(this, f.events.didClose)), this.focusHandler = new V(), this.scrollHandler = new q(), this.ariaLiveRefToggle = !1, this.language = new ee(this), this.inertController = new te(this);
+      d(this, v, b(this, B, "")), this.didClose = (b(this, S), new G(this, f.events.didClose, { cancelable: !0 })), this.focusHandler = new V(), this.scrollHandler = new q(), this.ariaLiveRefToggle = !1, this.language = new ee(this), this.inertController = new te(this);
     }
     /** This will be forwarded as aria-label to the relevant nested element to describe the purpose of the overlay. */
     get accessibilityLabel() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",

package/paginator/paginator.js

@@ -4,7 +4,7 @@ var P = (t) => {
 var k = (t, r, i) => r.has(t) || P("Cannot " + i);
 var u = (t, r, i) => (k(t, r, "read from private field"), i ? i.call(t) : r.get(t)), m = (t, r, i) => r.has(t) ? P("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, i), c = (t, r, i, o) => (k(t, r, "write to private field"), o ? o.call(t, i) : r.set(t, i), i);
 import { __runInitializers as d, __esDecorate as h } from "tslib";
-import { css as E, LitElement as j, html as b, nothing as S } from "lit";
+import { css as E, LitElement as j, nothing as S, html as b } from "lit";
 import { customElement as A, property as $ } from "lit/decorators.js";
 import { repeat as I } from "lit/directives/repeat.js";
 import { sbbInputModalityDetector as F } from "../core/a11y.js";