@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/lists.css

@@ -0,0 +1,149 @@
+@charset "UTF-8";
+/**
+ * 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;
+ * }
+ */
+.sbb-list:where(ol, ul) {
+  --sbb-list-vertical-gap: 0.75em;
+  --sbb-list-padding-inline-start: 1.5em;
+}
+.sbb-list:where(ol, ul),
+.sbb-list:where(ol, ul) :is(ol, ul) {
+  margin: 0;
+  padding: 0;
+  padding-inline-start: var(--sbb-list-padding-inline-start);
+  color: var(--sbb-color-iron);
+}
+.sbb-list:where(ol, ul) > li + li,
+.sbb-list:where(ol, ul) :is(ol, ul) > li + li {
+  margin-block-start: var(--sbb-list-vertical-gap);
+}
+.sbb-list:where(ol, ul) > li p,
+.sbb-list:where(ol, ul) :is(ol, ul) > li p {
+  margin-block: 0;
+}
+.sbb-list:where(ol, ul) > li > * + p,
+.sbb-list:where(ol, ul) :is(ol, ul) > li > * + p {
+  margin-block-start: var(--sbb-spacing-responsive-xxxs);
+}
+.sbb-list:where(ol, ul) :is(ul, ol), .sbb-step-list .sbb-list:where(ol, ul) {
+  margin-block-start: var(--sbb-list-vertical-gap);
+}
+.sbb-list:where(ul),
+.sbb-list:where(ul) ul {
+  list-style-type: none;
+}
+.sbb-list:where(ul) > li,
+.sbb-list:where(ul) ul > li {
+  position: relative;
+}
+.sbb-list:where(ul) > li::before,
+.sbb-list:where(ul) ul > li::before {
+  content: "•";
+  position: absolute;
+  display: flex;
+  height: 1em;
+  width: 1em;
+  align-items: center;
+  justify-content: center;
+  inset-block-start: calc(0.5 * (var(--sbb-typo-line-height-body-text) * 1em - 1em));
+  inset-inline-start: calc(-1 * (0.5 * var(--sbb-list-padding-inline-start) + 0.5em));
+  transform: scale(1.3);
+}
+.sbb-list:where(dl) {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  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);
+  margin: 0;
+  padding: 0;
+  display: grid;
+  grid-template-columns: auto minmax(20%, 1fr);
+  gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x);
+  color: var(--sbb-color-iron);
+}
+.sbb-list:where(dl) :is(dt, dd) {
+  margin: 0;
+  padding: 0;
+}
+
+.sbb-step-list {
+  --sbb-step-list-marker-dimensions: 2.125rem;
+  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
+  --sbb-step-list-padding-inline: var(--sbb-spacing-responsive-xxs);
+  --sbb-step-list-marker-to-text-gap: var(--sbb-spacing-responsive-xxxs);
+  --sbb-step-list-text-to-marker-block-offset: calc(
+    0.5 *
+      (
+        var(--sbb-step-list-marker-dimensions) - var(--sbb-typo-line-height-body-text) *
+          var(--sbb-text-font-size)
+      )
+  );
+  --sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  counter-reset: steps;
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.sbb-step-list:where(.sbb-text-s) {
+  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
+}
+.sbb-step-list:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
+  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-step-list:where(.sbb-text-xl) {
+    --sbb-step-list-marker-dimensions: 2.5625rem;
+  }
+}
+.sbb-step-list > li {
+  position: relative;
+  counter-increment: steps;
+  background-color: var(--sbb-color-milk);
+  border-radius: var(--sbb-border-radius-4x);
+  padding-block: calc(var(--sbb-step-list-padding-block) + var(--sbb-step-list-text-to-marker-block-offset)) var(--sbb-step-list-padding-block);
+  padding-inline: calc(var(--sbb-step-list-padding-inline) + var(--sbb-step-list-marker-dimensions) + var(--sbb-step-list-marker-to-text-gap)) var(--sbb-step-list-padding-inline);
+  min-height: calc(var(--sbb-step-list-marker-dimensions) + 2 * var(--sbb-step-list-padding-block));
+}
+.sbb-step-list > li::before {
+  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  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);
+  font-weight: bold;
+  content: counter(steps);
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: var(--sbb-step-list-marker-dimensions);
+  width: var(--sbb-step-list-marker-dimensions);
+  margin-block-start: calc(-1 * var(--sbb-step-list-text-to-marker-block-offset));
+  inset-inline-start: var(--sbb-step-list-padding-inline);
+  border: var(--sbb-border-width-1x) solid var(--sbb-color-cement);
+  border-radius: 50%;
+  color: var(--sbb-color-charcoal);
+}
+.sbb-step-list > li + li {
+  margin-block-start: var(--sbb-step-list-vertical-gap);
+}
+.sbb-step-list > li p {
+  margin-block: 0;
+}
+.sbb-step-list > li > * + p {
+  margin-block-start: var(--sbb-spacing-responsive-xxxs);
+}

