@sbb-esta/lyne-elements 2.8.0 → 2.10.0

package/development/signet/signet.component.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmV0LmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZ25ldC9zaWduZXQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlByb3RlY3RpdmVSb29tIH0gZnJvbSAnLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2lnbmV0LnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYlNpZ25ldFByb3RlY3RpdmVSb29tID0gU2JiUHJvdGVjdGl2ZVJvb20gfCAncGFuZWwnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIHRoZSBTQkIgc2lnbmV0LlxuICpcbiAqIEBjc3Nwcm9wIFstLXNiYi1zaWduZXQtaGVpZ2h0PWF1dG9dIC0gQ2FuIGJlIHVzZWQgdG8gc2V0IHRoZSBoZWlnaHQgb2YgdGhlIHNpZ25ldC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXNpZ25ldCcpXG5jbGFzcyBTYmJTaWduZXRFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBWaXN1YWwgcHJvdGVjdGl2ZSByb29tIGFyb3VuZCBzaWduZXQuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3Byb3RlY3RpdmUtcm9vbScsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIHByb3RlY3RpdmVSb29tOiBTYmJTaWduZXRQcm90ZWN0aXZlUm9vbSA9ICdpZGVhbCc7XG5cbiAgLyoqIEFjY2Vzc2liaWxpdHkgbGFiZWwgd2hpY2ggd2lsbCBiZSBmb3J3YXJkZWQgdG8gdGhlIGlubmVyIFNWRyBzaWduZXQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnTG9nbyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1zaWduZXRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc2lnbmV0X19zdmctY29udGFpbmVyXCI+XG4gICAgICAgICAgJHt0aGlzLnByb3RlY3RpdmVSb29tID09PSAncGFuZWwnXG4gICAgICAgICAgICA/IGh0bWxgXG4gICAgICAgICAgICAgICAgPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHZpZXdCb3g9XCIwIDAgMTQzIDQ4XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgICAgICAgPHRpdGxlIC50ZXh0Q29udGVudD0ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfT48L3RpdGxlPlxuICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJzYmItc2lnbmV0X19wYW5lbFwiIHN0cm9rZS13aWR0aD1cIjFcIiBkPVwiTTEgNDdoMTQxVjFIMXY0NnpcIj48L3BhdGg+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBpZD1cInNiYi1zaWduZXRfX2ljb25cIlxuICAgICAgICAgICAgICAgICAgICBkPVwiTTg3IDQwaDkuM0w4My44IDI3LjdoMTUuNVY0MGg3LjRWMjcuN2gxNS42TDEwOS43IDQwaDkuM2wxNi0xNi0xNS45LTE2aC05LjNsMTIuNSAxMi4zaC0xNS42VjhoLTcuNHYxMi4zSDgzLjhMOTYuMyA4SDg3TDcxIDI0bDE2IDE2elwiXG4gICAgICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IGh0bWxgXG4gICAgICAgICAgICAgICAgPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHZpZXdCb3g9XCIwIDAgODAgNDBcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgICAgICAgICAgICA8dGl0bGUgLnRleHRDb250ZW50PSR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PjwvdGl0bGU+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBpZD1cInNiYi1zaWduZXRfX2ljb25cIlxuICAgICAgICAgICAgICAgICAgICBkPVwiTTIwLjAyNjUgNDBIMzEuNjgyMUwxNiAyNC42MTU0SDM1LjM5MDdWNDBINDQuNjA5M1YyNC42MTU0SDY0LjEwNkw0OC40MjM4IDQwSDYwLjA3OTVMODAgMjAuMDUzMUw2MC4wNzk1IDBINDguNDIzOEw2NC4xMDYgMTUuMzg0Nkg0NC42MDkzVjBIMzUuMzkwN1YxNS4zODQ2SDE2TDMxLjY4MjEgMEgyMC4wMjY1TDAgMjAuMDUzMUwyMC4wMjY1IDQwWlwiXG4gICAgICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICBgfVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNpZ25ldCc6IFNiYlNpZ25ldEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBa0JNLG9CQUFnQixNQUFBOzswQkFEckIsY0FBYyxZQUFZLENBQUM7Ozs7b0JBQ0c7Ozs7Ozs7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQTs7QUFLdkMsMkRBQUEsa0JBQUEsTUFBQSw4QkFBMEQsT0FBTztBQUtqRSxnRUFBQSxrQkFBQSxNQUFBLGlDQUFBLEdBQUEsa0JBQUEsTUFBQSxrQ0FBNkMsTUFBTTs7OztJQUxuRCxJQUFnQixpQkFBa0Q7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQWxFLElBQWdCLGVBQWtELE9BQUE7QUFBQSx5QkFBQSxrQ0FBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBS2xFLElBQWdCLHFCQUFvQztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBcEQsSUFBZ0IsbUJBQW9DLE9BQUE7QUFBQSx5QkFBQSxzQ0FBQTtBQUFBLElBQUE7QUFBQSxJQUVqQyxTQUFNO0FBQ2hCLGFBQUE7QUFBQTtBQUFBO0FBQUEsWUFHQyxLQUFLLG1CQUFtQixVQUN0QjtBQUFBO0FBQUEsd0NBRTBCLEtBQUssa0JBQWtCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsa0JBUWpEO0FBQUE7QUFBQSx3Q0FFMEIsS0FBSyxrQkFBa0I7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsZUFNaEQ7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUEsS0E5QmIsa0RBS0E7O2tDQU5DLFNBQVMsRUFBRSxXQUFXLG1CQUFtQixTQUFTLEtBQUEsQ0FBTSxDQUFDO3NDQUl6RCxhQUNBLFNBQVMsRUFBRSxXQUFXLHNCQUFBLENBQXVCLENBQUM7QUFKL0IsaUJBQUEsSUFBQSxNQUFBLDRCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsa0JBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsb0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLGdCQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLGlCQUFrRDtBQUFBLFNBQUEsVUFBQSxhQUFBLDhCQUFBLGlDQUFBO0FBS2xELGlCQUFBLElBQUEsTUFBQSxnQ0FBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLHNCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLHdCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxvQkFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxxQkFBb0M7QUFBQSxTQUFBLFVBQUEsYUFBQSxrQ0FBQSxxQ0FBQTtBQVZ0RCxpQkF3Q0MsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQXZDd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBZ0IsWUFBQSx1QkFBQSxHQUFDOzs7In0=

