@sbb-esta/lyne-elements 1.6.0 → 1.8.0

package/development/link-list/common.js

@@ -0,0 +1,113 @@
+import { LitElement, html, nothing, css } from "lit";
+import { property } from "lit/decorators.js";
+import { slotState } from "../core/decorators.js";
+import { SbbNegativeMixin, SbbNamedSlotListMixin } from "../core/mixins.js";
+import "../title.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let SbbLinkListBaseElement = class extends SbbNegativeMixin(
+  SbbNamedSlotListMixin(LitElement)
+) {
+  constructor() {
+    super(...arguments);
+    this.listChildLocalNames = [
+      "sbb-block-link",
+      "sbb-block-link-button",
+      "sbb-block-link-static"
+    ];
+    this.titleLevel = "2";
+    this.size = "s";
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("size") || changedProperties.has("negative") || changedProperties.has("listChildren")) {
+      for (const link of this.listChildren) {
+        link.negative = this.negative;
+        link.size = this.size;
+      }
+    }
+  }
+  render() {
+    return html`
+      <div class="sbb-link-list-wrapper">
+        <sbb-title
+          class="sbb-link-list-title"
+          level=${this.titleLevel || nothing}
+          visual-level="5"
+          ?negative=${this.negative}
+          id="sbb-link-list-title-id"
+        >
+          <slot name="title">${this.titleContent}</slot>
+        </sbb-title>
+        ${this.renderList({ ariaLabelledby: "sbb-link-list-title-id" })}
+      </div>
+    `;
+  }
+};
+__decorateClass([
+  property({ attribute: "title-content", reflect: true })
+], SbbLinkListBaseElement.prototype, "titleContent", 2);
+__decorateClass([
+  property({ attribute: "title-level" })
+], SbbLinkListBaseElement.prototype, "titleLevel", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbLinkListBaseElement.prototype, "size", 2);
+SbbLinkListBaseElement = __decorateClass([
+  slotState()
+], SbbLinkListBaseElement);
+const linkListBase = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+/*
+ * SBB table mixin
+ * Notes:
+ * We cannot use \`border-collapse\` because it is not compatible with the \`border-radius\` property.
+ * Therefore, we have to build the grid avoiding double borders.
+ */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+}
+
+.sbb-link-list-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sbb-spacing-fixed-3x);
+}
+
+.sbb-link-list-title {
+  margin: 0;
+}
+:host(:not([data-slot-names~=title], [title-content])) .sbb-link-list-title {
+  display: none;
+}`;
+export {
+  SbbLinkListBaseElement,
+  linkListBase as linkListBaseStyle
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbGluay1saXN0L2NvbW1vbi9saW5rLWxpc3QtYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBzbG90U3RhdGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHtcbiAgU2JiTmFtZWRTbG90TGlzdE1peGluLFxuICBTYmJOZWdhdGl2ZU1peGluLFxuICB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4sXG59IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHtcbiAgU2JiQmxvY2tMaW5rQnV0dG9uRWxlbWVudCxcbiAgU2JiQmxvY2tMaW5rRWxlbWVudCxcbiAgU2JiQmxvY2tMaW5rU3RhdGljRWxlbWVudCxcbiAgU2JiTGlua1NpemUsXG59IGZyb20gJy4uLy4uL2xpbmsuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUaXRsZUxldmVsIH0gZnJvbSAnLi4vLi4vdGl0bGUuanMnO1xuXG5pbXBvcnQgJy4uLy4uL3RpdGxlLmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxpc3Qgb2YgYHNiYi1ibG9jay1saW5rYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBvbmUgb3IgbW9yZSBgc2JiLWJsb2NrLWxpbmtgLlxuICogQHNsb3QgdGl0bGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSB0aXRsZS5cbiAqL1xuQHNsb3RTdGF0ZSgpXG5leHBvcnQgY2xhc3MgU2JiTGlua0xpc3RCYXNlRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oXG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgICBTYmJCbG9ja0xpbmtFbGVtZW50IHwgU2JiQmxvY2tMaW5rQnV0dG9uRWxlbWVudCB8IFNiYkJsb2NrTGlua1N0YXRpY0VsZW1lbnQsXG4gICAgdHlwZW9mIExpdEVsZW1lbnRcbiAgPihMaXRFbGVtZW50KSxcbikge1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFtcbiAgICAnc2JiLWJsb2NrLWxpbmsnLFxuICAgICdzYmItYmxvY2stbGluay1idXR0b24nLFxuICAgICdzYmItYmxvY2stbGluay1zdGF0aWMnLFxuICBdO1xuXG4gIC8qKiBUaGUgdGl0bGUgdGV4dCB3ZSB3YW50IHRvIHNob3cgYmVmb3JlIHRoZSBsaXN0LiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JywgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgdGl0bGVDb250ZW50Pzogc3RyaW5nO1xuXG4gIC8qKiBUaGUgc2VtYW50aWMgbGV2ZWwgb2YgdGhlIHRpdGxlLCBlLmcuIDIgPSBoMi4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtbGV2ZWwnIH0pIHB1YmxpYyB0aXRsZUxldmVsOiBTYmJUaXRsZUxldmVsID0gJzInO1xuXG4gIC8qKlxuICAgKiBUZXh0IHNpemUgb2YgdGhlIG5lc3RlZCBzYmItYmxvY2stbGluayBpbnN0YW5jZXMuXG4gICAqIFRoaXMgd2lsbCBvdmVyd3JpdGUgdGhlIHNpemUgYXR0cmlidXRlIG9mIG5lc3RlZCBzYmItYmxvY2stbGluayBpbnN0YW5jZXMuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBzaXplOiBTYmJMaW5rU2l6ZSA9ICdzJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChcbiAgICAgIGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnc2l6ZScpIHx8XG4gICAgICBjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ25lZ2F0aXZlJykgfHxcbiAgICAgIGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbGlzdENoaWxkcmVuJylcbiAgICApIHtcbiAgICAgIGZvciAoY29uc3QgbGluayBvZiB0aGlzLmxpc3RDaGlsZHJlbikge1xuICAgICAgICBsaW5rLm5lZ2F0aXZlID0gdGhpcy5uZWdhdGl2ZTtcbiAgICAgICAgbGluay5zaXplID0gdGhpcy5zaXplO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1saW5rLWxpc3Qtd3JhcHBlclwiPlxuICAgICAgICA8c2JiLXRpdGxlXG4gICAgICAgICAgY2xhc3M9XCJzYmItbGluay1saXN0LXRpdGxlXCJcbiAgICAgICAgICBsZXZlbD0ke3RoaXMudGl0bGVMZXZlbCB8fCBub3RoaW5nfVxuICAgICAgICAgIHZpc3VhbC1sZXZlbD1cIjVcIlxuICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMubmVnYXRpdmV9XG4gICAgICAgICAgaWQ9XCJzYmItbGluay1saXN0LXRpdGxlLWlkXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiPiR7dGhpcy50aXRsZUNvbnRlbnR9PC9zbG90PlxuICAgICAgICA8L3NiYi10aXRsZT5cbiAgICAgICAgJHt0aGlzLnJlbmRlckxpc3QoeyBhcmlhTGFiZWxsZWRieTogJ3NiYi1saW5rLWxpc3QtdGl0bGUtaWQnIH0pfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQTJCTyxJQUFNLHlCQUFOLGNBQXFDO0FBQUEsRUFDMUMsc0JBR0UsVUFBVTtBQUNkLEVBQUU7QUFBQSxFQUxLLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQU1MLFNBQTRCLHNCQUFzQjtBQUFBLE1BQ2hEO0FBQUEsTUFDQTtBQUFBLE1BQ0E7QUFBQSxJQUFBO0FBT3NDLFNBQU8sYUFBNEI7QUFNOUMsU0FBTyxPQUFvQjtBQUFBLEVBQUE7QUFBQSxFQUVyQyxXQUFXLG1CQUFpRTtBQUM3RixVQUFNLFdBQVcsaUJBQWlCO0FBR2hDLFFBQUEsa0JBQWtCLElBQUksTUFBTSxLQUM1QixrQkFBa0IsSUFBSSxVQUFVLEtBQ2hDLGtCQUFrQixJQUFJLGNBQWMsR0FDcEM7QUFDVyxpQkFBQSxRQUFRLEtBQUssY0FBYztBQUNwQyxhQUFLLFdBQVcsS0FBSztBQUNyQixhQUFLLE9BQU8sS0FBSztBQUFBLE1BQ25CO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFBQSxFQUVtQixTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsa0JBSU8sS0FBSyxjQUFjLE9BQU87QUFBQTtBQUFBLHNCQUV0QixLQUFLLFFBQVE7QUFBQTtBQUFBO0FBQUEsK0JBR0osS0FBSyxZQUFZO0FBQUE7QUFBQSxVQUV0QyxLQUFLLFdBQVcsRUFBRSxnQkFBZ0IseUJBQTBCLENBQUEsQ0FBQztBQUFBO0FBQUE7QUFBQSxFQUdyRTtBQUNGO0FBMUNrRSxnQkFBQTtBQUFBLEVBQS9ELFNBQVMsRUFBRSxXQUFXLGlCQUFpQixTQUFTLE1BQU07QUFBQSxHQWI1Qyx1QkFhcUQsV0FBQSxnQkFBQSxDQUFBO0FBR2pCLGdCQUFBO0FBQUEsRUFBOUMsU0FBUyxFQUFFLFdBQVcsZUFBZTtBQUFBLEdBaEIzQix1QkFnQm9DLFdBQUEsY0FBQSxDQUFBO0FBTVgsZ0JBQUE7QUFBQSxFQUFuQyxTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0F0QmhCLHVCQXNCeUIsV0FBQSxRQUFBLENBQUE7QUF0QnpCLHlCQUFOLGdCQUFBO0FBQUEsRUFETixVQUFVO0FBQUEsR0FDRSxzQkFBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==

package/development/link-list/link-list/link-list.d.ts

@@ -0,0 +1,22 @@
+import { CSSResultGroup } from 'lit';
+import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
+import { SbbLinkListBaseElement } from '../common.js';
+/**
+ * It displays a list of `sbb-block-link`.
+ *
+ * @slot - Use the unnamed slot to add one or more `sbb-block-link`.
+ * @slot title - Use this slot to provide a title.
+ */
+export declare class SbbLinkListElement extends SbbLinkListBaseElement {
+    static styles: CSSResultGroup;
+    /** Selected breakpoint from which the list is rendered horizontally. */
+    horizontalFrom?: SbbHorizontalFrom;
+    /** The orientation in which the list will be shown vertical or horizontal. */
+    orientation: SbbOrientation;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-link-list': SbbLinkListElement;
+    }
+}
+//# sourceMappingURL=link-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../../../src/elements/link-list/link-list/link-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAqB,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAIzE;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,sBAAsB;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAA8B;IAE3E,wEAAwE;IAEjE,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,8EAA8E;IAC1C,WAAW,EAAE,cAAc,CAAc;CAC9E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/development/link-list/link-list-anchor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './link-list-anchor.js';
+//# sourceMappingURL=index.d.ts.map

package/development/link-list/link-list-anchor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/link-list/link-list-anchor/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/development/link-list/link-list-anchor/link-list-anchor.d.ts

@@ -0,0 +1,17 @@
+import { CSSResultGroup } from 'lit';
+import { SbbLinkListBaseElement } from '../common.js';
+/**
+ * It displays a list of `sbb-block-link`.
+ *
+ * @slot - Use the unnamed slot to add one or more `sbb-block-link`.
+ * @slot title - Use this slot to provide a title.
+ */
+export declare class SbbLinkListAnchorElement extends SbbLinkListBaseElement {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-link-list-anchor': SbbLinkListAnchorElement;
+    }
+}
+//# sourceMappingURL=link-list-anchor.d.ts.map

package/development/link-list/link-list-anchor/link-list-anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-list-anchor.d.ts","sourceRoot":"","sources":["../../../../../src/elements/link-list/link-list-anchor/link-list-anchor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAqB,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAIzE;;;;;GAKG;AACH,qBACa,wBAAyB,SAAQ,sBAAsB;IAClE,OAAuB,MAAM,EAAE,cAAc,CAA8B;CAC5E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}

package/development/link-list/link-list-anchor.d.ts

@@ -0,0 +1,2 @@
+export * from './link-list-anchor/link-list-anchor.js';
+//# sourceMappingURL=link-list-anchor.d.ts.map

package/development/link-list/link-list-anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-list-anchor.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/link-list-anchor.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC"}

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

@@ -0,0 +1,91 @@
+import { customElement } from "lit/decorators.js";
+import { linkListBaseStyle, SbbLinkListBaseElement } from "./common.js";
+import { css } from "lit";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+/*
+ * SBB table mixin
+ * Notes:
+ * We cannot use \`border-collapse\` because it is not compatible with the \`border-radius\` property.
+ * Therefore, we have to build the grid avoiding double borders.
+ */
+: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])) {
+  --sbb-link-list-anchor-border-color: var(--sbb-color-iron);
+}
+:host([negative]) ::slotted([data-link]:is(:active, [data-active]):not([disabled])) {
+  --sbb-link-list-anchor-border-color: var(--sbb-color-silver);
+}
+
+::slotted([data-link]:hover:not([disabled])) {
+  --sbb-link-list-anchor-border-color: var(--sbb-color-charcoal);
+}
+:host([negative]) ::slotted([data-link]:hover:not([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);
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let SbbLinkListAnchorElement = class extends SbbLinkListBaseElement {
+};
+SbbLinkListAnchorElement.styles = [linkListBaseStyle, style];
+SbbLinkListAnchorElement = __decorateClass([
+  customElement("sbb-link-list-anchor")
+], SbbLinkListAnchorElement);
+export {
+  SbbLinkListAnchorElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1saXN0LWFuY2hvci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2xpbmstbGlzdC9saW5rLWxpc3QtYW5jaG9yL2xpbmstbGlzdC1hbmNob3IudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBsaW5rTGlzdEJhc2VTdHlsZSwgU2JiTGlua0xpc3RCYXNlRWxlbWVudCB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2xpbmstbGlzdC1hbmNob3Iuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxpc3Qgb2YgYHNiYi1ibG9jay1saW5rYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBvbmUgb3IgbW9yZSBgc2JiLWJsb2NrLWxpbmtgLlxuICogQHNsb3QgdGl0bGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSB0aXRsZS5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1saW5rLWxpc3QtYW5jaG9yJylcbmV4cG9ydCBjbGFzcyBTYmJMaW5rTGlzdEFuY2hvckVsZW1lbnQgZXh0ZW5kcyBTYmJMaW5rTGlzdEJhc2VFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2xpbmtMaXN0QmFzZVN0eWxlLCBzdHlsZV07XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbGluay1saXN0LWFuY2hvcic6IFNiYkxpbmtMaXN0QW5jaG9yRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWNhLElBQUEsMkJBQU4sY0FBdUMsdUJBQXVCO0FBRXJFO0FBRmEseUJBQ1ksU0FBeUIsQ0FBQyxtQkFBbUIsS0FBSztBQUQ5RCwyQkFBTixnQkFBQTtBQUFBLEVBRE4sY0FBYyxzQkFBc0I7QUFBQSxHQUN4Qix3QkFBQTsifQ==

package/development/link-list/link-list.d.ts

@@ -1,39 +1,2 @@
-import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-import { SbbHorizontalFrom, SbbOrientation } from '../core/interfaces.js';
-import { WithListChildren } from '../core/mixins.js';
-import { SbbBlockLinkButtonElement, SbbBlockLinkElement, SbbBlockLinkStaticElement, SbbLinkSize } from '../link.js';
-import { SbbTitleLevel } from '../title.js';
-
-declare const SbbLinkListElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNamedSlotListMixinType<SbbBlockLinkElement | SbbBlockLinkButtonElement | SbbBlockLinkStaticElement>> & typeof LitElement;
-/**
- * It displays a list of `sbb-block-link`.
- *
- * @slot - Use the unnamed slot to add one or more `sbb-block-link`.
- * @slot title - Use this slot to provide a title.
- */
-export declare class SbbLinkListElement extends SbbLinkListElement_base {
-    static styles: CSSResultGroup;
-    protected readonly listChildLocalNames: string[];
-    /** The title text we want to show before the list. */
-    titleContent?: string;
-    /** The semantic level of the title, e.g. 2 = h2. */
-    titleLevel: SbbTitleLevel;
-    /**
-     * Text size of the nested sbb-block-link instances. This will overwrite the size attribute of
-     * nested sbb-block-link instances.
-     */
-    size: SbbLinkSize;
-    /** Selected breakpoint from which the list is rendered horizontally. */
-    horizontalFrom?: SbbHorizontalFrom;
-    /** The orientation in which the list will be shown vertical or horizontal. */
-    orientation: SbbOrientation;
-    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
-    protected render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-link-list': SbbLinkListElement;
-    }
-}
-export {};
+export * from './link-list/link-list.js';
 //# sourceMappingURL=link-list.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/link-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAA2C,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,WAAW,EACZ,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;;AAErB;;;;;GAKG;AACH,qBAEa,kBAAmB,SAAQ,uBAKvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAI7C;IAEF,sDAAsD;IACU,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,oDAAoD;IACL,UAAU,EAAE,aAAa,CAAO;IAE/E;;;OAGG;IACiC,IAAI,EAAE,WAAW,CAAO;IAE5D,wEAAwE;IAEjE,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,8EAA8E;IAC1C,WAAW,EAAE,cAAc,CAAc;cAE1D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAe3E,MAAM,IAAI,cAAc;CAgB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/link-list.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/development/link-list/link-list.js

@@ -0,0 +1,194 @@
+import { property, customElement } from "lit/decorators.js";
+import { linkListBaseStyle, SbbLinkListBaseElement } from "./common.js";
+import { css } from "lit";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+/*
+ * SBB table mixin
+ * Notes:
+ * We cannot use \`border-collapse\` because it is not compatible with the \`border-radius\` property.
+ * Therefore, we have to build the grid avoiding double borders.
+ */
+: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: calc(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: calc(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: calc(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: calc(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: calc(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: calc(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: calc(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;
+  }
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let SbbLinkListElement = class extends SbbLinkListBaseElement {
+  constructor() {
+    super(...arguments);
+    this.orientation = "vertical";
+  }
+};
+SbbLinkListElement.styles = [linkListBaseStyle, style];
+__decorateClass([
+  property({ attribute: "horizontal-from", reflect: true })
+], SbbLinkListElement.prototype, "horizontalFrom", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbLinkListElement.prototype, "orientation", 2);
+SbbLinkListElement = __decorateClass([
+  customElement("sbb-link-list")
+], SbbLinkListElement);
+export {
+  SbbLinkListElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1saXN0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbGluay1saXN0L2xpbmstbGlzdC9saW5rLWxpc3QudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJIb3Jpem9udGFsRnJvbSwgU2JiT3JpZW50YXRpb24gfSBmcm9tICcuLi8uLi9jb3JlL2ludGVyZmFjZXMuanMnO1xuaW1wb3J0IHsgbGlua0xpc3RCYXNlU3R5bGUsIFNiYkxpbmtMaXN0QmFzZUVsZW1lbnQgfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9saW5rLWxpc3Quc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxpc3Qgb2YgYHNiYi1ibG9jay1saW5rYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBvbmUgb3IgbW9yZSBgc2JiLWJsb2NrLWxpbmtgLlxuICogQHNsb3QgdGl0bGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSB0aXRsZS5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1saW5rLWxpc3QnKVxuZXhwb3J0IGNsYXNzIFNiYkxpbmtMaXN0RWxlbWVudCBleHRlbmRzIFNiYkxpbmtMaXN0QmFzZUVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbbGlua0xpc3RCYXNlU3R5bGUsIHN0eWxlXTtcblxuICAvKiogU2VsZWN0ZWQgYnJlYWtwb2ludCBmcm9tIHdoaWNoIHRoZSBsaXN0IGlzIHJlbmRlcmVkIGhvcml6b250YWxseS4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaG9yaXpvbnRhbC1mcm9tJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgaG9yaXpvbnRhbEZyb20/OiBTYmJIb3Jpem9udGFsRnJvbTtcblxuICAvKiogVGhlIG9yaWVudGF0aW9uIGluIHdoaWNoIHRoZSBsaXN0IHdpbGwgYmUgc2hvd24gdmVydGljYWwgb3IgaG9yaXpvbnRhbC4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgb3JpZW50YXRpb246IFNiYk9yaWVudGF0aW9uID0gJ3ZlcnRpY2FsJztcbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1saW5rLWxpc3QnOiBTYmJMaW5rTGlzdEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFlYSxJQUFBLHFCQUFOLGNBQWlDLHVCQUF1QjtBQUFBLEVBQXhELGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQVF3QixTQUFPLGNBQThCO0FBQUEsRUFBQTtBQUNwRTtBQVRhLG1CQUNZLFNBQXlCLENBQUMsbUJBQW1CLEtBQUs7QUFJbEUsZ0JBQUE7QUFBQSxFQUROLFNBQVMsRUFBRSxXQUFXLG1CQUFtQixTQUFTLE1BQU07QUFBQSxHQUo5QyxtQkFLSixXQUFBLGtCQUFBLENBQUE7QUFHNkIsZ0JBQUE7QUFBQSxFQUFuQyxTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FSaEIsbUJBUXlCLFdBQUEsZUFBQSxDQUFBO0FBUnpCLHFCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGVBQWU7QUFBQSxHQUNqQixrQkFBQTsifQ==

package/development/link-list.d.ts

@@ -1,2 +1,4 @@
 export * from './link-list/link-list.js';
+export * from './link-list/link-list-anchor.js';
+export * from './link-list/common.js';
 //# sourceMappingURL=link-list.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC"}