@sbb-esta/lyne-elements-experimental 4.0.0-next.2 → 4.0.0-next.3

package/custom-elements.json

@@ -2,6 +2,61 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid-button.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid-cell.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid-optgroup.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid-option.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid-row.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "journey-summary.js",
@@ -178,6 +233,96 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid-button.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid-cell.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid-optgroup.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid-option.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid-row.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "core/datetime.js",
@@ -1848,18 +1993,654 @@
         },
         {
           "kind": "js",
-          "name": "SbbTimetableRowElement",
+          "name": "SbbTimetableRowElement",
+          "declaration": {
+            "name": "SbbTimetableRowElement",
+            "module": "timetable-row/timetable-row.component.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-timetable-row",
+          "declaration": {
+            "name": "SbbTimetableRowElement",
+            "module": "timetable-row/timetable-row.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Combined with a native input, it displays a panel with a list of available options with connected buttons.",
+          "name": "SbbAutocompleteGridElement",
+          "cssProperties": [
+            {
+              "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.",
+              "name": "--sbb-autocomplete-z-index",
+              "default": "var(--sbb-overlay-default-z-index)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add `sbb-autocomplete-grid-row` or `sbb-autocomplete-grid-optgroup` elements to the `sbb-autocomplete-grid`.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "privacy": "public",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "overlayId",
+              "privacy": "protected",
+              "default": "`sbb-autocomplete-grid-${++nextId}`"
+            },
+            {
+              "kind": "field",
+              "name": "panelRole",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "'grid'"
+            },
+            {
+              "kind": "field",
+              "name": "_activeColumnIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "SbbAutocompleteGridOptionElement<T>[]"
+              },
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "syncNegative",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "openedPanelKeyboardInteraction",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "selectByKeyboard",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Select an element on 'Enter' keypress.\n\nDue to keyboard navigation code, the `_activeColumnIndex` is zero when an option is 'focused'\nand greater than zero when a button is 'focused', so asking for `querySelectorAll(...)[this._activeColumnIndex]`\nwould always return a `SbbAutocompleteGridButtonElement`."
+            },
+            {
+              "kind": "method",
+              "name": "setNextActiveOption",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "optional": true,
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_setNextHorizontalActiveElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "resetActiveElement",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setTriggerAttributes",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLInputElement"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "SbbAutocompleteBaseElement",
+            "package": "@sbb-esta/lyne-elements/autocomplete.js"
+          },
+          "classGenerics": "T = string",
+          "tagName": "sbb-autocomplete-grid",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbAutocompleteGridElement",
+          "declaration": {
+            "name": "SbbAutocompleteGridElement",
+            "module": "autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-autocomplete-grid",
+          "declaration": {
+            "name": "SbbAutocompleteGridElement",
+            "module": "autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays an icon-only button that can be used in `sbb-autocomplete-grid`.",
+          "name": "SbbAutocompleteGridButtonElement",
+          "slots": [
+            {
+              "description": "Slot used to display the icon, if one is set",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'button'"
+            },
+            {
+              "kind": "field",
+              "name": "option",
+              "type": {
+                "text": "SbbAutocompleteGridOptionElement | null"
+              },
+              "privacy": "public",
+              "description": "Gets the SbbAutocompleteGridOptionElement on the same row of the button.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "optgroup",
+              "type": {
+                "text": "SbbAutocompleteGridOptgroupElement | null"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "isDisabledExternally",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateInternals",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_handleButtonClick",
+              "privacy": "private"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbDisabledMixin",
+              "package": "@sbb-esta/lyne-elements/core/mixins.js"
+            },
+            {
+              "name": "SbbNegativeMixin",
+              "package": "@sbb-esta/lyne-elements/core/mixins.js"
+            },
+            {
+              "name": "SbbIconNameMixin",
+              "package": "@sbb-esta/lyne-elements/icon.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbActionBaseElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
+          },
+          "tagName": "sbb-autocomplete-grid-button",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbAutocompleteGridButtonElement",
+          "declaration": {
+            "name": "SbbAutocompleteGridButtonElement",
+            "module": "autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-autocomplete-grid-button",
+          "declaration": {
+            "name": "SbbAutocompleteGridButtonElement",
+            "module": "autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A wrapper component for autocomplete-grid action button.",
+          "name": "SbbAutocompleteGridCellElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add a `sbb-autocomplete-grid-button` element.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'gridcell'"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbElementInternalsMixin",
+              "package": "@sbb-esta/lyne-elements/core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sbb-autocomplete-grid-cell",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbAutocompleteGridCellElement",
+          "declaration": {
+            "name": "SbbAutocompleteGridCellElement",
+            "module": "autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-autocomplete-grid-cell",
+          "declaration": {
+            "name": "SbbAutocompleteGridCellElement",
+            "module": "autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It can be used as a container for one or more `sbb-autocomplete-grid-option`.",
+          "name": "SbbAutocompleteGridOptgroupElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add `sbb-autocomplete-grid-option` elements to the `sbb-autocomplete-grid-optgroup`.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "SbbAutocompleteGridOptionElement[]"
+              },
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "getAutocompleteParent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "SbbAutocompleteBaseElement | null"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setAttributeFromParent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SbbOptgroupBaseElement",
+            "package": "@sbb-esta/lyne-elements/option/optgroup.js"
+          },
+          "tagName": "sbb-autocomplete-grid-optgroup",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbAutocompleteGridOptgroupElement",
+          "declaration": {
+            "name": "SbbAutocompleteGridOptgroupElement",
+            "module": "autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-autocomplete-grid-optgroup",
+          "declaration": {
+            "name": "SbbAutocompleteGridOptgroupElement",
+            "module": "autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "autocompleteGridOptionId",
+          "type": {
+            "text": "string"
+          },
+          "default": "`sbb-autocomplete-grid-option`"
+        },
+        {
+          "kind": "class",
+          "description": "It displays an option item which can be used in `sbb-autocomplete-grid`.",
+          "name": "SbbAutocompleteGridOptionElement",
+          "cssProperties": [
+            {
+              "description": "Can be used to reserve space even when preserve-icon-space on autocomplete is not set or iconName is not set.",
+              "name": "--sbb-option-icon-container-display",
+              "default": "none"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add content to the option label.",
+              "name": ""
+            },
+            {
+              "description": "Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'gridcell'"
+            },
+            {
+              "kind": "field",
+              "name": "optionId",
+              "privacy": "protected",
+              "default": "`sbb-autocomplete-grid-option`",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setAttributeFromParent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectByClick",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "SbbOptionBaseElement",
+            "package": "@sbb-esta/lyne-elements/option.js"
+          },
+          "classGenerics": "T = string",
+          "tagName": "sbb-autocomplete-grid-option",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "autocompleteGridOptionId",
+          "declaration": {
+            "name": "autocompleteGridOptionId",
+            "module": "autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbAutocompleteGridOptionElement",
+          "declaration": {
+            "name": "SbbAutocompleteGridOptionElement",
+            "module": "autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-autocomplete-grid-option",
+          "declaration": {
+            "name": "SbbAutocompleteGridOptionElement",
+            "module": "autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The component is used as a wrapper for options and action buttons.",
+          "name": "SbbAutocompleteGridRowElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add a `sbb-autocomplete-grid-option` and a `sbb-autocomplete-grid-cell` with one or more `sbb-autocomplete-grid-button`.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'row'"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbElementInternalsMixin",
+              "package": "@sbb-esta/lyne-elements/core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sbb-autocomplete-grid-row",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbAutocompleteGridRowElement",
           "declaration": {
-            "name": "SbbTimetableRowElement",
-            "module": "timetable-row/timetable-row.component.js"
+            "name": "SbbAutocompleteGridRowElement",
+            "module": "autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sbb-timetable-row",
+          "name": "sbb-autocomplete-grid-row",
           "declaration": {
-            "name": "SbbTimetableRowElement",
-            "module": "timetable-row/timetable-row.component.js"
+            "name": "SbbAutocompleteGridRowElement",
+            "module": "autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js"
           }
         }
       ]
@@ -2531,6 +3312,15 @@
               "privacy": "protected",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "hasSeatReservationNativeFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "keyboardNavigationEvents",
@@ -4526,6 +5316,19 @@
                 "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "hasSeatReservationNativeFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "SeatReservationBaseElement",
+                "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "keyboardNavigationEvents",
@@ -6038,7 +6841,7 @@
               },
               "privacy": "public",
               "default": "false",
-              "description": "Pre-selected coach index property",
+              "description": "Select coach property",
               "attribute": "selected"
             },
             {
@@ -6049,9 +6852,31 @@
               },
               "privacy": "public",
               "default": "false",
-              "description": "Focused coach index property",
+              "description": "Focus coach property",
               "attribute": "focused"
             },
+            {
+              "kind": "field",
+              "name": "hovered",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Hover coach property",
+              "attribute": "hovered"
+            },
+            {
+              "kind": "field",
+              "name": "nativeFocusActive",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "true",
+              "description": "Native focus for this navigation coach is also set when the focused property is changed",
+              "attribute": "nativeFocusActive"
+            },
             {
               "kind": "field",
               "name": "index",
@@ -6273,7 +7098,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Pre-selected coach index property",
+              "description": "Select coach property",
               "fieldName": "selected"
             },
             {
@@ -6282,9 +7107,27 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Focused coach index property",
+              "description": "Focus coach property",
               "fieldName": "focused"
             },
+            {
+              "name": "hovered",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hover coach property",
+              "fieldName": "hovered"
+            },
+            {
+              "name": "nativeFocusActive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Native focus for this navigation coach is also set when the focused property is changed",
+              "fieldName": "nativeFocusActive"
+            },
             {
               "name": "index",
               "type": {
@@ -6384,102 +7227,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Component displays the available service icons of one coach.",
-          "name": "SbbSeatReservationNavigationServicesElement",
-          "members": [
-            {
-              "kind": "field",
-              "name": "propertyIds",
-              "type": {
-                "text": "string[]"
-              },
-              "privacy": "public",
-              "default": "[]",
-              "description": "Coach service property ids, which are used to display the services in the navigation",
-              "attribute": "property-ids"
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "If true, the service icons are displayed vertically",
-              "attribute": "vertical",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_language",
-              "privacy": "private",
-              "default": "new SbbLanguageController(this)"
-            },
-            {
-              "kind": "method",
-              "name": "_getServiceLabelDescription",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string | null"
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "property-ids",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]",
-              "description": "Coach service property ids, which are used to display the services in the navigation",
-              "fieldName": "propertyIds"
-            },
-            {
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, the service icons are displayed vertically",
-              "fieldName": "vertical"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "sbb-seat-reservation-navigation-services",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbSeatReservationNavigationServicesElement",
-          "declaration": {
-            "name": "SbbSeatReservationNavigationServicesElement",
-            "module": "seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-seat-reservation-navigation-services",
-          "declaration": {
-            "name": "SbbSeatReservationNavigationServicesElement",
-            "module": "seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js",
@@ -6750,6 +7497,102 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Component displays the available service icons of one coach.",
+          "name": "SbbSeatReservationNavigationServicesElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "propertyIds",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "public",
+              "default": "[]",
+              "description": "Coach service property ids, which are used to display the services in the navigation",
+              "attribute": "property-ids"
+            },
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "If true, the service icons are displayed vertically",
+              "attribute": "vertical",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "_getServiceLabelDescription",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string | null"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "property-ids",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "Coach service property ids, which are used to display the services in the navigation",
+              "fieldName": "propertyIds"
+            },
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the service icons are displayed vertically",
+              "fieldName": "vertical"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sbb-seat-reservation-navigation-services",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbSeatReservationNavigationServicesElement",
+          "declaration": {
+            "name": "SbbSeatReservationNavigationServicesElement",
+            "module": "seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-seat-reservation-navigation-services",
+          "declaration": {
+            "name": "SbbSeatReservationNavigationServicesElement",
+            "module": "seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js",