package/development/signet.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './signet/signet.js';
+export * from './signet/signet.component.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;;GAEG;AACH,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"signet.d.ts","sourceRoot":"","sources":["../../../src/elements/signet.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8BAA8B,CAAC"}

package/development/signet.js

@@ -1,4 +1,4 @@
-import { SbbSignetElement } from "./signet/signet.js";
+import { SbbSignetElement } from "./signet/signet.component.js";
 export {
   SbbSignetElement
 };

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

@@ -0,0 +1,31 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { WithListChildren } from '../core/mixins.js';
+import { SbbBlockLinkButtonElement, SbbBlockLinkElement } from '../link.js';
+import { SbbTitleLevel } from '../title.js';
+declare const SbbSkiplinkListElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNamedSlotListMixinType<SbbBlockLinkElement | SbbBlockLinkButtonElement>> & typeof LitElement;
+/**
+ * It displays a list of `sbb-block-link`/`sbb-block-link-button` which are visible only when focused.
+ *
+ * @slot - Use the unnamed slot to add `sbb-block-link`/`sbb-block-link-button` elements to the `sbb-skiplink-list`.
+ * @slot title - Use this to provide a title for the skiplink-list (optional).
+ * @cssprop [--sbb-skiplink-list-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+ * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+ * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+ */
+export declare class SbbSkiplinkListElement extends SbbSkiplinkListElement_base {
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    /** The title text we want to place before the list. */
+    accessor titleContent: string;
+    /** The semantic level of the title, e.g. 2 = h2. */
+    accessor titleLevel: SbbTitleLevel;
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-skiplink-list': SbbSkiplinkListElement;
+    }
+}
+export {};
+//# sourceMappingURL=skiplink-list.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skiplink-list.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/skiplink-list/skiplink-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;;AAErB;;;;;;;;GAQG;AACH,qBAEM,sBAAuB,SAAQ,2BAGxB;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAA+C;IAE9F,uDAAuD;IACvD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,oDAAoD;IACpD,SAAwD,UAAU,EAAE,aAAa,CAAO;cAErE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAW3E,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

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