package/loading-indicator/loading-indicator.d.ts

@@ -0,0 +1,21 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+
+/**
+ * It displays a loading indicator.
+ */
+export declare class SbbLoadingIndicatorElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Variant of the loading indicator; `circle` is meant to be used inline, while `window` as overlay. */
+    variant?: 'window' | 'circle';
+    /** Size variant, either s or m. */
+    size: 's' | 'l';
+    /** Color variant. */
+    color: 'default' | 'smoke' | 'white';
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-loading-indicator': SbbLoadingIndicatorElement;
+    }
+}
+//# sourceMappingURL=loading-indicator.d.ts.map

package/loading-indicator/loading-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-indicator.d.ts","sourceRoot":"","sources":["../../../src/elements/loading-indicator/loading-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD;;GAEG;AACH,qBAKa,0BAA2B,SAAQ,UAAU;IACxD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wGAAwG;IACpE,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAElE,mCAAmC;IACC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAE1D,qBAAqB;IACe,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAa;cAElE,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/loading-indicator.d.ts

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

package/loading-indicator.d.ts.map

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

package/loading-indicator.js

@@ -0,0 +1,51 @@
+import { css as c, LitElement as g, html as b, nothing as m } from "lit";
+import { property as s, customElement as h } from "lit/decorators.js";
+import { hostAttributes as w } from "./core/decorators.js";
+const p = c`*,:before,:after{box-sizing:border-box}:host{--sbb-loading-indicator-color: var(--sbb-color-red);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([variant=circle]){--sbb-loading-indicator-height: var(--sbb-size-icon-ui-small);--sbb-loading-indicator-width: var(--sbb-size-icon-ui-small);--sbb-loading-indicator-padding: var(--sbb-border-width-2x);--sbb-loading-indicator-duration: var(--sbb-disable-animation-zero-time, 1.5s);--sbb-loading-indicator-background-color: var(--sbb-color-white);--sbb-loading-indicator-circle-background: conic-gradient( from 90deg, var(--sbb-loading-indicator-background-color), var(--sbb-loading-indicator-color) );--sbb-loading-indicator-circle-animated-width: .1875em;--sbb-loading-indicator-circle-animated-height: .1875em;--sbb-loading-indicator-circle-animated-border-radius: 50%}:host([color=white][variant=circle]){--sbb-loading-indicator-background-color: var(--sbb-color-iron)}:host([variant=circle]) .sbb-loading-indicator{display:inline-flex;height:auto;width:auto;padding-inline:var(--sbb-loading-indicator-padding);padding-block:var(--sbb-loading-indicator-padding);vertical-align:middle;line-height:1}:host([variant=circle]) .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);-webkit-mask:radial-gradient(circle .4375em,rgba(0,0,0,0) 98%,var(--sbb-loading-indicator-background-color));mask:radial-gradient(circle .4375em,rgba(0,0,0,0) 98%,var(--sbb-loading-indicator-background-color));animation:rotation var(--sbb-loading-indicator-duration) infinite linear}:host([variant=circle]) .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-color);border-radius:var(--sbb-loading-indicator-circle-animated-border-radius);position:absolute;top:50%;right:0;transform:translateY(-50%);overflow:hidden;margin:auto}@media (forced-colors: active){:host([variant=circle]) .sbb-loading-indicator__animated-element:after{--sbb-loading-indicator-color: CanvasText;--sbb-loading-indicator-circle-animated-width: 50%;--sbb-loading-indicator-circle-animated-height: 100%;--sbb-loading-indicator-circle-animated-border-radius: 0}}@media (forced-colors: active){:host([variant=circle]) .sbb-loading-indicator__animated-element{--sbb-loading-indicator-circle-background: transparent}}@media (forced-colors: active){:host([color=white][variant=circle]) .sbb-loading-indicator__animated-element:after{--sbb-loading-indicator-color: var(--sbb-color-white)}}:host([variant=window]){--sbb-loading-indicator-height: sbb.px-to-rem-build(32);--sbb-loading-indicator-width: sbb.px-to-rem-build(55);--sbb-loading-indicator-padding: 0;--sbb-loading-indicator-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) )}:host([variant=window][size=s]){--sbb-loading-indicator-window-height: 1.66666625rem;--sbb-loading-indicator-window-padding-block-start: .66666625rem;--sbb-loading-indicator-window-element-width: 3.46666625rem;--sbb-loading-indicator-window-element-height: .333333125rem;--sbb-loading-indicator-window-element-perspective: 6rem;--sbb-loading-indicator-window-element-animation-name: loading-container-small;--sbb-loading-indicator-window-last-span-width: .533333125rem;--sbb-loading-indicator-window-last-span-height: .333333125rem;--sbb-loading-indicator-window-last-span-margin: .2rem;--sbb-loading-indicator-window-last-span-transform: translate3d( -.1rem, 0, 0 )}:host([variant=window][size=l]){--sbb-loading-indicator-window-height: 3rem;--sbb-loading-indicator-window-padding-block-start: 1.2rem;--sbb-loading-indicator-window-element-width: 5.79980625rem;--sbb-loading-indicator-window-element-height: .599609375rem;--sbb-loading-indicator-window-element-perspective: 8rem;--sbb-loading-indicator-window-element-animation-name: loading-container-large;--sbb-loading-indicator-window-last-span-width: 1rem;--sbb-loading-indicator-window-last-span-height: .599609375rem;--sbb-loading-indicator-window-last-span-margin: .2rem}:host([variant=window]) span{display:inline-block}:host([variant=window]) .sbb-loading-indicator{display:flex;height:var(--sbb-loading-indicator-window-height);padding-block-start:var(--sbb-loading-indicator-window-padding-block-start)}:host([variant=window]) .sbb-loading-indicator__animated-element{margin:0 auto;transform-origin:center;transform:translate3d(-3em,0,0);backface-visibility:hidden;transform-style:preserve-3d;width:var(--sbb-loading-indicator-window-element-width);height:var(--sbb-loading-indicator-window-element-height);perspective:var(--sbb-loading-indicator-window-element-perspective)}:host([variant=window]) .sbb-loading-indicator__animated-element>span{position:relative;transform:rotateY(50deg) translateZ(1em);transform-origin:right;backface-visibility:hidden}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span{position:relative;display:flex;animation-name:var(--sbb-loading-indicator-window-element-animation-name);animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--sbb-loading-indicator-duration)}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span{background:var(--sbb-loading-indicator-color);backface-visibility:hidden;outline:var(--sbb-border-width-1x) solid rgba(0,0,0,0);width:var(--sbb-loading-indicator-window-last-span-width);height:var(--sbb-loading-indicator-window-last-span-height);margin-right:var(--sbb-loading-indicator-window-last-span-margin);transform:var(--sbb-loading-indicator-window-last-span-transform)}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(1){animation:loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(2){animation:loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(3){animation:loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(4){animation:loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(5){animation:loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:last-child{margin-right:0}@keyframes loading-container-small{0%{transform:translate(.73333em)}to{transform:translate(0)}}@keyframes loading-container-large{0%{transform:translate(1.2em)}to{transform: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}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}`;
+var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, t = (l, n, r, o) => {
+  for (var i = o > 1 ? void 0 : o ? f(n, r) : n, e = l.length - 1, d; e >= 0; e--)
+    (d = l[e]) && (i = (o ? d(n, r, i) : d(i)) || i);
+  return o && i && v(n, r, i), i;
+};
+let a = class extends g {
+  constructor() {
+    super(...arguments), this.size = "s", this.color = "default";
+  }
+  render() {
+    return b`
+      <span class="sbb-loading-indicator">
+        <span class="sbb-loading-indicator__animated-element">
+          ${this.variant === "window" ? b`<span>
+                <span>
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                </span>
+              </span>` : m}
+        </span>
+      </span>
+    `;
+  }
+};
+a.styles = p;
+t([
+  s({ reflect: !0 })
+], a.prototype, "variant", 2);
+t([
+  s({ reflect: !0 })
+], a.prototype, "size", 2);
+t([
+  s({ reflect: !0 })
+], a.prototype, "color", 2);
+a = t([
+  h("sbb-loading-indicator"),
+  w({
+    role: "progressbar",
+    "aria-busy": "true"
+  })
+], a);
+export {
+  a as SbbLoadingIndicatorElement
+};

