@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/form-field.d.ts

@@ -0,0 +1,3 @@
+export * from './form-field/form-field.js';
+export * from './form-field/form-field-clear.js';
+//# sourceMappingURL=form-field.d.ts.map

package/development/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/elements/form-field.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC"}

package/development/form-field.js

@@ -0,0 +1,3 @@
+export * from "./form-field/form-field.js";
+export * from "./form-field/form-field-clear.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OyJ9

package/development/header/common/header-action-common.d.ts

@@ -0,0 +1,11 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+import { SbbHorizontalFrom } from '../../core/interfaces.js';
+import { AbstractConstructor } from '../../core/mixins.js';
+import { SbbIconNameMixinType } from '../../icon.js';
+
+export declare class SbbHeaderActionCommonElementMixinType implements Partial<SbbIconNameMixinType> {
+    expandFrom: SbbHorizontalFrom;
+    iconName?: string;
+}
+export declare const SbbHeaderActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbHeaderActionCommonElementMixinType> & T;
+//# sourceMappingURL=header-action-common.d.ts.map

package/development/header/common/header-action-common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-action-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/header/common/header-action-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAI5E,MAAM,CAAC,OAAO,OAAO,qCACnB,YAAW,OAAO,CAAC,oBAAoB,CAAC;IAEjC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC1B;AAGD,eAAO,MAAM,iCAAiC,oEAGhC,CAAC,KACZ,oBAAoB,qCAAqC,CAAC,GAAG,CA4B/D,CAAC"}

package/development/header/common.d.ts

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

package/development/header/common.d.ts.map

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

package/development/header/common.js