@@ -0,0 +1,145 @@
+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 { 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);
+  display: inline-block;
+  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")];
+  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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tpcGxpbmstbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9za2lwbGluay1saXN0L3NraXBsaW5rLWxpc3QuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIExpdEVsZW1lbnQsXG4gIG5vdGhpbmcsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlLCBvbWl0RW1wdHlDb252ZXJ0ZXIgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vY29yZS9kb20uanMnO1xuaW1wb3J0IHsgU2JiTmFtZWRTbG90TGlzdE1peGluLCB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkJsb2NrTGlua0J1dHRvbkVsZW1lbnQsIFNiYkJsb2NrTGlua0VsZW1lbnQgfSBmcm9tICcuLi9saW5rLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uL3RpdGxlLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2tpcGxpbmstbGlzdC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uL3RpdGxlLmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxpc3Qgb2YgYHNiYi1ibG9jay1saW5rYC9gc2JiLWJsb2NrLWxpbmstYnV0dG9uYCB3aGljaCBhcmUgdmlzaWJsZSBvbmx5IHdoZW4gZm9jdXNlZC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBgc2JiLWJsb2NrLWxpbmtgL2BzYmItYmxvY2stbGluay1idXR0b25gIGVsZW1lbnRzIHRvIHRoZSBgc2JiLXNraXBsaW5rLWxpc3RgLlxuICogQHNsb3QgdGl0bGUgLSBVc2UgdGhpcyB0byBwcm92aWRlIGEgdGl0bGUgZm9yIHRoZSBza2lwbGluay1saXN0IChvcHRpb25hbCkuXG4gKiBAY3NzcHJvcCBbLS1zYmItc2tpcGxpbmstbGlzdC16LWluZGV4PXZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleCldIC0gVG8gc3BlY2lmeSBhIGN1c3RvbSBzdGFjayBvcmRlcixcbiAqIHRoZSBgei1pbmRleGAgY2FuIGJlIG92ZXJyaWRkZW4gYnkgZGVmaW5pbmcgdGhpcyBDU1MgdmFyaWFibGUuIFRoZSBkZWZhdWx0IGB6LWluZGV4YCBvZiB0aGVcbiAqIGNvbXBvbmVudCBpcyBzZXQgdG8gYHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleClgIHdpdGggYSB2YWx1ZSBvZiBgMTAwMGAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1za2lwbGluay1saXN0JylcbmNsYXNzIFNiYlNraXBsaW5rTGlzdEVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW48XG4gIFNiYkJsb2NrTGlua0VsZW1lbnQgfCBTYmJCbG9ja0xpbmtCdXR0b25FbGVtZW50LFxuICB0eXBlb2YgTGl0RWxlbWVudFxuPihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFsnc2JiLWJsb2NrLWxpbmsnLCAnc2JiLWJsb2NrLWxpbmstYnV0dG9uJ107XG5cbiAgLyoqIFRoZSB0aXRsZSB0ZXh0IHdlIHdhbnQgdG8gcGxhY2UgYmVmb3JlIHRoZSBsaXN0LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtY29udGVudCcsIHJlZmxlY3Q6IHRydWUsIGNvbnZlcnRlcjogb21pdEVtcHR5Q29udmVydGVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB0aXRsZUNvbnRlbnQ6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBUaGUgc2VtYW50aWMgbGV2ZWwgb2YgdGhlIHRpdGxlLCBlLmcuIDIgPSBoMi4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtbGV2ZWwnIH0pIHB1YmxpYyBhY2Nlc3NvciB0aXRsZUxldmVsOiBTYmJUaXRsZUxldmVsID0gJzInO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczxXaXRoTGlzdENoaWxkcmVuPHRoaXM+Pik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbGlzdENoaWxkcmVuJykpIHtcbiAgICAgIGZvciAoY29uc3QgY2hpbGQgb2YgdGhpcy5saXN0Q2hpbGRyZW4pIHtcbiAgICAgICAgY2hpbGQuc2l6ZSA9IGlzTGVhbigpID8gJ3hzJyA6ICdtJztcbiAgICAgICAgY2hpbGQubmVnYXRpdmUgPSB0cnVlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1za2lwbGluay1saXN0X193cmFwcGVyXCI+XG4gICAgICAgIDxzYmItdGl0bGVcbiAgICAgICAgICBjbGFzcz1cInNiYi1saW5rLWxpc3QtdGl0bGVcIlxuICAgICAgICAgIGxldmVsPSR7dGhpcy50aXRsZUxldmVsIHx8IG5vdGhpbmd9XG4gICAgICAgICAgdmlzdWFsLWxldmVsPVwiNVwiXG4gICAgICAgICAgdmlzdWFsbHktaGlkZGVuXG4gICAgICAgICAgbmVnYXRpdmVcbiAgICAgICAgICBpZD1cInNiYi1za2lwbGluay1saXN0LXRpdGxlLWlkXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiPiR7dGhpcy50aXRsZUNvbnRlbnR9PC9zbG90PlxuICAgICAgICA8L3NiYi10aXRsZT5cbiAgICAgICAgJHt0aGlzLnJlbmRlckxpc3QoeyBhcmlhTGFiZWxsZWRieTogJ3NiYi1za2lwbGluay1saXN0LXRpdGxlLWlkJyB9KX1cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1za2lwbGluay1saXN0JzogU2JiU2tpcGxpbmtMaXN0RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBK0JNLDBCQUFzQixNQUFBOzswQkFEM0IsY0FBYyxtQkFBbUIsQ0FBQzs7OztvQkFDRSxzQkFHbkMsVUFBVTs7Ozs7OztBQUhpQixFQUFBLG1CQUFRLFlBR3hCO0FBQUE7O0FBT1g7QUFHd0M7QUFSWixXQUFBLHNCQUFzQixDQUFDLGtCQUFrQix1QkFBdUI7QUFLNUUseUJBQUEsZ0NBQUEsa0JBQUEsTUFBQSw0QkFBdUIsRUFBRTtBQUdlLHlCQUFBLCtCQUFBLGtCQUFBLE1BQUEsK0JBQUEsR0FBQSxrQkFBQSxNQUFBLDBCQUE0QixHQUFHOzs7O0lBSHZGLElBQWdCLGVBQTBCO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUExQyxJQUFnQixhQUEwQixPQUFBO0FBQUEseUJBQUEsZ0NBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUdGLElBQWdCLGFBQWdDO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFoRCxJQUFnQixXQUFnQyxPQUFBO0FBQUEseUJBQUEsOEJBQUE7QUFBQSxJQUFBO0FBQUEsSUFFckUsV0FBVyxtQkFBeUQ7QUFDckYsWUFBTSxXQUFXLGlCQUFpQjtBQUU5QixVQUFBLGtCQUFrQixJQUFJLGNBQWMsR0FBRztBQUM5QixtQkFBQSxTQUFTLEtBQUssY0FBYztBQUMvQixnQkFBQSxPQUFPLE9BQVEsSUFBRyxPQUFPO0FBQy9CLGdCQUFNLFdBQVc7QUFBQSxRQUFBO0FBQUEsTUFDbkI7QUFBQSxJQUNGO0FBQUEsSUFHaUIsU0FBTTtBQUNoQixhQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsa0JBSU8sS0FBSyxjQUFjLE9BQU87QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsK0JBTWIsS0FBSyxZQUFZO0FBQUE7QUFBQSxVQUV0QyxLQUFLLFdBQVcsRUFBRSxnQkFBZ0IsNkJBQUEsQ0FBOEIsQ0FBQztBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUEsS0E3QnpFLGdEQUd3Qzs7QUFMdkMsK0JBQUEsQ0FBQSxhQUNBLFNBQVMsRUFBRSxXQUFXLGlCQUFpQixTQUFTLE1BQU0sV0FBVyxtQkFBb0IsQ0FBQSxDQUFDO0FBSXRGLDZCQUFBLENBQUEsU0FBUyxFQUFFLFdBQVcsY0FBZSxDQUFBLENBQUM7QUFIdkIsaUJBQUEsSUFBQSxNQUFBLDBCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsZ0JBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsa0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLGNBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsZUFBMEI7QUFBQSxTQUFBLFVBQUEsYUFBQSw0QkFBQSwrQkFBQTtBQUdjLGlCQUFBLElBQUEsTUFBQSx3QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGNBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsZ0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLFlBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsYUFBZ0M7QUFBQSxTQUFBLFVBQUEsYUFBQSwwQkFBQSw2QkFBQTtBQWIxRixpQkEyQ0MsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQXZDd0IsR0FBTSxTQUFtQixPQUo1QyxrQkFBc0IsWUFBQSx1QkFBQSxHQUFDOzs7In0=