package/logo/logo.d.ts

@@ -0,0 +1,24 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbProtectiveRoom } from '../core/interfaces.js';
+
+declare const SbbLogoElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * It displays the SBB logo.
+ *
+ * @cssprop [--sbb-logo-height=auto] - Can be used to set the height of the logo.
+ */
+export declare class SbbLogoElement extends SbbLogoElement_base {
+    static styles: CSSResultGroup;
+    /** Visual protective room around logo. */
+    protectiveRoom?: SbbProtectiveRoom;
+    /** Accessibility label which will be forwarded to the SVG logo. */
+    accessibilityLabel: string;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-logo': SbbLogoElement;
+    }
+}
+export {};
+//# sourceMappingURL=logo.d.ts.map

package/logo/logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/elements/logo/logo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAK/D;;;;GAIG;AACH,qBACa,cAAe,SAAQ,mBAA4B;IAC9D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,0CAA0C;IAEnC,cAAc,CAAC,EAAE,iBAAiB,CAAW;IAEpD,mEAAmE;IACZ,kBAAkB,SAAU;cAEhE,MAAM,IAAI,cAAc;CAoB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/logo.d.ts

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

package/logo.d.ts.map

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

package/logo.js

@@ -0,0 +1,47 @@
+import { css as h, LitElement as g, html as n } from "lit";
+import { property as c, customElement as v } from "lit/decorators.js";
+import { SbbNegativeMixin as p } from "./core/mixins.js";
+const m = h`*,:before,:after{box-sizing:border-box}:host{--sbb-logo-panel-color: var(--sbb-color-red);--sbb-logo-panel-stroke-color: var(--sbb-color-red);--sbb-logo-signet-color: var(--sbb-color-white);--sbb-logo-word-mark-color: var(--sbb-color-black);--sbb-logo-aspect-ratio: 454 / 48;--sbb-logo-svg-container-width: 100%;--sbb-logo-svg-container-height: auto;--sbb-logo-background-color: none;display:block;height:var(--sbb-logo-height)}@media (forced-colors: active){:host{--sbb-logo-panel-color: ButtonText !important;--sbb-logo-panel-stroke-color: ButtonText !important;--sbb-logo-signet-color: Canvas !important;--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-logo-background-color);aspect-ratio:var(--sbb-logo-aspect-ratio);height:100%;width:100%}.sbb-logo .sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height)}.sbb-logo svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-stroke-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
+var d = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (i, e, s, l) => {
+  for (var o = l > 1 ? void 0 : l ? _(e, s) : e, r = i.length - 1, b; r >= 0; r--)
+    (b = i[r]) && (o = (l ? b(e, s, o) : b(o)) || o);
+  return l && o && d(e, s, o), o;
+};
+let t = class extends p(g) {
+  constructor() {
+    super(...arguments), this.protectiveRoom = "ideal", this.accessibilityLabel = "Logo";
+  }
+  render() {
+    return n`
+      <span class="sbb-logo">
+        <span class="sbb-logo__svg-container">
+          <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
+            <title .textContent=${this.accessibilityLabel}></title>
+            <path
+              id="sbb-logo__word-mark"
+              d="M238.2 34.6c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6h-7v9h7.4zm-.4-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4h-7v7.8h7.1zm1.1-13.4c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6h-15.9V6.8h15.1zm-33.7 27.8c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6H198v9h7.2zm-.3-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4H198v7.8h6.9zM206 6.8c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6H191V6.8h15zm-28 9.9c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14.1-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.6 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 12.9 10.6l-6.6.2zm158.7-3.9v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5zm-29.4 0v7.8h14.8v5.8h-14.8v13.7h-7V6.8h23.3v6h-16.3zm-11.8 15.7C295 36.2 289.3 41 281 41c-9.4 0-15.6-6.8-15.6-17.4 0-10.5 6.4-17.5 15.7-17.5 8.1 0 13.5 4.5 14.1 11.6h-7c-.8-3.8-3.2-5.7-7.1-5.7-5.3 0-8.8 4.6-8.8 11.6s3.4 11.6 8.6 11.6c4.3 0 6.7-2.1 7.5-6.7h7.1zm150.7-11.8c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.7 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 13 10.6l-6.7.2zm-40.4-3.9v7.8h14.9v5.8h-14.9v13.7h-7V6.8h23.4v6h-16.4zm-29.7 0v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5z"
+            ></path>
+            <path id="sbb-logo__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
+            <path
+              id="sbb-logo__signet"
+              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>
+        </span>
+      </span>
+    `;
+  }
+};
+t.styles = m;
+a([
+  c({ attribute: "protective-room", reflect: !0 })
+], t.prototype, "protectiveRoom", 2);
+a([
+  c({ attribute: "accessibility-label" })
+], t.prototype, "accessibilityLabel", 2);
+t = a([
+  v("sbb-logo")
+], t);
+export {
+  t as SbbLogoElement
+};

package/map-container/map-container.d.ts

@@ -0,0 +1,43 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+
+/**
+ * It can be used as a container for maps.
+ *
+ * @slot - Use the unnamed slot to add content to the sidebar.
+ * @slot map - Used for slotting the map.
+ * @cssprop [--sbb-map-container-margin-start=var(--sbb-header-height)] - The component
+ * comes along with a height calculation that subtracts the height of the header.
+ * For specific use cases, this variable can be used to modify the preset height.
+ * @cssprop [--sbb-map-container-sidebar-width=zero-large:400px;wide-ultra:480px] - Can be used
+ * to modify the width of the left sidebar.
+ */
+export declare class SbbMapContainerElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Flag to show/hide the scroll up button inside the sidebar on mobile. */
+    hideScrollUpButton: boolean;
+    private _scrollUpButtonVisible;
+    private _intersector?;
+    private _language;
+    private _observer;
+    /**
+     * Button click callback to trigger the scroll to container top
+     * @private
+     */
+    private _onScrollButtonClick;
+    /**
+     * Intersection callback. Toggles the visibility.
+     * @param entries
+     * @private
+     */
+    private _toggleButtonVisibilityOnIntersect;
+    connectedCallback(): void;
+    private _updateIntersectionObserver;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-map-container': SbbMapContainerElement;
+    }
+}
+//# sourceMappingURL=map-container.d.ts.map

package/map-container/map-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../src/elements/map-container/map-container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAWhD,OAAO,8BAA8B,CAAC;AAEtC;;;;;;;;;;GAUG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2EAA2E;IAEpE,kBAAkB,UAAS;IAEzB,OAAO,CAAC,sBAAsB,CAAS;IAEhD,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAEf;IAEF;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAG5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;IAQ1B,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,2BAA2B;IAOnB,oBAAoB,IAAI,IAAI;cAKzB,MAAM,IAAI,cAAc;CAyC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/map-container.d.ts

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

package/map-container.d.ts.map

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

package/map-container.js

@@ -0,0 +1,91 @@
+import { css as m, LitElement as p, html as n, nothing as l } from "lit";
+import { property as h, state as u, customElement as v } from "lit/decorators.js";
+import { ref as d } from "lit/directives/ref.js";
+import { SbbLanguageController as g } from "./core/controllers.js";
+import { i18nMapContainerButtonLabel as _ } from "./core/i18n.js";
+import { AgnosticIntersectionObserver as w } from "./core/observers.js";
+import "./button/tertiary-button.js";
+const f = m`*,:before,:after{box-sizing:border-box}:host{--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-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-border-radius-4x) );--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var(--sbb-animation-duration-4x);display:block}@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;height:100%}@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));height:calc(100vh - var(--sbb-map-container-margin-start, var(--sbb-header-height)));overflow:hidden}}.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);grid-column:1/3;grid-row:2/3;width:100%;height:calc(100% + var(--sbb-map-container-border-radius));overflow:hidden auto;position:relative;z-index:2;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)}.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)}}@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;z-index:1;grid-row:1/2;grid-column:1/3;height:var(--sbb-map-container-map-height)}@media (min-width: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;height:100%;position:relative}}`;
+var k = Object.defineProperty, y = Object.getOwnPropertyDescriptor, c = (r, t, i, b) => {
+  for (var a = b > 1 ? void 0 : b ? y(t, i) : t, s = r.length - 1, e; s >= 0; s--)
+    (e = r[s]) && (a = (b ? e(t, i, a) : e(a)) || a);
+  return b && a && k(t, i, a), a;
+};
+let o = class extends p {
+  constructor() {
+    super(...arguments), this.hideScrollUpButton = !1, this._scrollUpButtonVisible = !1, this._language = new g(this), this._observer = new w(
+      (r) => this._toggleButtonVisibilityOnIntersect(r)
+    );
+  }
+  /**
+   * Button click callback to trigger the scroll to container top
+   * @private
+   */
+  _onScrollButtonClick() {
+    this.scrollIntoView({ behavior: "smooth" });
+  }
+  /**
+   * Intersection callback. Toggles the visibility.
+   * @param entries
+   * @private
+   */
+  _toggleButtonVisibilityOnIntersect(r) {
+    r.forEach((t) => {
+      const i = !t.isIntersecting;
+      this.toggleAttribute("data-scroll-up-button-visible", i), this._scrollUpButtonVisible = i;
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._updateIntersectionObserver();
+  }
+  _updateIntersectionObserver() {
+    this._observer.disconnect(), !this.hideScrollUpButton && this._intersector && this._observer.observe(this._intersector);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._observer.disconnect();
+  }
+  render() {
+    return n`
+      <div class="sbb-map-container">
+        <div class="sbb-map-container__sidebar">
+          ${this.hideScrollUpButton ? l : n`<span
+                ${d((r) => {
+      this._intersector !== r && (this._intersector = r, this._updateIntersectionObserver());
+    })}
+              ></span>`}
+
+          <slot></slot>
+
+          ${this.hideScrollUpButton ? l : n`<sbb-tertiary-button
+                class="sbb-map-container__sidebar-button"
+                size="l"
+                icon-name="location-pin-map-small"
+                type="button"
+                @click=${() => this._onScrollButtonClick()}
+                ${d((r) => {
+      r && (r.inert = !this._scrollUpButtonVisible);
+    })}
+              >
+                ${_[this._language.current]}
+              </sbb-tertiary-button>`}
+        </div>
+        <div class="sbb-map-container__map">
+          <slot name="map"></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+o.styles = f;
+c([
+  h({ attribute: "hide-scroll-up-button", reflect: !0, type: Boolean })
+], o.prototype, "hideScrollUpButton", 2);
+c([
+  u()
+], o.prototype, "_scrollUpButtonVisible", 2);
+o = c([
+  v("sbb-map-container")
+], o);
+export {
+  o as SbbMapContainerElement
+};

