@sbb-esta/lyne-elements 2.9.0 → 2.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/autocomplete/autocomplete-base-element.d.ts +3 -1
  2. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  3. package/autocomplete/autocomplete-base-element.js +73 -63
  4. package/autocomplete/autocomplete.component.d.ts +1 -1
  5. package/autocomplete/autocomplete.component.d.ts.map +1 -1
  6. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +1 -1
  7. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  8. package/core/a11y/arrow-navigation.d.ts +2 -2
  9. package/core/a11y/arrow-navigation.d.ts.map +1 -1
  10. package/core/a11y/arrow-navigation.js +1 -1
  11. package/core/dom/platform.d.ts.map +1 -1
  12. package/core/dom/platform.js +1 -1
  13. package/custom-elements.json +95 -33
  14. package/development/autocomplete/autocomplete-base-element.d.ts +3 -1
  15. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  16. package/development/autocomplete/autocomplete-base-element.js +26 -4
  17. package/development/autocomplete/autocomplete.component.d.ts +1 -1
  18. package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
  19. package/development/autocomplete/autocomplete.component.js +1 -1
  20. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +1 -1
  21. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  22. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +1 -1
  23. package/development/core/a11y/arrow-navigation.d.ts +2 -2
  24. package/development/core/a11y/arrow-navigation.d.ts.map +1 -1
  25. package/development/core/a11y/arrow-navigation.js +4 -4
  26. package/development/core/dom/platform.d.ts.map +1 -1
  27. package/development/core/dom/platform.js +2 -2
  28. package/development/journey-header/journey-header.component.d.ts.map +1 -1
  29. package/development/journey-header/journey-header.component.js +6 -17
  30. package/development/select/select.component.js +2 -2
  31. package/development/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  32. package/development/skiplink-list/skiplink-list.component.js +4 -3
  33. package/development/slider/slider.component.js +2 -2
  34. package/development/toast/toast.component.d.ts +5 -9
  35. package/development/toast/toast.component.d.ts.map +1 -1
  36. package/development/toast/toast.component.js +20 -34
  37. package/development/toggle/toggle/toggle.component.d.ts +1 -5
  38. package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
  39. package/development/toggle/toggle/toggle.component.js +16 -22
  40. package/development/toggle/toggle-option/toggle-option.component.d.ts +1 -0
  41. package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  42. package/development/toggle/toggle-option/toggle-option.component.js +11 -7
  43. package/development/train/train-formation/train-formation.component.js +5 -1
  44. package/journey-header/journey-header.component.d.ts.map +1 -1
  45. package/journey-header/journey-header.component.js +37 -49
  46. package/package.json +1 -1
  47. package/select/select.component.js +1 -1
  48. package/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  49. package/skiplink-list/skiplink-list.component.js +10 -10
  50. package/slider/slider.component.js +1 -1
  51. package/toast/toast.component.d.ts +5 -9
  52. package/toast/toast.component.d.ts.map +1 -1
  53. package/toast/toast.component.js +35 -50
  54. package/toggle/toggle/toggle.component.d.ts +1 -5
  55. package/toggle/toggle/toggle.component.d.ts.map +1 -1
  56. package/toggle/toggle/toggle.component.js +34 -37
  57. package/toggle/toggle-option/toggle-option.component.d.ts +1 -0
  58. package/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  59. package/toggle/toggle-option/toggle-option.component.js +51 -47
  60. package/train/train-formation/train-formation.component.js +14 -14
package/autocomplete/autocomplete-base-element.d.ts CHANGED
@@ -24,6 +24,8 @@ export declare abstract class SbbAutocompleteBaseElement extends SbbAutocomplete
24
24
  accessor trigger: string | HTMLInputElement | null;
25
25
  /** Whether the icon space is preserved when no icon is set. */
26
26
  accessor preserveIconSpace: boolean;
27
+ /** Whether the first option is automatically activated when the autocomplete is opened. */
28
+ accessor autoActiveFirstOption: boolean;
27
29
  /** Returns the element where autocomplete overlay is attached to. */
28
30
  get originElement(): HTMLElement | null;
29
31
  /** Returns the trigger element. */
@@ -49,7 +51,7 @@ export declare abstract class SbbAutocompleteBaseElement extends SbbAutocomplete
49
51
  protected abstract setTriggerAttributes(element: HTMLInputElement): void;
50
52
  protected abstract openedPanelKeyboardInteraction(event: KeyboardEvent): void;
51
53
  protected abstract selectByKeyboard(event: KeyboardEvent): void;
52
- protected abstract setNextActiveOption(event: KeyboardEvent): void;
54
+ protected abstract setNextActiveOption(event?: KeyboardEvent): void;
53
55
  protected abstract resetActiveElement(): void;
54
56
  /** Opens the autocomplete. */
55
57
  open(): void;