package/development/skiplink-list.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './skiplink-list/skiplink-list.js';
+export * from './skiplink-list/skiplink-list.component.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;;GAEG;AACH,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"skiplink-list.d.ts","sourceRoot":"","sources":["../../../src/elements/skiplink-list.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}

package/development/skiplink-list.js

@@ -1,4 +1,4 @@
-import { SbbSkiplinkListElement } from "./skiplink-list/skiplink-list.js";
+import { SbbSkiplinkListElement } from "./skiplink-list/skiplink-list.component.js";
 export {
   SbbSkiplinkListElement
 };

package/development/slider/slider.component.d.ts

@@ -0,0 +1,93 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { FormRestoreReason, FormRestoreState } from '../core/mixins.js';
+declare const SbbSliderElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedMixinType<string>> & typeof LitElement;
+/**
+ * It displays an input knob that can be moved in a range.
+ *
+ * @slot prefix - Use this slot to render an icon on the left side of the input.
+ * @slot suffix - Use this slot to render an icon on the right side of the input.
+ * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
+ */
+export declare class SbbSliderElement extends SbbSliderElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly didChange: "didChange";
+    };
+    /**
+     * Value of the form element.
+     * If no value is provided, default is the middle point between min and max.
+     */
+    set value(value: string | null);
+    get value(): string;
+    /** Numeric value for the inner HTMLInputElement. */
+    set valueAsNumber(value: number | null);
+    get valueAsNumber(): number | null;
+    /** Minimum acceptable value for the inner HTMLInputElement. */
+    set min(value: string);
+    get min(): string;
+    private _min;
+    /** Maximum acceptable value for the inner HTMLInputElement. */
+    set max(value: string);
+    get max(): string;
+    private _max;
+    /**
+     * Readonly state for the inner HTMLInputElement.
+     * Since the input range does not allow this attribute, it will be merged with the `disabled` one.
+     */
+    accessor readonly: boolean;
+    /** Name of the icon at component's start, which will be forward to the nested `sbb-icon`. */
+    accessor startIcon: string;
+    /** Name of the icon at component's end, which will be forward to the nested `sbb-icon`. */
+    accessor endIcon: string;
+    /**
+     * Form type of element.
+     * @default 'range'
+     */
+    get type(): string;
+    /**
+     * The ratio between the absolute value and the validity interval.
+     * E.g. given `min=0`, `max=100` and `value=50`, then `_valueFraction=0.5`
+     */
+    private accessor _valueFraction;
+    /**
+     * @deprecated only used for React. Will probably be removed once React 19 is available.
+     */
+    private _didChange;
+    /** Reference to the inner HTMLInputElement with type='range'. */
+    private _rangeInput;
+    constructor();
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    /**
+     * The reset value is the attribute value (the setup value). If not present, calculates the default.
+     * @internal
+     */
+    formResetCallback(): void;
+    /**
+     * @internal
+     */
+    formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
+    protected updateFormValue(): void;
+    /**
+     *  If no value is provided, default is the middle point between min and max
+     *  (see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#value)
+     */
+    private _getDefaultValue;
+    private _isValidNumber;
+    /**
+     * Restrains the value between the min and max
+     */
+    private _boundBetweenMinMax;
+    private _calculateValueFraction;
+    private _handleKeydown;
+    /** Emits the change event. */
+    private _emitChange;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-slider': SbbSliderElement;
+    }
+}
+export {};
+//# sourceMappingURL=slider.component.d.ts.map