package/menu/common/menu-action-common.d.ts

@@ -0,0 +1,11 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+import { AbstractConstructor, SbbDisabledMixinType } from '../../core/mixins.js';
+import { SbbIconNameMixinType } from '../../icon.js';
+
+export declare class SbbMenuActionCommonElementMixinType implements Partial<SbbDisabledMixinType>, Partial<SbbIconNameMixinType> {
+    amount?: string;
+    disabled: boolean;
+    iconName?: string;
+}
+export declare const SbbMenuActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbMenuActionCommonElementMixinType> & T;
+//# sourceMappingURL=menu-action-common.d.ts.map

package/menu/common/menu-action-common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/common/menu-action-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAI5E,MAAM,CAAC,OAAO,OAAO,mCACnB,YAAW,OAAO,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAEhE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC1B;AAGD,eAAO,MAAM,+BAA+B,oEAG9B,CAAC,KACZ,oBAAoB,mCAAmC,CAAC,GAAG,CA0B7D,CAAC"}

package/menu/common.d.ts

@@ -0,0 +1,2 @@
+export * from './common/menu-action-common.js';
+//# sourceMappingURL=common.d.ts.map

package/menu/common.d.ts.map

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

package/menu/common.js

@@ -0,0 +1,34 @@
+import { css as a, nothing as b } from "lit";
+import { property as c } from "lit/decorators.js";
+import { html as r } from "lit/static-html.js";
+import { SbbDisabledMixin as l } from "../core/mixins.js";
+import { SbbIconNameMixin as d } from "../icon.js";
+const u = a`*,:before,:after{box-sizing:border-box}:host{outline:none!important;--sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);--sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);--sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);--sbb-menu-action-cursor: pointer;--sbb-menu-action-color: var(--sbb-color-white);--sbb-menu-action-forced-color-border-color: CanvasText;display:block}@media (any-hover: hover){:host(:hover:not([disabled])){--sbb-menu-background-color: var(--sbb-color-iron);--sbb-menu-action-forced-color-border-color: Highlight}}:host([disabled]){--sbb-menu-action-cursor: default;--sbb-menu-action-color: var(--sbb-color-graphite);--sbb-menu-action-forced-color-border-color: GrayText;pointer-events:none;cursor:default}@media (forced-colors: active){:host([disabled]){--sbb-menu-action-color: GrayText}}@media (forced-colors: active){:host([role=button]){--sbb-menu-action-color: ButtonText}}:is(.sbb-menu-button,.sbb-menu-link){text-decoration:none;display:block;width:100%;color:var(--sbb-menu-action-color);padding:var(--sbb-spacing-fixed-1x) var(--sbb-menu-action-outer-horizontal-padding);cursor:var(--sbb-menu-action-cursor);outline:none}.sbb-menu-action__content{--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);display:flex;align-items:center;gap:var(--sbb-menu-action-gap);padding:var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x);border-radius:var(--sbb-menu-action-border-radius);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:var(--sbb-menu-background-color)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-menu-action__content,:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) :focus-visible .sbb-menu-action__content{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (forced-colors: active){.sbb-menu-action__content{border:var(--sbb-border-width-2x) solid var(--sbb-menu-action-forced-color-border-color)}}.sbb-menu-action__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small)}.sbb-menu-action__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([disabled]) .sbb-menu-action__label{text-decoration:line-through}.sbb-menu-action__amount{--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);font-weight:700;display:flex;align-items:center;justify-content:center;padding-inline:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-color-red);color:var(--sbb-color-white);min-width:fit-content;margin-inline-start:auto;width:var(--sbb-spacing-fixed-4x);max-height:var(--sbb-spacing-fixed-4x)}@media (forced-colors: active){.sbb-menu-action__amount{color:var(--sbb-menu-action-color)}}`;
+var f = Object.defineProperty, m = (n, o, t, p) => {
+  for (var e = void 0, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (e = s(o, t, e) || e);
+  return e && f(o, t, e), e;
+};
+const _ = (n) => {
+  const t = class t extends d(l(n)) {
+    renderTemplate() {
+      return r`
+        <span class="sbb-menu-action__content">
+          <span class="sbb-menu-action__icon"> ${super.renderIconSlot()} </span>
+          <span class="sbb-menu-action__label">
+            <slot></slot>
+          </span>
+          ${this.amount && !this.disabled ? r`<span class="sbb-menu-action__amount">${this.amount}</span>` : b}
+        </span>
+      `;
+    }
+  };
+  t.styles = u;
+  let o = t;
+  return m([
+    c()
+  ], o.prototype, "amount"), o;
+};
+export {
+  _ as SbbMenuActionCommonElementMixin
+};

package/menu/menu/menu.d.ts

@@ -0,0 +1,76 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
+import { SbbMenuButtonElement } from '../menu-button.js';
+import { SbbMenuLinkElement } from '../menu-link.js';
+
+declare const SbbMenuElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbMenuButtonElement | SbbMenuLinkElement>> & typeof SbbOpenCloseBaseElement;
+/**
+ * It displays a contextual menu with one or more action element.
+ *
+ * @slot - Use the unnamed slot to add `sbb-menu-button`/`sbb-menu-link` or other elements to the menu.
+ * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-menu` starts the opening transition. Can be canceled.
+ * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-menu` is opened.
+ * @event {CustomEvent<void>} willClose - Emits whenever the `sbb-menu` begins the closing transition. Can be canceled.
+ * @event {CustomEvent<void>} didClose - Emits whenever the `sbb-menu` is closed.
+ * @cssprop [--sbb-menu-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 SbbMenuElement extends SbbMenuElement_base {
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    /**
+     * The element that will trigger the menu overlay.
+     * Accepts both a string (id of an element) or an HTML element.
+     */
+    set trigger(value: string | HTMLElement | null);
+    get trigger(): string | HTMLElement | null;
+    private _trigger;
+    /**
+     * This will be forwarded as aria-label to the inner list.
+     * Used only if the menu automatically renders the actions inside as a list.
+     */
+    listAccessibilityLabel?: string;
+    private _menu;
+    private _triggerElement;
+    private _isPointerDownEventOnMenu;
+    private _menuController;
+    private _windowEventsController;
+    private _abort;
+    private _focusHandler;
+    private _scrollHandler;
+    /**
+     * Opens the menu on trigger click.
+     */
+    open(): void;
+    /**
+     * Closes the menu.
+     */
+    close(): void;
+    /**
+     * Handles click and checks if its target is a sbb-menu-button/sbb-menu-link.
+     */
+    private _onClick;
+    private _handleKeyDown;
+    private _onKeydownEvent;
+    private _removeTriggerClickListener;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _checkListCase;
+    private _configure;
+    private _attachWindowEvents;
+    private _closeOnInteractiveElementClick;
+    private _pointerDownListener;
+    private _closeOnBackdropClick;
+    private _onMenuAnimationEnd;
+    private _setMenuFocus;
+    private _setMenuPosition;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-menu': SbbMenuElement;
+    }
+}
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/menu/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAYtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;;;;;GAWG;AACH,qBACa,cAAe,SAAQ,mBAGV;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAwC;IAEvF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;;OAGG;IACyD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAE5F,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAEhD;;OAEG;IACI,IAAI,IAAI,IAAI;IAmBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAapB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;YAsBR,eAAe;IAY7B,OAAO,CAAC,2BAA2B;IAWnB,iBAAiB,IAAI,IAAI;IAoBzB,oBAAoB,IAAI,IAAI;IAQ5C,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,+BAA+B;IAQvC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAMF,OAAO,CAAC,mBAAmB;IA8B3B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,gBAAgB;cAyBL,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}