package/autocomplete/autocomplete-base-element.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"autocomplete-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete-base-element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"autocomplete-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete-base-element.ts"],"names":[],"mappings":"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"}
package/autocomplete/autocomplete-base-element.js CHANGED
@@ -1,44 +1,45 @@
1
- var R = (i) => {
1
+ var U = (i) => {
2
2
  throw TypeError(i);
3
3
  };
4
- var M = (i, s, a) => s.has(i) || R("Cannot " + a);
5
- var v = (i, s, a) => (M(i, s, "read from private field"), a ? a.call(i) : s.get(i)), g = (i, s, a) => s.has(i) ? R("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, a), l = (i, s, a, r) => (M(i, s, "write to private field"), r ? r.call(i, a) : s.set(i, a), a);
6
- import { __runInitializers as b, __esDecorate as u } from "tslib";
7
- import { ResizeController as N } from "@lit-labs/observers/resize-controller.js";
8
- import { css as B, isServer as f, nothing as T, html as q } from "lit";
9
- import { property as _ } from "lit/decorators.js";
10
- import { ref as U } from "lit/directives/ref.js";
11
- import { SbbOpenCloseBaseElement as H } from "../core/base-elements.js";
12
- import { SbbConnectedAbortController as j, SbbIdReferenceController as $, SbbEscapableOverlayController as Y } from "../core/controllers.js";
13
- import { hostAttributes as Z, forceType as F } from "../core/decorators.js";
14
- import { isZeroAnimationDuration as K, isSafari as V } from "../core/dom.js";
15
- import { SbbNegativeMixin as G, SbbHydrationMixin as J } from "../core/mixins.js";
16
- import { isEventOnElement as w, removeAriaComboBoxAttributes as Q, setOverlayPosition as W, overlayGapFixCorners as X } from "../core/overlay.js";
17
- const ee = B`*,:before,:after{box-sizing:border-box}.sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-panel-active-option-y: 0;--sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-visibility: visible;--sbb-options-panel-width: fit-content;--sbb-options-panel-border-radius: var(--sbb-border-radius-4x);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-animation-timing-function: ease;--sbb-options-panel-gap-fix-opacity: 0;--sbb-options-panel-gap-fix-transform: none;--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-options-panel-background-color: var(--sbb-color-white);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-options-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:none}:host([data-state]:not([data-state=closed])){display:block}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-options-panel-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not([data-state])),:host([data-state=closed]){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host([data-state=opening]){--sbb-options-panel-animation-name: open}:host([data-state=closing]){--sbb-options-panel-animation-name: close}:host([data-state=opened]),:host([data-state=opening]){--sbb-options-panel-gap-fix-opacity: 1}:host([data-options-panel-position=below]){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host([data-options-panel-position=above]){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__container{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility);opacity:var(--sbb-options-panel-gap-fix-opacity);background-color:transparent;width:var(--sbb-options-panel-width);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility);overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel:before,.sbb-autocomplete__panel:after{content:"";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host([data-options-panel-position=below]) .sbb-autocomplete__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is([data-state=opened],[data-state=opening])) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[negative]) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}:host([data-options-panel-position=below]) .sbb-autocomplete__panel:before{display:block}:host([data-options-panel-position=above]) .sbb-autocomplete__panel:after{display:block}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-spacing-fixed-3x);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-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-autocomplete__options::-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-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media (forced-colors: active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}`, y = V, te = "inputAutocomplete";
18
- let ge = (() => {
19
- var p, d, h, n;
20
- let i = [Z({
4
+ var N = (i, s, a) => s.has(i) || U("Cannot " + a);
5
+ var g = (i, s, a) => (N(i, s, "read from private field"), a ? a.call(i) : s.get(i)), u = (i, s, a) => s.has(i) ? U("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, a), l = (i, s, a, n) => (N(i, s, "write to private field"), n ? n.call(i, a) : s.set(i, a), a);
6
+ import { __runInitializers as b, __esDecorate as m } from "tslib";
7
+ import { ResizeController as j } from "@lit-labs/observers/resize-controller.js";
8
+ import { css as Y, isServer as w, nothing as $, html as Z } from "lit";
9
+ import { property as f } from "lit/decorators.js";
10
+ import { ref as B } from "lit/directives/ref.js";
11
+ import { SbbOpenCloseBaseElement as K } from "../core/base-elements.js";
12
+ import { SbbConnectedAbortController as V, SbbIdReferenceController as q, SbbEscapableOverlayController as G } from "../core/controllers.js";
13
+ import { hostAttributes as J, forceType as H } from "../core/decorators.js";
14
+ import { isZeroAnimationDuration as Q, isSafari as W } from "../core/dom.js";
15
+ import { SbbNegativeMixin as X, SbbHydrationMixin as ee } from "../core/mixins.js";
16
+ import { isEventOnElement as y, removeAriaComboBoxAttributes as te, setOverlayPosition as oe, overlayGapFixCorners as ie } from "../core/overlay.js";
17
+ const se = Y`*,:before,:after{box-sizing:border-box}.sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-panel-active-option-y: 0;--sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-visibility: visible;--sbb-options-panel-width: fit-content;--sbb-options-panel-border-radius: var(--sbb-border-radius-4x);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-animation-timing-function: ease;--sbb-options-panel-gap-fix-opacity: 0;--sbb-options-panel-gap-fix-transform: none;--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-options-panel-background-color: var(--sbb-color-white);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-options-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:none}:host([data-state]:not([data-state=closed])){display:block}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-options-panel-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not([data-state])),:host([data-state=closed]){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host([data-state=opening]){--sbb-options-panel-animation-name: open}:host([data-state=closing]){--sbb-options-panel-animation-name: close}:host([data-state=opened]),:host([data-state=opening]){--sbb-options-panel-gap-fix-opacity: 1}:host([data-options-panel-position=below]){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host([data-options-panel-position=above]){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__container{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility);opacity:var(--sbb-options-panel-gap-fix-opacity);background-color:transparent;width:var(--sbb-options-panel-width);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility);overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel:before,.sbb-autocomplete__panel:after{content:"";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host([data-options-panel-position=below]) .sbb-autocomplete__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is([data-state=opened],[data-state=opening])) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[negative]) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}:host([data-options-panel-position=below]) .sbb-autocomplete__panel:before{display:block}:host([data-options-panel-position=above]) .sbb-autocomplete__panel:after{display:block}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-spacing-fixed-3x);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-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-autocomplete__options::-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-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media (forced-colors: active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}`, E = W, ae = "inputAutocomplete";
18
+ let _e = (() => {
19
+ var p, d, h, c, r;
20
+ let i = [J({
21
21
  popover: "manual"
22
- })], s, a = [], r, E = G(J(H)), x, k = [], C = [], O, A = [], S = [], I, P = [], z = [];
23
- return n = class extends E {
22
+ })], s, a = [], n, x = X(ee(K)), O, k = [], A = [], C, S = [], I = [], P, z = [], D = [], F, L = [], R = [];
23
+ return r = class extends x {
24
24
  constructor() {
25
25
  super(...arguments);
26
- g(this, p);
27
- g(this, d);
28
- g(this, h);
29
- l(this, p, b(this, k, null)), l(this, d, (b(this, C), b(this, A, null))), l(this, h, (b(this, S), b(this, P, !1))), this._triggerElement = b(this, z), this.abort = new j(this), this._originResizeObserver = new N(this, {
26
+ u(this, p);
27
+ u(this, d);
28
+ u(this, h);
29
+ u(this, c);
30
+ l(this, p, b(this, k, null)), l(this, d, (b(this, A), b(this, S, null))), l(this, h, (b(this, I), b(this, z, !1))), l(this, c, (b(this, D), b(this, L, !1))), this._triggerElement = b(this, R), this.abort = new V(this), this._originResizeObserver = new j(this, {
30
31
  target: null,
31
32
  skipInitial: !0,
32
33
  callback: () => {
33
34
  this.state === "opened" && this._setOverlayPosition();
34
35
  }
35
- }), this._triggerAttributeObserver = f ? null : new MutationObserver((e) => {
36
+ }), this._triggerAttributeObserver = w ? null : new MutationObserver((e) => {
36
37
  const t = e[0].target;
37
38
  (t.hasAttribute("disabled") || t.hasAttribute("readonly")) && this.close();
38
- }), this._triggerIdReferenceController = new $(this, "trigger"), this._originIdReferenceController = new $(this, "origin"), this._isPointerDownEventOnMenu = !1, this._escapableOverlayController = new Y(this), this._pointerDownListener = (e) => {
39
- this._isPointerDownEventOnMenu = w(this._overlay, e);
39
+ }), this._triggerIdReferenceController = new q(this, "trigger"), this._originIdReferenceController = new q(this, "origin"), this._isPointerDownEventOnMenu = !1, this._escapableOverlayController = new G(this), this._pointerDownListener = (e) => {
40
+ this._isPointerDownEventOnMenu = y(this._overlay, e);
40
41
  }, this._closeOnBackdropClick = (e) => {
41
- !this._isPointerDownEventOnMenu && !w(this._overlay, e) && !w(this.originElement, e) && this.close();
42
+ !this._isPointerDownEventOnMenu && !y(this._overlay, e) && !y(this.originElement, e) && this.close();
42
43
  };
43
44
  }
44
45
  /**
@@ -48,7 +49,7 @@ let ge = (() => {
48
49
  * 2. trigger element if set.
49
50
  */
50
51
  get origin() {
51
- return v(this, p);
52
+ return g(this, p);
52
53
  }
53
54
  set origin(e) {
54
55
  l(this, p, e);
@@ -59,22 +60,29 @@ let ge = (() => {
59
60
  * If not set, will search for the first 'input' child of a 'sbb-form-field' ancestor.
60
61
  */
61
62
  get trigger() {
62
- return v(this, d);
63
+ return g(this, d);
63
64
  }
64
65
  set trigger(e) {
65
66
  l(this, d, e);
66
67
  }
67
68
  /** Whether the icon space is preserved when no icon is set. */
68
69
  get preserveIconSpace() {
69
- return v(this, h);
70
+ return g(this, h);
70
71
  }
71
72
  set preserveIconSpace(e) {
72
73
  l(this, h, e);
73
74
  }
75
+ /** Whether the first option is automatically activated when the autocomplete is opened. */
76
+ get autoActiveFirstOption() {
77
+ return g(this, c);
78
+ }
79
+ set autoActiveFirstOption(e) {
80
+ l(this, c, e);
81
+ }
74
82
  /** Returns the element where autocomplete overlay is attached to. */
75
83
  get originElement() {
76
- var e, t, o, c;
77
- return this.origin instanceof HTMLElement ? this.origin : this._originIdReferenceController.find() ?? ((c = (o = (t = (e = this.closest) == null ? void 0 : e.call(this, "sbb-form-field")) == null ? void 0 : t.shadowRoot) == null ? void 0 : o.querySelector) == null ? void 0 : c.call(o, "#overlay-anchor")) ?? this.triggerElement ?? null;
84
+ var e, t, o, v;
85
+ return this.origin instanceof HTMLElement ? this.origin : this._originIdReferenceController.find() ?? ((v = (o = (t = (e = this.closest) == null ? void 0 : e.call(this, "sbb-form-field")) == null ? void 0 : t.shadowRoot) == null ? void 0 : o.querySelector) == null ? void 0 : v.call(o, "#overlay-anchor")) ?? this.triggerElement ?? null;
78
86
  }
79
87
  // TODO: Breaking change: remove undefined as return type.
80
88
  /** Returns the trigger element. */
@@ -90,7 +98,7 @@ let ge = (() => {
90
98
  const e = this.originElement;
91
99
  if (!e)
92
100
  throw new Error('Cannot find the origin element. Please specify a valid element or check the usage of the "origin" property from the documentation');
93
- this._setOverlayPosition(e), this._isZeroAnimationDuration() && this._handleOpening();
101
+ this._setOverlayPosition(e), this.autoActiveFirstOption && this.setNextActiveOption(), this._isZeroAnimationDuration() && this._handleOpening();
94
102
  }
95
103
  /** Closes the autocomplete. */
96
104
  close() {
@@ -98,10 +106,10 @@ let ge = (() => {
98
106
  this.state === "opened" && this.willClose.emit() && (this.state = "closing", (e = this._triggerElement) == null || e.toggleAttribute("data-expanded", !1), this._openPanelEventsController.abort(), this.originElement && this._originResizeObserver.unobserve(this.originElement), this._isZeroAnimationDuration() && this._handleClosing());
99
107
  }
100
108
  _isZeroAnimationDuration() {
101
- return K(this, "--sbb-options-panel-animation-duration");
109
+ return Q(this, "--sbb-options-panel-animation-duration");
102
110
  }
103
111
  connectedCallback() {
104
- super.connectedCallback(), y && (this.id || (this.id = this.overlayId));
112
+ super.connectedCallback(), E && (this.id || (this.id = this.overlayId));
105
113
  const e = this.closest("sbb-form-field") ?? this.closest("[data-form-field]");
106
114
  e && (this.negative = e.hasAttribute("negative")), this.hasUpdated && this._componentSetup(), this.syncNegative();
107
115
  }
@@ -116,16 +124,16 @@ let ge = (() => {
116
124
  super.disconnectedCallback(), this._triggerElement = null, (e = this._triggerAbortController) == null || e.abort(), (t = this._openPanelEventsController) == null || t.abort();
117
125
  }
118
126
  requestUpdate(e, t, o) {
119
- super.requestUpdate(e, t, o), !(f || !this.hasUpdated) && (!e || e === "trigger" ? this._configureTrigger() : (!e || e === "origin") && this.isOpen && this._setOverlayPosition());
127
+ super.requestUpdate(e, t, o), !(w || !this.hasUpdated) && (!e || e === "trigger" ? this._configureTrigger() : (!e || e === "origin") && this.isOpen && this._setOverlayPosition());
120
128
  }
121
129
  /** When an option is selected, update the input value and close the autocomplete. */
122
130
  onOptionSelected(e) {
123
131
  const t = e.target;
124
- t.selected && (this.options.filter((o) => o.id !== t.id && o.selected).forEach((o) => o.selected = !1), this.triggerElement && (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this.triggerElement, t.value), this.triggerElement.dispatchEvent(new Event("change", { bubbles: !0 })), this.triggerElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this.triggerElement.dispatchEvent(new Event(te)), this.triggerElement.focus()), this.close());
132
+ t.selected && (this.options.filter((o) => o.id !== t.id && o.selected).forEach((o) => o.selected = !1), this.triggerElement && (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this.triggerElement, t.value), this.triggerElement.dispatchEvent(new Event("change", { bubbles: !0 })), this.triggerElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this.triggerElement.dispatchEvent(new Event(ae)), this.triggerElement.focus()), this.close());
125
133
  }
126
134
  _handleSlotchange() {
127
135
  var e;
128
- this._highlightOptions((e = this.triggerElement) == null ? void 0 : e.value), this._openOnNewOptions();
136
+ this._highlightOptions((e = this.triggerElement) == null ? void 0 : e.value), this.isOpen && this._setOverlayPosition(), this._openOnNewOptions();
129
137
  }
130
138
  /**
131
139
  * If the 'input' is focused and there's a change in the number of options, open the autocomplete
@@ -140,24 +148,24 @@ let ge = (() => {
140
148
  }
141
149
  _componentSetup() {
142
150
  var e, t;
143
- f || (this.toggleAttribute("data-option-panel-origin-borderless", !!((t = (e = this.closest) == null ? void 0 : e.call(this, "sbb-form-field")) != null && t.hasAttribute("borderless"))), this._configureTrigger());
151
+ w || (this.toggleAttribute("data-option-panel-origin-borderless", !!((t = (e = this.closest) == null ? void 0 : e.call(this, "sbb-form-field")) != null && t.hasAttribute("borderless"))), this._configureTrigger());
144
152
  }
145
153
  _configureTrigger() {
146
- var o, c, D, L;
147
- const e = this.trigger instanceof HTMLElement ? this.trigger : this.trigger ? this._triggerIdReferenceController.find() : (c = (o = this.closest) == null ? void 0 : o.call(this, "sbb-form-field")) == null ? void 0 : c.querySelector("input");
148
- if (e === this._triggerElement || ((D = this._triggerAbortController) == null || D.abort(), Q(this.triggerElement), this._triggerElement = e, !this.triggerElement))
154
+ var o, v, M, T;
155
+ const e = this.trigger instanceof HTMLElement ? this.trigger : this.trigger ? this._triggerIdReferenceController.find() : (v = (o = this.closest) == null ? void 0 : o.call(this, "sbb-form-field")) == null ? void 0 : v.querySelector("input");
156
+ if (e === this._triggerElement || ((M = this._triggerAbortController) == null || M.abort(), te(this.triggerElement), this._triggerElement = e, !this.triggerElement))
149
157
  return;
150
158
  const t = this.originElement;
151
- this.triggerElement === t && this.isOpen && this._setOverlayPosition(t), (L = this._triggerAttributeObserver) == null || L.observe(this._triggerElement, {
159
+ this.triggerElement === t && this.isOpen && this._setOverlayPosition(t), (T = this._triggerAttributeObserver) == null || T.observe(this._triggerElement, {
152
160
  attributes: !0,
153
161
  attributeFilter: ["disabled", "readonly"]
154
162
  }), this.setTriggerAttributes(this.triggerElement), this._triggerAbortController = new AbortController(), this.triggerElement.addEventListener("focus", () => this.open(), {
155
163
  signal: this._triggerAbortController.signal
156
164
  }), this.triggerElement.addEventListener("click", () => this.open(), {
157
165
  signal: this._triggerAbortController.signal
158
- }), this.triggerElement.addEventListener("input", (m) => {
159
- this.open(), this._highlightOptions(m.target.value);
160
- }, { signal: this._triggerAbortController.signal }), this.triggerElement.addEventListener("keydown", (m) => this._closedPanelKeyboardInteraction(m), {
166
+ }), this.triggerElement.addEventListener("input", (_) => {
167
+ this.open(), this._highlightOptions(_.target.value);
168
+ }, { signal: this._triggerAbortController.signal }), this.triggerElement.addEventListener("keydown", (_) => this._closedPanelKeyboardInteraction(_), {
161
169
  signal: this._triggerAbortController.signal,
162
170
  // We need key event to run before any other subscription to guarantee a correct
163
171
  // interaction with other components (necessary for the 'sbb-chip-group' use case).
@@ -166,7 +174,7 @@ let ge = (() => {
166
174
  }
167
175
  // Set overlay position, width and max height
168
176
  _setOverlayPosition(e = this.originElement) {
169
- e && W(this._overlay, e, this._optionContainer, this.shadowRoot.querySelector(".sbb-autocomplete__container"), this);
177
+ e && oe(this._overlay, e, this._optionContainer, this.shadowRoot.querySelector(".sbb-autocomplete__container"), this);
170
178
  }
171
179
  /**
172
180
  * On open/close animation end.
@@ -221,22 +229,22 @@ let ge = (() => {
221
229
  e != null && this.options.forEach((t) => t.highlight(e));
222
230
  }
223
231
  render() {
224
- return q`
232
+ return Z`
225
233
  <div class="sbb-autocomplete__gap-fix"></div>
226
234
  <div class="sbb-autocomplete__container">
227
- <div class="sbb-autocomplete__gap-fix">${X()}</div>
235
+ <div class="sbb-autocomplete__gap-fix">${ie()}</div>
228
236
  <div
229
237
  @animationend=${this._onAnimationEnd}
230
238
  class="sbb-autocomplete__panel"
231
239
  ?data-open=${this.state === "opened" || this.state === "opening"}
232
- ${U((e) => this._overlay = e)}
240
+ ${B((e) => this._overlay = e)}
233
241
  >
234
242
  <div class="sbb-autocomplete__wrapper">
235
243
  <div
236
244
  class="sbb-autocomplete__options"
237
- role=${y ? T : this.panelRole}
238
- id=${y ? T : this.overlayId}
239
- ${U((e) => this._optionContainer = e)}
245
+ role=${E ? $ : this.panelRole}
246
+ id=${E ? $ : this.overlayId}
247
+ ${B((e) => this._optionContainer = e)}
240
248
  >
241
249
  <slot @slotchange=${this._handleSlotchange}></slot>
242
250
  </div>
@@ -245,18 +253,20 @@ let ge = (() => {
245
253
  </div>
246
254
  `;
247
255
  }
248
- }, p = new WeakMap(), d = new WeakMap(), h = new WeakMap(), r = n, (() => {
249
- const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(E[Symbol.metadata] ?? null) : void 0;
250
- x = [_()], O = [_()], I = [F(), _({ attribute: "preserve-icon-space", reflect: !0, type: Boolean })], u(n, null, x, { kind: "accessor", name: "origin", static: !1, private: !1, access: { has: (t) => "origin" in t, get: (t) => t.origin, set: (t, o) => {
256
+ }, p = new WeakMap(), d = new WeakMap(), h = new WeakMap(), c = new WeakMap(), n = r, (() => {
257
+ const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
258
+ O = [f()], C = [f()], P = [H(), f({ attribute: "preserve-icon-space", reflect: !0, type: Boolean })], F = [H(), f({ attribute: "auto-active-first-option", type: Boolean })], m(r, null, O, { kind: "accessor", name: "origin", static: !1, private: !1, access: { has: (t) => "origin" in t, get: (t) => t.origin, set: (t, o) => {
251
259
  t.origin = o;
252
- } }, metadata: e }, k, C), u(n, null, O, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, o) => {
260
+ } }, metadata: e }, k, A), m(r, null, C, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, o) => {
253
261
  t.trigger = o;
254
- } }, metadata: e }, A, S), u(n, null, I, { kind: "accessor", name: "preserveIconSpace", static: !1, private: !1, access: { has: (t) => "preserveIconSpace" in t, get: (t) => t.preserveIconSpace, set: (t, o) => {
262
+ } }, metadata: e }, S, I), m(r, null, P, { kind: "accessor", name: "preserveIconSpace", static: !1, private: !1, access: { has: (t) => "preserveIconSpace" in t, get: (t) => t.preserveIconSpace, set: (t, o) => {
255
263
  t.preserveIconSpace = o;
256
- } }, metadata: e }, P, z), u(null, s = { value: r }, i, { kind: "class", name: r.name, metadata: e }, null, a), r = s.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
257
- })(), n.styles = ee, b(r, a), r;
264
+ } }, metadata: e }, z, D), m(r, null, F, { kind: "accessor", name: "autoActiveFirstOption", static: !1, private: !1, access: { has: (t) => "autoActiveFirstOption" in t, get: (t) => t.autoActiveFirstOption, set: (t, o) => {
265
+ t.autoActiveFirstOption = o;
266
+ } }, metadata: e }, L, R), m(null, s = { value: n }, i, { kind: "class", name: n.name, metadata: e }, null, a), n = s.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
267
+ })(), r.styles = se, b(n, a), n;
258
268
  })();
259
269
  export {
260
- ge as SbbAutocompleteBaseElement,
261
- te as inputAutocompleteEvent
270
+ _e as SbbAutocompleteBaseElement,
271
+ ae as inputAutocompleteEvent
262
272
  };
package/autocomplete/autocomplete.component.d.ts CHANGED
@@ -21,7 +21,7 @@ export declare class SbbAutocompleteElement extends SbbAutocompleteBaseElement {
21
21
  protected syncNegative(): void;
22
22
  protected openedPanelKeyboardInteraction(event: KeyboardEvent): void;
23
23
  protected selectByKeyboard(event: KeyboardEvent): void;
24
- protected setNextActiveOption(event: KeyboardEvent): void;
24
+ protected setNextActiveOption(event?: KeyboardEvent): void;
25
25
  protected resetActiveElement(): void;
26
26
  protected setTriggerAttributes(element: HTMLInputElement): void;
27
27
  }
package/autocomplete/autocomplete.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAU5E;;;;;;;;;;;GAWG;AACH,qBAKM,sBAAuB,SAAQ,0BAA0B;IAC7D,SAAS,CAAC,SAAS,SAAkC;IACrD,SAAS,CAAC,SAAS,SAAa;IAChC,OAAO,CAAC,gBAAgB,CAAM;IAE9B,SAAS,KAAK,OAAO,IAAI,gBAAgB,EAAE,CAE1C;;IASD,SAAS,CAAC,YAAY,IAAI,IAAI;IAQ9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAqBpE,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAStD,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAqBzD,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAUpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}
1
+ {"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAU5E;;;;;;;;;;;GAWG;AACH,qBAKM,sBAAuB,SAAQ,0BAA0B;IAC7D,SAAS,CAAC,SAAS,SAAkC;IACrD,SAAS,CAAC,SAAS,SAAa;IAChC,OAAO,CAAC,gBAAgB,CAAM;IAE9B,SAAS,KAAK,OAAO,IAAI,gBAAgB,EAAE,CAE1C;;IASD,SAAS,CAAC,YAAY,IAAI,IAAI;IAQ9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAqBpE,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAStD,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IAqB1D,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAUpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}
package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts CHANGED
@@ -30,7 +30,7 @@ export declare class SbbAutocompleteGridElement extends SbbAutocompleteBaseEleme
30
30
  * would always return a `SbbAutocompleteGridButtonElement`.
31
31
  */
32
32
  protected selectByKeyboard(event: KeyboardEvent): void;
33
- protected setNextActiveOption(event: KeyboardEvent): void;
33
+ protected setNextActiveOption(event?: KeyboardEvent): void;
34
34
  private _setNextHorizontalActiveElement;
35
35
  protected resetActiveElement(): void;
36
36
  protected setTriggerAttributes(element: HTMLInputElement): void;
package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAQnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAWlF;;;;;;;;;;;GAWG;AACH,qBAKM,0BAA2B,SAAQ,0BAA0B;IACjE,SAAS,CAAC,SAAS,SAAuC;IAC1D,SAAS,CAAC,SAAS,SAAU;IAC7B,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,kBAAkB,CAAK;IAE/B,SAAS,KAAK,OAAO,IAAI,gCAAgC,EAAE,CAE1D;IAED,OAAO,KAAK,IAAI,GAMf;;IASD,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA0BpE;;;;;;OAMG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IActD,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA8BzD,OAAO,CAAC,+BAA+B;IAmCvC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAkBpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
1
+ {"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAQnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAWlF;;;;;;;;;;;GAWG;AACH,qBAKM,0BAA2B,SAAQ,0BAA0B;IACjE,SAAS,CAAC,SAAS,SAAuC;IAC1D,SAAS,CAAC,SAAS,SAAU;IAC7B,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,kBAAkB,CAAK;IAE/B,SAAS,KAAK,OAAO,IAAI,gCAAgC,EAAE,CAE1D;IAED,OAAO,KAAK,IAAI,GAMf;;IASD,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA0BpE;;;;;;OAMG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IActD,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IA8B1D,OAAO,CAAC,+BAA+B;IAmCvC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAkBpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
package/core/a11y/arrow-navigation.d.ts CHANGED
@@ -20,7 +20,7 @@ export declare function isNextArrowKeyPressed(event: KeyboardEvent): boolean;
20
20
  export declare function isArrowKeyOrPageKeysPressed(event: KeyboardEvent): boolean;
21
21
  /**
22
22
  * Gets the index of the element to move to, based on the keyboard input, the current element in the list and the list size.
23
- * @param event The keyboard event to check.
23
+ * @param event The keyboard event to check. If null, will count as a 'next' step.
24
24
  * @param current The index of the current element in the list.
25
25
  * @param size The size of the list.
26
26
  * @returns if it is a 'previous' event, returns the index of the previous element,
@@ -28,5 +28,5 @@ export declare function isArrowKeyOrPageKeysPressed(event: KeyboardEvent): boole
28
28
  * if it is a 'next' event, returns the index of the next element,
29
29
  * or the index of the first one, if the current is the last in the list.
30
30
  */
31
- export declare function getNextElementIndex(event: KeyboardEvent, current: number, size: number): number;
31
+ export declare function getNextElementIndex(event: KeyboardEvent | undefined, current: number, size: number): number;
32
32
  //# sourceMappingURL=arrow-navigation.d.ts.map
package/core/a11y/arrow-navigation.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"arrow-navigation.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/arrow-navigation.ts"],"names":[],"mappings":"AAaA;;;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"}
1
+ {"version":3,"file":"arrow-navigation.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/arrow-navigation.ts"],"names":[],"mappings":"AAaA;;;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,CACjC,KAAK,EAAE,aAAa,GAAG,SAAS,EAChC,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,GACX,MAAM,CASR"}
package/core/a11y/arrow-navigation.js CHANGED
@@ -22,7 +22,7 @@ function w(e) {
22
22
  const y = 0;
23
23
  function K(e, r, n) {
24
24
  const { prevKey: s, nextKey: i } = t();
25
- return e.key === s || e.key === "ArrowUp" ? r < y ? w(n) : o(r, n, -1) : e.key === i || e.key === "ArrowDown" ? r >= n ? y : o(r, n, 1) : r;
25
+ return !e || e.key === i || e.key === "ArrowDown" ? r >= n ? y : o(r, n, 1) : e.key === s || e.key === "ArrowUp" ? r < y ? w(n) : o(r, n, -1) : r;
26
26
  }
27
27
  export {
28
28
  K as getNextElementIndex,
package/core/dom/platform.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/platform.ts"],"names":[],"mappings":"AAmBA,qDAAqD;AACrD,eAAO,MAAM,MAAM,SAAmD,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,SAAS,SAA2D,CAAC;AAGlF,qDAAqD;AACrD,eAAO,MAAM,OAAO,SAKR,CAAC;AAIb,sDAAsD;AACtD,eAAO,MAAM,QAAQ,SACuE,CAAC;AAE7F,iDAAiD;AACjD,eAAO,MAAM,KAAK,SACoE,CAAC;AAEvF;;;GAGG;AACH,eAAO,MAAM,OAAO,SAAoC,CAAC;AAMzD,8CAA8C;AAC9C,eAAO,MAAM,SAAS,SAAgE,CAAC;AAEvF,+CAA+C;AAE/C,eAAO,MAAM,SAAS,SAAkE,CAAC;AAKzF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,SAA+D,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,CAAC;AAElC,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,QAAO,OAAmD,CAAC"}
1
+ {"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/platform.ts"],"names":[],"mappings":"AAmBA,qDAAqD;AACrD,eAAO,MAAM,MAAM,SAAmD,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,SAAS,SAA2D,CAAC;AAGlF,qDAAqD;AACrD,eAAO,MAAM,OAAO,SAKR,CAAC;AAIb,sDAAsD;AACtD,eAAO,MAAM,QAAQ,SACuE,CAAC;AAE7F,iDAAiD;AACjD,eAAO,MAAM,KAAK,SACoE,CAAC;AAEvF;;;GAGG;AACH,eAAO,MAAM,OAAO,SAAiD,CAAC;AAMtE,8CAA8C;AAC9C,eAAO,MAAM,SAAS,SAAgE,CAAC;AAEvF,+CAA+C;AAE/C,eAAO,MAAM,SAAS,SAAkE,CAAC;AAKzF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,SAA+D,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,CAAC;AAElC,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,QAAO,OAAmD,CAAC"}
package/core/dom/platform.js CHANGED
@@ -5,7 +5,7 @@ try {
5
5
  } catch {
6
6
  e = !1;
7
7
  }
8
- const s = !t && /(edge)/i.test(navigator.userAgent), i = !t && /(msie|trident)/i.test(navigator.userAgent), n = !t && !!(window.chrome || e) && typeof CSS < "u" && !s && !i, r = !t && /AppleWebKit/i.test(navigator.userAgent) && !n && !s && !i, a = !t && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), g = /(Mac)/i.test(navigator.platform), d = !t && /(firefox|minefield)/i.test(navigator.userAgent), c = !t && /android/i.test(navigator.userAgent) && !i, f = !t && /safari/i.test(navigator.userAgent) && r, l = n, u = () => !!globalThis.next;
8
+ const s = !t && /(edge)/i.test(navigator.userAgent), i = !t && /(msie|trident)/i.test(navigator.userAgent), n = !t && !!(window.chrome || e) && typeof CSS < "u" && !s && !i, r = !t && /AppleWebKit/i.test(navigator.userAgent) && !n && !s && !i, a = !t && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), g = !t && /(Mac)/i.test(navigator.platform), d = !t && /(firefox|minefield)/i.test(navigator.userAgent), c = !t && /android/i.test(navigator.userAgent) && !i, f = !t && /safari/i.test(navigator.userAgent) && r, l = n, u = () => !!globalThis.next;
9
9
  export {
10
10
  c as isAndroid,
11
11
  n as isBlink,