package/development/slider/slider.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/slider/slider.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,YAAY,CAAC;;AAEpB;;;;;;GAMG;AACH,qBAKM,gBAAiB,SAAQ,qBAAoD;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAQ7C;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,oDAAoD;IACpD,IACW,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAE5C;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,+DAA+D;IAC/D,IACW,GAAG,CAAC,KAAK,EAAE,MAAM,EAO3B;IACD,IAAW,GAAG,IAAI,MAAM,CAEvB;IACD,OAAO,CAAC,IAAI,CAAe;IAE3B,+DAA+D;IAC/D,IACW,GAAG,CAAC,KAAK,EAAE,MAAM,EAO3B;IACD,IAAW,GAAG,IAAI,MAAM,CAEvB;IACD,OAAO,CAAC,IAAI,CAAiB;IAE7B;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,6FAA6F;IAC7F,SAEgB,SAAS,EAAE,MAAM,CAAM;IAEvC,2FAA2F;IAC3F,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC;;;OAGG;IACH,IAAoB,IAAI,IAAI,MAAM,CAEjC;IAED;;;OAGG;IACM,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAK;IAE7C;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,iEAAiE;IACjE,OAAO,CAAC,WAAW,CAAoB;;IASvB,iBAAiB,IAAI,IAAI;cAQtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E;;;OAGG;IACI,iBAAiB,IAAI,IAAI;IAIhC;;OAEG;IACI,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;cAIY,eAAe,IAAI,IAAI;IAI1C;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,uBAAuB;YASjB,cAAc;IAgC5B,8BAA8B;IAC9B,OAAO,CAAC,WAAW;cAKA,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}