@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/container/sticky-bar.js

@@ -0,0 +1,221 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { hostAttributes } from "../core/decorators.js";
+import { AgnosticIntersectionObserver } from "../core/observers.js";
+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-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);
+  --sbb-sticky-bar-fade-in-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-5x)
+  );
+  --sbb-sticky-bar-fade-out-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);
+  --sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);
+  display: contents;
+}
+
+:host([data-sticking]) {
+  --sbb-sticky-bar-sticky-background-color: var(
+    --sbb-container-background-color,
+    var(--sbb-color-white)
+  );
+}
+
+:host([data-sticking][color=white]) {
+  --sbb-sticky-bar-sticky-background-color: var(--sbb-color-white);
+}
+
+:host([data-sticking][color=milk]) {
+  --sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk);
+}
+
+.sbb-sticky-bar__wrapper {
+  position: sticky;
+  inset-block-end: 0;
+  display: block;
+  z-index: var(--sbb-sticky-bar-z-index);
+}
+.sbb-sticky-bar__wrapper::after, .sbb-sticky-bar__wrapper::before {
+  content: "";
+  inset: 0;
+  position: absolute;
+  display: block;
+  z-index: -1;
+}
+.sbb-sticky-bar__wrapper::before {
+  background-color: var(--sbb-container-background-color);
+  padding: 0 !important;
+}
+:host(:not([data-expanded])) .sbb-sticky-bar__wrapper::before {
+  padding-inline: var(--sbb-layout-base-offset-responsive);
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  :host(:not([data-expanded])) .sbb-sticky-bar__wrapper::before {
+    max-width: calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));
+  }
+}
+:host([data-expanded]) .sbb-sticky-bar__wrapper::before {
+  padding-inline: var(--sbb-spacing-responsive-xxs);
+}
+.sbb-sticky-bar__wrapper::after {
+  background-color: var(--sbb-sticky-bar-sticky-background-color, transparent);
+  transition: background-color var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing);
+  border-start-start-radius: var(--sbb-sticky-bar-border-radius);
+  border-start-end-radius: var(--sbb-sticky-bar-border-radius);
+}
+:host([data-sticking]) .sbb-sticky-bar__wrapper::after {
+  transition-duration: var(--sbb-sticky-bar-fade-in-animation-duration);
+}
+@media (forced-colors: active) {
+  :host([data-sticking]) .sbb-sticky-bar__wrapper::after {
+    border-block-start: var(--sbb-border-width-1x) solid CanvasText;
+    border-radius: 0;
+  }
+}
+
+.sbb-sticky-bar {
+  display: flex;
+  padding-block: var(--sbb-sticky-bar-padding-block);
+  margin-block-end: -1px;
+}
+.sbb-sticky-bar::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  border-start-start-radius: var(--sbb-sticky-bar-border-radius);
+  border-start-end-radius: var(--sbb-sticky-bar-border-radius);
+  transition: box-shadow var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing);
+  clip-path: polygon(-50% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)), 150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)), 150% 50%, -50% 50%);
+}
+:host([data-sticking]) .sbb-sticky-bar::before {
+  box-shadow: var(--sbb-shadow-elevation-level-11-shadow-2-offset-x) var(--sbb-shadow-elevation-level-11-shadow-2-offset-y) var(--sbb-shadow-elevation-level-11-shadow-2-blur) var(--sbb-shadow-elevation-level-11-shadow-2-spread) var(--sbb-shadow-elevation-level-11-soft-2-color), var(--sbb-shadow-elevation-level-11-shadow-1-offset-x) var(--sbb-shadow-elevation-level-11-shadow-1-offset-y) var(--sbb-shadow-elevation-level-11-shadow-1-blur) var(--sbb-shadow-elevation-level-11-shadow-1-spread) var(--sbb-shadow-elevation-level-11-soft-1-color);
+  transition-duration: var(--sbb-sticky-bar-fade-in-animation-duration);
+}
+:host(:not([data-expanded])) .sbb-sticky-bar {
+  padding-inline: var(--sbb-layout-base-offset-responsive);
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  :host(:not([data-expanded])) .sbb-sticky-bar {
+    max-width: calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));
+  }
+}
+:host([data-expanded]) .sbb-sticky-bar {
+  padding-inline: var(--sbb-spacing-responsive-xxs);
+}
+
+.sbb-sticky-bar__intersector {
+  height: 1px;
+}
+.sbb-sticky-bar__intersector::after {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);
+  background-color: transparent;
+  pointer-events: none;
+  transition: background-color var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing);
+}
+:host([data-sticking]) .sbb-sticky-bar__intersector::after {
+  transition-duration: var(--sbb-sticky-bar-fade-in-animation-duration);
+  background-color: var(--sbb-sticky-bar-sticky-background-color);
+}`;
+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 SbbStickyBarElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._observer = new AgnosticIntersectionObserver(
+      (entries) => this._toggleShadowVisibility(entries[0])
+    );
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const container = this.closest("sbb-container");
+    if (container) {
+      this.toggleAttribute("data-expanded", container.expanded);
+    }
+    if (this._intersector) {
+      this._observer.observe(this._intersector);
+    }
+  }
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    if (!this._intersector) {
+      this._intersector = this.shadowRoot.querySelector(".sbb-sticky-bar__intersector");
+      this._observer.observe(this._intersector);
+    }
+    this._observer.observe(this);
+  }
+  _toggleShadowVisibility(entry) {
+    this.toggleAttribute(
+      "data-sticking",
+      !entry.isIntersecting && entry.boundingClientRect.top > 0
+    );
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._observer.disconnect();
+  }
+  render() {
+    return html`
+      <div class="sbb-sticky-bar__wrapper">
+        <div class="sbb-sticky-bar">
+          <slot></slot>
+        </div>
+      </div>
+      <div class="sbb-sticky-bar__intersector"></div>
+    `;
+  }
+};
+SbbStickyBarElement.styles = style;
+__decorateClass([
+  property({ reflect: true })
+], SbbStickyBarElement.prototype, "color", 2);
+SbbStickyBarElement = __decorateClass([
+  customElement("sbb-sticky-bar"),
+  hostAttributes({
+    slot: "sticky-bar"
+  })
+], SbbStickyBarElement);
+export {
+  SbbStickyBarElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpY2t5LWJhci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NvbnRhaW5lci9zdGlja3ktYmFyL3N0aWNreS1iYXIudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgTGl0RWxlbWVudCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBBZ25vc3RpY0ludGVyc2VjdGlvbk9ic2VydmVyIH0gZnJvbSAnLi4vLi4vY29yZS9vYnNlcnZlcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zdGlja3ktYmFyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQSBjb250YWluZXIgdGhhdCBzdGlja3MgdG8gdGhlIGJvdHRvbSBvZiB0aGUgcGFnZSBpZiBzbG90dGVkIGludG8gYHNiYi1jb250YWluZXJgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIHN0aWNreSBiYXIuXG4gKiBAY3NzcHJvcCBbLS1zYmItc3RpY2t5LWJhci1wYWRkaW5nLWJsb2NrPXZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUteHMpXSAtIEJsb2NrIHBhZGRpbmcgb2YgdGhlIHN0aWNreSBiYXIuXG4gKiBAY3NzcHJvcCBbLS1zYmItc3RpY2t5LWJhci1ib3R0b20tb3ZlcmxhcHBpbmctaGVpZ2h0PTBweF0gLSBEZWZpbmUgYW4gYWRkaXRpb25hbCBhcmVhIHdoZXJlXG4gKiB0aGUgc3RpY2t5IGJhciBvdmVybGFwcyB0aGUgZm9sbG93aW5nIGNvbnRlbnQgb24gdGhlIGJvdHRvbS5cbiAqIFRoaXMgYXJlYSBiZWNvbWVzIHZpc2libGUgd2hlbiB0aGUgc3RpY2t5IGJhciB0cmFuc2l0aW9ucyBmcm9tIHN0aWNreSB0byB0aGUgbm9ybWFsIGRvY3VtZW50IGZsb3cuXG4gKiBAY3NzcHJvcCBbLS1zYmItc3RpY2t5LWJhci16LWluZGV4XSAtIFRvIHNwZWNpZnkgYSBjdXN0b20gc3RhY2sgb3JkZXIsXG4gKiB0aGUgYHotaW5kZXhgIGNhbiBiZSBvdmVycmlkZGVuIGJ5IGRlZmluaW5nIHRoaXMgQ1NTIHZhcmlhYmxlLlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLXN0aWNreS1iYXInKVxuQGhvc3RBdHRyaWJ1dGVzKHtcbiAgc2xvdDogJ3N0aWNreS1iYXInLFxufSlcbmV4cG9ydCBjbGFzcyBTYmJTdGlja3lCYXJFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBDb2xvciBvZiB0aGUgY29udGFpbmVyLCBsaWtlIHRyYW5zcGFyZW50LCB3aGl0ZSBldGMuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGNvbG9yPzogJ3doaXRlJyB8ICdtaWxrJztcblxuICBwcml2YXRlIF9pbnRlcnNlY3Rvcj86IEhUTUxTcGFuRWxlbWVudDtcbiAgcHJpdmF0ZSBfb2JzZXJ2ZXIgPSBuZXcgQWdub3N0aWNJbnRlcnNlY3Rpb25PYnNlcnZlcigoZW50cmllcykgPT5cbiAgICB0aGlzLl90b2dnbGVTaGFkb3dWaXNpYmlsaXR5KGVudHJpZXNbMF0pLFxuICApO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgY29uc3QgY29udGFpbmVyID0gdGhpcy5jbG9zZXN0KCdzYmItY29udGFpbmVyJyk7XG4gICAgaWYgKGNvbnRhaW5lcikge1xuICAgICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtZXhwYW5kZWQnLCBjb250YWluZXIuZXhwYW5kZWQpO1xuICAgIH1cbiAgICBpZiAodGhpcy5faW50ZXJzZWN0b3IpIHtcbiAgICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUodGhpcy5faW50ZXJzZWN0b3IpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmICghdGhpcy5faW50ZXJzZWN0b3IpIHtcbiAgICAgIHRoaXMuX2ludGVyc2VjdG9yID0gdGhpcy5zaGFkb3dSb290IS5xdWVyeVNlbGVjdG9yKCcuc2JiLXN0aWNreS1iYXJfX2ludGVyc2VjdG9yJykhO1xuICAgICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9pbnRlcnNlY3Rvcik7XG4gICAgfVxuICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUodGhpcyk7XG4gIH1cblxuICBwcml2YXRlIF90b2dnbGVTaGFkb3dWaXNpYmlsaXR5KGVudHJ5OiBJbnRlcnNlY3Rpb25PYnNlcnZlckVudHJ5KTogdm9pZCB7XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoXG4gICAgICAnZGF0YS1zdGlja2luZycsXG4gICAgICAhZW50cnkuaXNJbnRlcnNlY3RpbmcgJiYgZW50cnkuYm91bmRpbmdDbGllbnRSZWN0LnRvcCA+IDAsXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX29ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zdGlja3ktYmFyX193cmFwcGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc3RpY2t5LWJhclwiPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItc3RpY2t5LWJhcl9faW50ZXJzZWN0b3JcIj48L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc3RpY2t5LWJhcic6IFNiYlN0aWNreUJhckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQTZCYSxJQUFBLHNCQUFOLGNBQWtDLFdBQVc7QUFBQSxFQUE3QyxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFPTCxTQUFRLFlBQVksSUFBSTtBQUFBLE1BQTZCLENBQUMsWUFDcEQsS0FBSyx3QkFBd0IsUUFBUSxDQUFDLENBQUM7QUFBQSxJQUFBO0FBQUEsRUFDekM7QUFBQSxFQUVnQixvQkFBMEI7QUFDeEMsVUFBTSxrQkFBa0I7QUFFbEIsVUFBQSxZQUFZLEtBQUssUUFBUSxlQUFlO0FBQzlDLFFBQUksV0FBVztBQUNSLFdBQUEsZ0JBQWdCLGlCQUFpQixVQUFVLFFBQVE7QUFBQSxJQUMxRDtBQUNBLFFBQUksS0FBSyxjQUFjO0FBQ2hCLFdBQUEsVUFBVSxRQUFRLEtBQUssWUFBWTtBQUFBLElBQzFDO0FBQUEsRUFDRjtBQUFBLEVBRW1CLGFBQWEsbUJBQStDO0FBQzdFLFVBQU0sYUFBYSxpQkFBaUI7QUFFaEMsUUFBQSxDQUFDLEtBQUssY0FBYztBQUN0QixXQUFLLGVBQWUsS0FBSyxXQUFZLGNBQWMsOEJBQThCO0FBQzVFLFdBQUEsVUFBVSxRQUFRLEtBQUssWUFBWTtBQUFBLElBQzFDO0FBQ0ssU0FBQSxVQUFVLFFBQVEsSUFBSTtBQUFBLEVBQzdCO0FBQUEsRUFFUSx3QkFBd0IsT0FBd0M7QUFDakUsU0FBQTtBQUFBLE1BQ0g7QUFBQSxNQUNBLENBQUMsTUFBTSxrQkFBa0IsTUFBTSxtQkFBbUIsTUFBTTtBQUFBLElBQUE7QUFBQSxFQUU1RDtBQUFBLEVBRWdCLHVCQUE2QjtBQUMzQyxVQUFNLHFCQUFxQjtBQUMzQixTQUFLLFVBQVU7RUFDakI7QUFBQSxFQUVtQixTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQVFUO0FBQ0Y7QUF2RGEsb0JBQ1ksU0FBeUI7QUFHWixnQkFBQTtBQUFBLEVBQW5DLFNBQVMsRUFBRSxTQUFTLE1BQU07QUFBQSxHQUpoQixvQkFJeUIsV0FBQSxTQUFBLENBQUE7QUFKekIsc0JBQU4sZ0JBQUE7QUFBQSxFQUpOLGNBQWMsZ0JBQWdCO0FBQUEsRUFDOUIsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLEVBQUEsQ0FDUDtBQUFBLEdBQ1ksbUJBQUE7In0=

package/development/container.d.ts

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

package/development/container.d.ts.map

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

package/development/container.js

@@ -0,0 +1,3 @@
+export * from "./container/container.js";
+export * from "./container/sticky-bar.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7In0=

package/development/core/a11y/arrow-navigation.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Check if the key pressed is among those allowed for navigation.
+ * @param event The keyboard event to check.
+ */
+export declare function isArrowKeyPressed(event: KeyboardEvent): boolean;
+/**
+ * Check if the key pressed should move the navigation to the next element.
+ * @param event The keyboard event to check.
+ */
+export declare function isPreviousArrowKeyPressed(event: KeyboardEvent): boolean;
+/**
+ * Check if the key pressed should move the navigation to the next element.
+ * @param event The keyboard event to check.
+ */
+export declare function isNextArrowKeyPressed(event: KeyboardEvent): boolean;
+/**
+ * Check if the key pressed is among those allowed for navigation.
+ * @param event The keyboard event to check.
+ */
+export declare function isArrowKeyOrPageKeysPressed(event: KeyboardEvent): boolean;
+/**
+ * Gets the index of the element to move to, based on the keyboard input, the current element in the list and the list size.
+ * @param event The keyboard event to check.
+ * @param current The index of the current element in the list.
+ * @param size The size of the list.
+ * @returns if it is a 'previous' event, returns the index of the previous element,
+ * or the index of the last one if the current element is the first in the list;
+ * if it is a 'next' event, returns the index of the next element,
+ * or the index of the first one, if the current is the last in the list.
+ */
+export declare function getNextElementIndex(event: KeyboardEvent, current: number, size: number): number;
+//# sourceMappingURL=arrow-navigation.d.ts.map

package/development/core/a11y/arrow-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/a11y/arrow-navigation.ts"],"names":[],"mappings":"AAeA;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAE/D;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEvE;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEnE;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEzE;AAkBD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAS/F"}

package/development/core/a11y/fake-event-detection.d.ts

@@ -0,0 +1,5 @@
+/** Gets whether an event could be a faked `mousedown` event dispatched by a screen reader. */
+export declare function isFakeMousedownFromScreenReader(event: MouseEvent): boolean;
+/** Gets whether an event could be a faked `touchstart` event dispatched by a screen reader. */
+export declare function isFakeTouchstartFromScreenReader(event: TouchEvent): boolean;
+//# sourceMappingURL=fake-event-detection.d.ts.map

package/development/core/a11y/fake-event-detection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fake-event-detection.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/a11y/fake-event-detection.ts"],"names":[],"mappings":"AAEA,8FAA8F;AAC9F,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAO1E;AAED,+FAA+F;AAC/F,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAc3E"}

package/development/core/a11y/focus-visible-within-controller.d.ts

@@ -0,0 +1,11 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+
+export declare class SbbFocusVisibleWithinController implements ReactiveController {
+    private _host;
+    private _focusinHandler;
+    private _focusoutHandler;
+    constructor(_host: ReactiveControllerHost & HTMLElement);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+//# sourceMappingURL=focus-visible-within-controller.d.ts.map

package/development/core/a11y/focus-visible-within-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-visible-within-controller.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/a11y/focus-visible-within-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAKtE,qBAAa,+BAAgC,YAAW,kBAAkB;IAYrD,OAAO,CAAC,KAAK;IAXhC,OAAO,CAAC,eAAe,CAKrB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;gBAEyB,KAAK,EAAE,sBAAsB,GAAG,WAAW;IAI/D,aAAa,IAAI,IAAI;IAKrB,gBAAgB,IAAI,IAAI;CAIhC"}

package/development/core/a11y/focus.d.ts

@@ -0,0 +1,22 @@
+export declare const IS_FOCUSABLE_QUERY: string;
+export declare function getFocusableElements(elements: HTMLElement[], properties?: {
+    filter?: (el: HTMLElement) => boolean;
+    findFirstFocusable?: boolean;
+    includeInvisibleElements?: boolean;
+}): HTMLElement[];
+export declare function getFirstFocusableElement(elements: HTMLElement[], filter?: (el: HTMLElement) => boolean): HTMLElement | null;
+export declare class SbbFocusHandler {
+    private _controller;
+    /**
+     * @param element in which the focus should be trapped.
+     * @param options options object.
+     * @param options.filter filter function which is applied during searching for focusable element. If an element is filtered, also child elements are filtered.
+     * @param options.postFilter filter function which is applied after collecting focusable elements.
+     */
+    trap(element: HTMLElement, options?: {
+        filter?: (el: HTMLElement) => boolean;
+        postFilter?: (el: HTMLElement) => boolean;
+    }): void;
+    disconnect(): void;
+}
+//# sourceMappingURL=focus.d.ts.map

package/development/core/a11y/focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/a11y/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,QAWnB,CAAC;AAGb,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,WAAW,EAAE,EACvB,UAAU,CAAC,EAAE;IACX,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACA,WAAW,EAAE,CAuCf;AAED,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,WAAW,EAAE,EACvB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,GACpC,WAAW,GAAG,IAAI,CAMpB;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,WAAW,CAAyB;IAE5C;;;;;OAKG;IACI,IAAI,CACT,OAAO,EAAE,WAAW,EACpB,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;QACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;KAC3C,GACA,IAAI;IA4CA,UAAU,IAAI,IAAI;CAI1B"}

package/development/core/a11y/input-modality-detector.d.ts

@@ -0,0 +1,58 @@
+export type SbbInputModality = 'touch' | 'mouse' | 'keyboard' | 'program' | null;
+/**
+ * Service that detects the user's input modality.
+ *
+ * This service does not update the input modality when a user navigates with a screen reader
+ * (e.g. linear navigation with VoiceOver, object navigation / browse mode with NVDA, virtual PC
+ * cursor mode with JAWS). This is in part due to technical limitations (i.e. keyboard events do not
+ * fire as expected in these modes) but is also arguably the correct behavior. Navigating with a
+ * screen reader is akin to visually scanning a page, and should not be interpreted as actual user
+ * input interaction.
+ *
+ * When a user is not navigating but *interacting* with a screen reader, this service attempts to
+ * update the input modality to keyboard, but in general this service's behavior is largely
+ * undefined.
+ */
+declare class SbbInputModalityDetector {
+    /** The most recently detected input modality. */
+    get mostRecentModality(): SbbInputModality | null;
+    reset(): void;
+    /**
+     * The most recent modality must be initialised with the value 'mouse' to cover the case where an action is
+     * performed but no mouse or keyboard event has yet occurred on the page (e.g. `sbb-popover` with hover trigger).
+     */
+    private _mostRecentModality;
+    /**
+     * The most recently detected input modality event target. Is null if no input modality has been
+     * detected or if the associated event target is null for some unknown reason.
+     */
+    get mostRecentTarget(): HTMLElement | null;
+    private _mostRecentTarget;
+    /** Options for this SbbInputModalityDetector. */
+    private readonly _options;
+    /**
+     * The timestamp of the last touch input modality. Used to determine whether mousedown events
+     * should be attributed to mouse or touch.
+     */
+    private _lastTouchMs;
+    /**
+     * Handles keydown events. Must be an arrow function in order to preserve the context when it gets
+     * bound.
+     */
+    private _onKeydown;
+    /**
+     * Handles mousedown events. Must be an arrow function in order to preserve the context when it
+     * gets bound.
+     */
+    private _onMousedown;
+    /**
+     * Handles touchstart events. Must be an arrow function in order to preserve the context when it
+     * gets bound.
+     */
+    private _onTouchstart;
+    constructor();
+}
+export declare const sbbInputModalityDetector: SbbInputModalityDetector;
+export declare function setModalityOnNextFocus(elementToFocus: HTMLElement | null | undefined): void;
+export {};
+//# sourceMappingURL=input-modality-detector.d.ts.map

package/development/core/a11y/input-modality-detector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-modality-detector.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/a11y/input-modality-detector.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC;AAmDjF;;;;;;;;;;;;;GAaG;AACH,cAAM,wBAAwB;IAC5B,iDAAiD;IACjD,IAAW,kBAAkB,IAAI,gBAAgB,GAAG,IAAI,CAEvD;IAEM,KAAK,IAAI,IAAI;IAMpB;;;OAGG;IACH,OAAO,CAAC,mBAAmB,CAAoC;IAE/D;;;OAGG;IACH,IAAW,gBAAgB,IAAI,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,iBAAiB,CAA4B;IAErD,iDAAiD;IACjD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAEvB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAK;IAEzB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAShB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY,CAYlB;IAEF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAenB;;CASH;AAED,eAAO,MAAM,wBAAwB,0BAAiC,CAAC;AAGvE,wBAAgB,sBAAsB,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAyB3F"}

package/development/core/a11y/interactivity-checker.d.ts

@@ -0,0 +1,17 @@
+export declare function hasGeometry(element: HTMLElement): boolean;
+export interface InterfaceInteractivityChecker {
+    isVisible(element: HTMLElement): boolean;
+}
+export declare class InteractivityChecker implements InterfaceInteractivityChecker {
+    /**
+     * Gets whether an element is visible for the purposes of interactivity.
+     *
+     * This will capture states like `display: none` and `visibility: hidden`, but not things like
+     * being clipped by an `overflow: hidden` parent or being outside the viewport.
+     *
+     * @returns Whether the element is visible.
+     */
+    isVisible(element: HTMLElement): boolean;
+}
+export declare const interactivityChecker: InterfaceInteractivityChecker;
+//# sourceMappingURL=interactivity-checker.d.ts.map

package/development/core/a11y/interactivity-checker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactivity-checker.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/a11y/interactivity-checker.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAQzD;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC;CAC1C;AAED,qBAAa,oBAAqB,YAAW,6BAA6B;IACxE;;;;;;;OAOG;IACI,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;CAGhD;AAUD,eAAO,MAAM,oBAAoB,EAAE,6BAIH,CAAC"}

package/development/core/a11y.d.ts

@@ -0,0 +1,7 @@
+export * from './a11y/arrow-navigation.js';
+export * from './a11y/fake-event-detection.js';
+export * from './a11y/focus-visible-within-controller.js';
+export * from './a11y/focus.js';
+export * from './a11y/interactivity-checker.js';
+export * from './a11y/input-modality-detector.js';
+//# sourceMappingURL=a11y.d.ts.map

package/development/core/a11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC"}