@@ -0,0 +1,340 @@
+import { property } from "lit/decorators.js";
+import { html } from "lit/static-html.js";
+import { SbbIconNameMixin } from "../icon.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. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-header-action-padding-inline: var(--sbb-spacing-fixed-5x);
+  --sbb-header-action-color: var(--sbb-color-black);
+  --sbb-header-action-background-color: transparent;
+  --sbb-header-action-min-height: var(--sbb-size-element-s);
+  --sbb-header-action-min-width: var(--sbb-header-action-min-height);
+  --sbb-header-action-transition-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-header-action-transition-easing: var(--sbb-animation-easing);
+  --sbb-header-action-border-color: transparent;
+  --sbb-header-action-background-inset: 0;
+  --sbb-header-action-translate-y: 0;
+  --sbb-header-action-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-header-first-item-margin-inline-start: calc(-1 * var(--sbb-header-action-padding-inline));
+  display: inline-block;
+  outline: none !important;
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-header-action-border-color: CanvasText;
+    --sbb-header-action-color: LinkText;
+  }
+}
+
+@media (any-hover: hover) {
+  :host(:hover:not(:active, [data-active], [aria-expanded=true])) {
+    --sbb-header-action-background-color: var(--sbb-color-milk);
+    --sbb-header-action-translate-y: -0.0625rem;
+    --sbb-header-action-background-inset: calc(var(--sbb-border-width-2x) * -1);
+  }
+}
+@media (any-hover: hover) and (forced-colors: active) {
+  :host(:hover:not(:active, [data-active], [aria-expanded=true])) {
+    --sbb-header-action-border-color: Highlight;
+  }
+}
+:host(:is(:active, [data-active])) {
+  --sbb-header-action-background-color: var(--sbb-color-cloud);
+}
+@media (forced-colors: active) {
+  :host(:is(:active, [data-active])) {
+    --sbb-header-action-border-color: Highlight;
+  }
+}
+
+@media (forced-colors: active) {
+  :host([role=button]) {
+    --sbb-header-action-color: ButtonText;
+  }
+}
+
+:is(.sbb-header-button, .sbb-header-link) {
+  font-family: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  color: var(--sbb-header-action-color);
+  text-decoration: none;
+  min-height: var(--sbb-header-action-min-height);
+  min-width: var(--sbb-header-action-min-width);
+  padding-inline: var(--sbb-header-action-padding-inline);
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+}
+:is(.sbb-header-button, .sbb-header-link)::before {
+  position: absolute;
+  content: "";
+  inset: var(--sbb-header-action-background-inset);
+  border-radius: var(--sbb-border-radius-infinity);
+  background-color: var(--sbb-header-action-background-color);
+  transition-duration: var(--sbb-header-action-transition-duration);
+  transition-timing-function: var(--sbb-header-action-transition-easing);
+  transition-property: inset, background-color;
+  border: var(--sbb-border-width-1x) solid var(--sbb-header-action-border-color);
+}
+@media (forced-colors: active) {
+  :is(.sbb-header-button, .sbb-header-link)::before {
+    border-width: var(--sbb-border-width-2x);
+  }
+}
+:host(:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch])) :is(.sbb-header-button, .sbb-header-link)::before, :host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) :is(.sbb-header-button, .sbb-header-link):focus-visible::before {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+}
+
+.sbb-header-action__wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--sbb-header-action-gap);
+  white-space: nowrap;
+  transform: translateY(var(--sbb-header-action-translate-y));
+  transition: transform var(--sbb-header-action-transition-duration) var(--sbb-header-action-transition-easing);
+  will-change: transform;
+  max-width: 100%;
+}
+
+.sbb-header-action__icon {
+  --sbb-icon-svg-stroke-color: currentcolor;
+  --sbb-icon-svg-stroke-width: 1px;
+  min-width: var(--sbb-size-icon-ui-small);
+  min-height: var(--sbb-size-icon-ui-small);
+  line-height: 0;
+}
+
+.sbb-header-action__text {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  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;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block;
+}
+
+@media (max-width: calc(-0.0625rem)) {
+  :host([expand-from=zero]) {
+    --sbb-header-first-item-margin-inline-start: -0.75rem;
+    --sbb-header-action-padding-inline: 0;
+  }
+  :host([expand-from=zero]) .sbb-header-action__text {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+    display: flex;
+  }
+}
+
+@media (max-width: calc(22.4375rem)) {
+  :host([expand-from=micro]) {
+    --sbb-header-first-item-margin-inline-start: -0.75rem;
+    --sbb-header-action-padding-inline: 0;
+  }
+  :host([expand-from=micro]) .sbb-header-action__text {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+    display: flex;
+  }
+}
+
+@media (max-width: calc(37.4375rem)) {
+  :host([expand-from=small]) {
+    --sbb-header-first-item-margin-inline-start: -0.75rem;
+    --sbb-header-action-padding-inline: 0;
+  }
+  :host([expand-from=small]) .sbb-header-action__text {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+    display: flex;
+  }
+}
+
+@media (max-width: calc(52.4375rem)) {
+  :host([expand-from=medium]) {
+    --sbb-header-first-item-margin-inline-start: -0.75rem;
+    --sbb-header-action-padding-inline: 0;
+  }
+  :host([expand-from=medium]) .sbb-header-action__text {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+    display: flex;
+  }
+}
+
+@media (max-width: calc(63.9375rem)) {
+  :host([expand-from=large]) {
+    --sbb-header-first-item-margin-inline-start: -0.75rem;
+    --sbb-header-action-padding-inline: 0;
+  }
+  :host([expand-from=large]) .sbb-header-action__text {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+    display: flex;
+  }
+}
+
+@media (max-width: calc(79.9375rem)) {
+  :host([expand-from=wide]) {
+    --sbb-header-first-item-margin-inline-start: -0.75rem;
+    --sbb-header-action-padding-inline: 0;
+  }
+  :host([expand-from=wide]) .sbb-header-action__text {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+    display: flex;
+  }
+}
+
+@media (max-width: calc(89.9375rem)) {
+  :host([expand-from=ultra]) {
+    --sbb-header-first-item-margin-inline-start: -0.75rem;
+    --sbb-header-action-padding-inline: 0;
+  }
+  :host([expand-from=ultra]) .sbb-header-action__text {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+    display: flex;
+  }
+}
+
+@media (max-width: calc(99rem-0.0625rem)) {
+  :host([expand-from=ultra--max-content]) {
+    --sbb-header-first-item-margin-inline-start: -0.75rem;
+    --sbb-header-action-padding-inline: 0;
+  }
+  :host([expand-from=ultra--max-content]) .sbb-header-action__text {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+    display: flex;
+  }
+}`;
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result)
+    __defProp(target, key, result);
+  return result;
+};
+const SbbHeaderActionCommonElementMixin = (superClass) => {
+  const _SbbHeaderActionCommonElement = class _SbbHeaderActionCommonElement extends SbbIconNameMixin(superClass) {
+    constructor() {
+      super(...arguments);
+      this.expandFrom = "medium";
+    }
+    renderTemplate() {
+      return html`
+        <span class="sbb-header-action__wrapper">
+          <span class="sbb-header-action__icon"> ${super.renderIconSlot()} </span>
+          <span class="sbb-header-action__text">
+            <slot></slot>
+          </span>
+        </span>
+      `;
+    }
+  };
+  _SbbHeaderActionCommonElement.styles = style;
+  let SbbHeaderActionCommonElement = _SbbHeaderActionCommonElement;
+  __decorateClass([
+    property({ attribute: "expand-from", reflect: true })
+  ], SbbHeaderActionCommonElement.prototype, "expandFrom");
+  return SbbHeaderActionCommonElement;
+};
+export {
+  SbbHeaderActionCommonElementMixin
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvaGVhZGVyL2NvbW1vbi9oZWFkZXItYWN0aW9uLWNvbW1vbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiSG9yaXpvbnRhbEZyb20gfSBmcm9tICcuLi8uLi9jb3JlL2ludGVyZmFjZXMuanMnO1xuaW1wb3J0IHR5cGUgeyBBYnN0cmFjdENvbnN0cnVjdG9yIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiwgdHlwZSBTYmJJY29uTmFtZU1peGluVHlwZSB9IGZyb20gJy4uLy4uL2ljb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9oZWFkZXItYWN0aW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCBkZWNsYXJlIGNsYXNzIFNiYkhlYWRlckFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGVcbiAgaW1wbGVtZW50cyBQYXJ0aWFsPFNiYkljb25OYW1lTWl4aW5UeXBlPlxue1xuICBwdWJsaWMgZXhwYW5kRnJvbTogU2JiSG9yaXpvbnRhbEZyb207XG4gIHB1YmxpYyBpY29uTmFtZT86IHN0cmluZztcbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYkhlYWRlckFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbiA9IDxcbiAgVCBleHRlbmRzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiQWN0aW9uQmFzZUVsZW1lbnQ+LFxuPihcbiAgc3VwZXJDbGFzczogVCxcbik6IEFic3RyYWN0Q29uc3RydWN0b3I8U2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJiBUID0+IHtcbiAgYWJzdHJhY3QgY2xhc3MgU2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihzdXBlckNsYXNzKVxuICAgIGltcGxlbWVudHMgUGFydGlhbDxTYmJIZWFkZXJBY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPlxuICB7XG4gICAgcHVibGljIHN0YXRpYyBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgICAvKipcbiAgICAgKiBVc2VkIHRvIHNldCB0aGUgbWluaW11bSBicmVha3BvaW50IGZyb20gd2hpY2ggdGhlIHRleHQgaXMgZGlzcGxheWVkLlxuICAgICAqIEUuZy4gaWYgc2V0IHRvICdsYXJnZScsIHRoZSB0ZXh0IHdpbGwgYmUgdmlzaWJsZSBmb3IgYnJlYWtwb2ludHMgbGFyZ2UsIHdpZGUsIHVsdHJhLFxuICAgICAqIGFuZCBoaWRkZW4gZm9yIGFsbCB0aGUgb3RoZXJzLlxuICAgICAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2V4cGFuZC1mcm9tJywgcmVmbGVjdDogdHJ1ZSB9KVxuICAgIHB1YmxpYyBleHBhbmRGcm9tOiBTYmJIb3Jpem9udGFsRnJvbSA9ICdtZWRpdW0nO1xuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIHJldHVybiBodG1sYFxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1oZWFkZXItYWN0aW9uX193cmFwcGVyXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItaGVhZGVyLWFjdGlvbl9faWNvblwiPiAke3N1cGVyLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1oZWFkZXItYWN0aW9uX190ZXh0XCI+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICBgO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudCBhcyB1bmtub3duIGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW1CYSxNQUFBLG9DQUFvQyxDQUcvQyxlQUNtRTtBQUNuRSxRQUFlLGdDQUFmLE1BQWUsc0NBQ0wsaUJBQWlCLFVBQVUsRUFFckM7QUFBQSxJQUhBLGNBQUE7QUFBQSxZQUFBLEdBQUEsU0FBQTtBQVlFLFdBQU8sYUFBZ0M7QUFBQSxJQUFBO0FBQUEsSUFFcEIsaUJBQWlDO0FBQzNDLGFBQUE7QUFBQTtBQUFBLG1EQUVzQyxNQUFNLGdCQUFnQjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQU1yRTtBQUFBLEVBQ0Y7QUFwQkUsZ0NBQWMsU0FBeUI7QUFKekMsTUFBZSwrQkFBZjtBQVlTLGtCQUFBO0FBQUEsSUFETixTQUFTLEVBQUUsV0FBVyxlQUFlLFNBQVMsTUFBTTtBQUFBLEVBQUEsR0FYeEMsNkJBWU4sV0FBQSxZQUFBO0FBYUYsU0FBQTtBQUVUOyJ9

package/development/header/header/header.d.ts

@@ -0,0 +1,59 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+
+declare const SbbHeaderElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+/**
+ * It displays a header section for the page.
+ *
+ * @slot - Use the unnamed slot to add actions or content to the header.
+ * @slot logo - Slot used to render the logo on the right side (sbb-logo as default).
+ * @cssprop [--sbb-header-z-index=10] - Can be used to modify the z-index of the header.
+ * @cssprop [--sbb-header-height=zero-small:var(--sbb-spacing-fixed-14x);medium-ultra:var(--sbb-spacing-fixed-24x)] - Can be used to modify height of the header.
+ */
+export declare class SbbHeaderElement extends SbbHeaderElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * Whether to allow the header content to stretch to full width.
+     * By default, the content has the appropriate page size.
+     */
+    expanded: boolean;
+    /** The element's id or the element on which the scroll listener is attached. */
+    set scrollOrigin(value: string | HTMLElement | Document);
+    get scrollOrigin(): string | HTMLElement | Document;
+    private _scrollOrigin;
+    /** Whether the header should hide and show on scroll. */
+    hideOnScroll: boolean;
+    private _headerOnTop;
+    private _scrollElement;
+    private _scrollEventsController;
+    private _scrollFunction;
+    private _lastScroll;
+    private _updateScrollOrigin;
+    /** If `hideOnScroll` is set, checks the element to hook the listener on, and possibly add it.*/
+    connectedCallback(): void;
+    /** Removes the scroll listener, if previously attached. */
+    disconnectedCallback(): void;
+    /** Sets the value of `_scrollElement` and `_scrollFunction` and possibly adds the function on the correct element. */
+    private _setListenerOnScrollElement;
+    /** Returns the correct function to attach on scroll. */
+    private _getScrollFunction;
+    /** Returns the requested property of the scrollContext. */
+    private _getCurrentScrollProperty;
+    /**
+     * Sets the correct value for `scrollTop`, then:
+     * - apply the shadow if the element/document has been scrolled down;
+     * - hides the header, remove the shadow and possibly close any open menu on the header if it is not visible anymore;
+     * - shows the header and re-apply the shadow if the element/document has been scrolled up.
+     */
+    private _scrollListener;
+    /** Apply the shadow if the element/document has been scrolled down. */
+    private _scrollShadowListener;
+    private _closeOpenOverlays;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-header': SbbHeaderElement;
+    }
+}
+export {};
+//# sourceMappingURL=header.d.ts.map

package/development/header/header/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/elements/header/header/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAS3F,OAAO,eAAe,CAAC;;AAIvB;;;;;;;GAOG;AACH,qBACa,gBAAiB,SAAQ,qBAA6B;IACjE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACgD,QAAQ,UAAS;IAEpE,gFAAgF;IAChF,IACW,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,EAI7D;IACD,IAAW,YAAY,IAAI,MAAM,GAAG,WAAW,GAAG,QAAQ,CAEzD;IACD,OAAO,CAAC,aAAa,CAAiE;IAEtF,yDAAyD;IACuB,YAAY,UACpF;IAEC,OAAO,CAAC,YAAY,CAAQ;IAErC,OAAO,CAAC,cAAc,CAA4C;IAClE,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,WAAW,CAAK;IAExB,OAAO,CAAC,mBAAmB;IAY3B,gGAAgG;IAChF,iBAAiB,IAAI,IAAI;IAMzC,2DAA2D;IAC3C,oBAAoB,IAAI,IAAI;IAK5C,sHAAsH;IACtH,OAAO,CAAC,2BAA2B;IAWnC,wDAAwD;IACxD,OAAO,CAAC,kBAAkB;IAI1B,2DAA2D;IAC3D,OAAO,CAAC,yBAAyB;IAOjC;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IA8CvB,uEAAuE;IACvE,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;cAgBP,MAAM,IAAI,cAAc;CAc5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/development/header/header-button/header-button.d.ts

@@ -0,0 +1,18 @@
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+
+declare const SbbHeaderButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbHeaderActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It displays a button element that can be used in the `sbb-header` component.
+ *
+ * @slot icon - Slot used to render the button icon.
+ * @slot - Use the unnamed slot to add content to the `sbb-header-button`.
+ */
+export declare class SbbHeaderButtonElement extends SbbHeaderButtonElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-header-button': SbbHeaderButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=header-button.d.ts.map

package/development/header/header-button/header-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-button.d.ts","sourceRoot":"","sources":["../../../../../src/elements/header/header-button/header-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;GAKG;AACH,qBACa,sBAAuB,SAAQ,2BAE3C;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/development/header/header-button.d.ts

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

package/development/header/header-button.d.ts.map

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

package/development/header/header-button.js

@@ -0,0 +1,25 @@
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../core/base-elements.js";
+import { SbbHeaderActionCommonElementMixin } from "./common.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 SbbHeaderButtonElement = class extends SbbHeaderActionCommonElementMixin(
+  SbbButtonBaseElement
+) {
+};
+SbbHeaderButtonElement = __decorateClass([
+  customElement("sbb-header-button")
+], SbbHeaderButtonElement);
+export {
+  SbbHeaderButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWJ1dHRvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2hlYWRlci9oZWFkZXItYnV0dG9uL2hlYWRlci1idXR0b24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMuanMnO1xuaW1wb3J0IHsgU2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGJ1dHRvbiBlbGVtZW50IHRoYXQgY2FuIGJlIHVzZWQgaW4gdGhlIGBzYmItaGVhZGVyYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgaWNvbiAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIGJ1dHRvbiBpY29uLlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi1oZWFkZXItYnV0dG9uYC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1oZWFkZXItYnV0dG9uJylcbmV4cG9ydCBjbGFzcyBTYmJIZWFkZXJCdXR0b25FbGVtZW50IGV4dGVuZHMgU2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudE1peGluKFxuICBTYmJCdXR0b25CYXNlRWxlbWVudCxcbikge31cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1oZWFkZXItYnV0dG9uJzogU2JiSGVhZGVyQnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBWU8sSUFBTSx5QkFBTixjQUFxQztBQUFBLEVBQzFDO0FBQ0YsRUFBRTtBQUFDO0FBRlUseUJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsbUJBQW1CO0FBQUEsR0FDckIsc0JBQUE7In0=

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

@@ -0,0 +1,18 @@
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+
+declare const SbbHeaderLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbHeaderActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It displays a link element that can be used in the `sbb-header` component.
+ *
+ * @slot icon - Slot used to render the link icon.
+ * @slot - Use the unnamed slot to add content to the `sbb-header-link`.
+ */
+export declare class SbbHeaderLinkElement extends SbbHeaderLinkElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-header-link': SbbHeaderLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=header-link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header-link.d.ts","sourceRoot":"","sources":["../../../../../src/elements/header/header-link/header-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAGjE;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,yBAAqD;CAAG;AAElG,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

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

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

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

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

package/development/header/header-link.js

@@ -0,0 +1,23 @@
+import { customElement } from "lit/decorators.js";
+import { SbbLinkBaseElement } from "../core/base-elements.js";
+import { SbbHeaderActionCommonElementMixin } from "./common.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 SbbHeaderLinkElement = class extends SbbHeaderActionCommonElementMixin(SbbLinkBaseElement) {
+};
+SbbHeaderLinkElement = __decorateClass([
+  customElement("sbb-header-link")
+], SbbHeaderLinkElement);
+export {
+  SbbHeaderLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWxpbmsuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9oZWFkZXIvaGVhZGVyLWxpbmsvaGVhZGVyLWxpbmsudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYkhlYWRlckFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBsaW5rIGVsZW1lbnQgdGhhdCBjYW4gYmUgdXNlZCBpbiB0aGUgYHNiYi1oZWFkZXJgIGNvbXBvbmVudC5cbiAqXG4gKiBAc2xvdCBpY29uIC0gU2xvdCB1c2VkIHRvIHJlbmRlciB0aGUgbGluayBpY29uLlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi1oZWFkZXItbGlua2AuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItaGVhZGVyLWxpbmsnKVxuZXhwb3J0IGNsYXNzIFNiYkhlYWRlckxpbmtFbGVtZW50IGV4dGVuZHMgU2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudE1peGluKFNiYkxpbmtCYXNlRWxlbWVudCkge31cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1oZWFkZXItbGluayc6IFNiYkhlYWRlckxpbmtFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFZTyxJQUFNLHVCQUFOLGNBQW1DLGtDQUFrQyxrQkFBa0IsRUFBRTtBQUFDO0FBQXBGLHVCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGlCQUFpQjtBQUFBLEdBQ25CLG9CQUFBOyJ9

package/development/header/header.d.ts

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

package/development/header/header.d.ts.map

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