@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773149682 → 4.7.0-dev.1773157364

package/custom-elements.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "autocomplete-grid.js",
+      "path": "autocomplete-grid.pure.js",
       "declarations": [],
       "exports": [
         {
@@ -12,7 +12,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "autocomplete-grid/autocomplete-grid.js"
+            "module": "autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js"
           }
         },
         {
@@ -20,7 +20,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "autocomplete-grid/autocomplete-grid-button.js"
+            "module": "autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js"
           }
         },
         {
@@ -28,7 +28,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "autocomplete-grid/autocomplete-grid-cell.js"
+            "module": "autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js"
           }
         },
         {
@@ -36,7 +36,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "autocomplete-grid/autocomplete-grid-optgroup.js"
+            "module": "autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js"
           }
         },
         {
@@ -44,7 +44,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "autocomplete-grid/autocomplete-grid-option.js"
+            "module": "autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js"
           }
         },
         {
@@ -52,14 +52,29 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "autocomplete-grid/autocomplete-grid-row.js"
+            "module": "autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "journey-summary.js",
+      "path": "autocomplete-grid.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "autocomplete-grid.pure.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "journey-summary.pure.js",
       "declarations": [],
       "exports": [
         {
@@ -74,7 +89,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "pearl-chain-time.js",
+      "path": "journey-summary.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "journey-summary.pure.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "pearl-chain-time.pure.js",
       "declarations": [],
       "exports": [
         {
@@ -89,7 +119,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "pearl-chain-vertical-item.js",
+      "path": "pearl-chain-time.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "pearl-chain-time.pure.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "pearl-chain-vertical-item.pure.js",
       "declarations": [],
       "exports": [
         {
@@ -104,7 +149,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "pearl-chain-vertical.js",
+      "path": "pearl-chain-vertical-item.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "pearl-chain-vertical-item.pure.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "pearl-chain-vertical.pure.js",
       "declarations": [],
       "exports": [
         {
@@ -119,7 +179,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "pearl-chain.js",
+      "path": "pearl-chain-vertical.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "pearl-chain-vertical.pure.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "pearl-chain.pure.js",
       "declarations": [],
       "exports": [
         {
@@ -134,7 +209,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "seat-reservation.js",
+      "path": "pearl-chain.js",
       "declarations": [],
       "exports": [
         {
@@ -142,7 +217,62 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "seat-reservation/common.js"
+            "module": "pearl-chain.pure.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "seat-reservation.pure.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "seat-reservation/common/mapper.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "seat-reservation/common/svgs.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "seat-reservation/common/translations.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "seat-reservation/common/types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "seat-reservation/seat-reservation-area/seat-reservation-area.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "seat-reservation/seat-reservation-graphic/seat-reservation-assets.js"
           }
         },
         {
@@ -150,7 +280,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "seat-reservation/seat-reservation.js"
+            "module": "seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js"
           }
         },
         {
@@ -158,7 +288,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "seat-reservation/seat-reservation-area.js"
+            "module": "seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js"
           }
         },
         {
@@ -166,7 +296,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "seat-reservation/seat-reservation-graphic.js"
+            "module": "seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js"
           }
         },
         {
@@ -174,7 +304,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "seat-reservation/seat-reservation-navigation-coach.js"
+            "module": "seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js"
           }
         },
         {
@@ -182,7 +312,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "seat-reservation/seat-reservation-navigation-services.js"
+            "module": "seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js"
           }
         },
         {
@@ -190,7 +320,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "seat-reservation/seat-reservation-place-control.js"
+            "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
           }
         },
         {
@@ -198,14 +328,29 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "seat-reservation/seat-reservation-scoped.js"
+            "module": "seat-reservation/seat-reservation/seat-reservation.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "timetable-duration.js",
+      "path": "seat-reservation.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "seat-reservation.pure.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "timetable-duration.pure.js",
       "declarations": [],
       "exports": [
         {
@@ -220,7 +365,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "timetable-row.js",
+      "path": "timetable-duration.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "timetable-duration.pure.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "timetable-row.pure.js",
       "declarations": [],
       "exports": [
         {
@@ -233,6 +393,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "timetable-row.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "timetable-row.pure.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "autocomplete-grid/autocomplete-grid-button.js",
@@ -384,6 +559,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-journey-summary'"
+            },
             {
               "kind": "field",
               "name": "trip",
@@ -612,8 +798,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-journey-summary",
           "customElement": true
@@ -627,14 +813,6 @@
             "name": "SbbJourneySummaryElement",
             "module": "journey-summary/journey-summary.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-journey-summary",
-          "declaration": {
-            "name": "SbbJourneySummaryElement",
-            "module": "journey-summary/journey-summary.component.js"
-          }
         }
       ]
     },
@@ -647,6 +825,17 @@
           "description": "It visually displays journey information.",
           "name": "SbbPearlChainElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-pearl-chain'"
+            },
             {
               "kind": "field",
               "name": "legs",
@@ -875,8 +1064,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-pearl-chain",
           "customElement": true
@@ -890,14 +1079,6 @@
             "name": "SbbPearlChainElement",
             "module": "pearl-chain/pearl-chain.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-pearl-chain",
-          "declaration": {
-            "name": "SbbPearlChainElement",
-            "module": "pearl-chain/pearl-chain.component.js"
-          }
         }
       ]
     },
@@ -910,6 +1091,17 @@
           "description": "Combined with `sbb-pearl-chain`, it displays walk time information.",
           "name": "SbbPearlChainTimeElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-pearl-chain-time'"
+            },
             {
               "kind": "field",
               "name": "legs",
@@ -1088,8 +1280,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-pearl-chain-time",
           "customElement": true
@@ -1103,14 +1295,6 @@
             "name": "SbbPearlChainTimeElement",
             "module": "pearl-chain-time/pearl-chain-time.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-pearl-chain-time",
-          "declaration": {
-            "name": "SbbPearlChainTimeElement",
-            "module": "pearl-chain-time/pearl-chain-time.component.js"
-          }
         }
       ]
     },
@@ -1128,10 +1312,22 @@
               "name": ""
             }
           ],
-          "members": [],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-pearl-chain-vertical'"
+            }
+          ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-pearl-chain-vertical",
           "customElement": true
@@ -1145,14 +1341,6 @@
             "name": "SbbPearlChainVerticalElement",
             "module": "pearl-chain-vertical/pearl-chain-vertical.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-pearl-chain-vertical",
-          "declaration": {
-            "name": "SbbPearlChainVerticalElement",
-            "module": "pearl-chain-vertical/pearl-chain-vertical.component.js"
-          }
         }
       ]
     },
@@ -1175,6 +1363,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-pearl-chain-vertical-item'"
+            },
             {
               "kind": "field",
               "name": "pearlChainVerticalItemAttributes",
@@ -1220,25 +1419,17 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-pearl-chain-vertical-item",
           "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbPearlChainVerticalItemElement",
-          "declaration": {
-            "name": "SbbPearlChainVerticalItemElement",
-            "module": "pearl-chain-vertical-item/pearl-chain-vertical-item.component.js"
-          }
-        },
+        }
+      ],
+      "exports": [
         {
-          "kind": "custom-element-definition",
-          "name": "sbb-pearl-chain-vertical-item",
+          "kind": "js",
+          "name": "SbbPearlChainVerticalItemElement",
           "declaration": {
             "name": "SbbPearlChainVerticalItemElement",
             "module": "pearl-chain-vertical-item/pearl-chain-vertical-item.component.js"
@@ -1407,6 +1598,17 @@
           "description": "Used in `sbb-timetable-row`, it displays information about the trip duration.",
           "name": "SbbTimetableDurationElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-timetable-duration'"
+            },
             {
               "kind": "field",
               "name": "config",
@@ -1437,8 +1639,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-timetable-duration",
           "customElement": true
@@ -1452,14 +1654,6 @@
             "name": "SbbTimetableDurationElement",
             "module": "timetable-duration/timetable-duration.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-timetable-duration",
-          "declaration": {
-            "name": "SbbTimetableDurationElement",
-            "module": "timetable-duration/timetable-duration.component.js"
-          }
         }
       ]
     },
@@ -1610,6 +1804,17 @@
           "description": "It displays information about the trip, acting as a container for all the `sbb-timetable-*` components.",
           "name": "SbbTimetableRowElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-timetable-row'"
+            },
             {
               "kind": "field",
               "name": "trip",
@@ -1927,8 +2132,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-timetable-row",
           "customElement": true
@@ -1998,14 +2203,6 @@
             "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"
-          }
         }
       ]
     },
@@ -2035,6 +2232,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-autocomplete-grid'"
+            },
             {
               "kind": "field",
               "name": "role",
@@ -2192,9 +2400,9 @@
             "name": "SbbAutocompleteBaseElement",
             "package": "@sbb-esta/lyne-elements/autocomplete.js"
           },
-          "classGenerics": "T = string",
           "tagName": "sbb-autocomplete-grid",
-          "customElement": true
+          "customElement": true,
+          "classGenerics": "T = string"
         }
       ],
       "exports": [
@@ -2205,14 +2413,6 @@
             "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"
-          }
         }
       ]
     },
@@ -2231,6 +2431,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-autocomplete-grid-button'"
+            },
             {
               "kind": "field",
               "name": "role",
@@ -2327,14 +2538,6 @@
             "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"
-          }
         }
       ]
     },
@@ -2353,6 +2556,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-autocomplete-grid-cell'"
+            },
             {
               "kind": "field",
               "name": "role",
@@ -2365,15 +2579,9 @@
               "default": "'gridcell'"
             }
           ],
-          "mixins": [
-            {
-              "name": "SbbElementInternalsMixin",
-              "package": "@sbb-esta/lyne-elements/core/mixins.js"
-            }
-          ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-autocomplete-grid-cell",
           "customElement": true
@@ -2387,14 +2595,6 @@
             "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"
-          }
         }
       ]
     },
@@ -2413,6 +2613,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-autocomplete-grid-optgroup'"
+            },
             {
               "kind": "field",
               "name": "options",
@@ -2435,7 +2646,7 @@
           ],
           "superclass": {
             "name": "SbbOptgroupBaseElement",
-            "package": "@sbb-esta/lyne-elements/option/optgroup.js"
+            "package": "@sbb-esta/lyne-elements/option.pure.js"
           },
           "tagName": "sbb-autocomplete-grid-optgroup",
           "customElement": true
@@ -2449,14 +2660,6 @@
             "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"
-          }
         }
       ]
     },
@@ -2494,6 +2697,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-autocomplete-grid-option'"
+            },
             {
               "kind": "field",
               "name": "role",
@@ -2537,9 +2751,9 @@
             "name": "SbbOptionBaseElement",
             "package": "@sbb-esta/lyne-elements/option.js"
           },
-          "classGenerics": "T = string",
           "tagName": "sbb-autocomplete-grid-option",
-          "customElement": true
+          "customElement": true,
+          "classGenerics": "T = string"
         }
       ],
       "exports": [
@@ -2558,14 +2772,6 @@
             "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"
-          }
         }
       ]
     },
@@ -2584,6 +2790,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-autocomplete-grid-row'"
+            },
             {
               "kind": "field",
               "name": "role",
@@ -2596,15 +2813,9 @@
               "default": "'row'"
             }
           ],
-          "mixins": [
-            {
-              "name": "SbbElementInternalsMixin",
-              "package": "@sbb-esta/lyne-elements/core/mixins.js"
-            }
-          ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-autocomplete-grid-row",
           "customElement": true
@@ -2618,14 +2829,6 @@
             "name": "SbbAutocompleteGridRowElement",
             "module": "autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-autocomplete-grid-row",
-          "declaration": {
-            "name": "SbbAutocompleteGridRowElement",
-            "module": "autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js"
-          }
         }
       ]
     },
@@ -4468,8 +4671,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           }
         }
       ],
@@ -4493,6 +4696,17 @@
           "description": "Main component for the seat reservation.",
           "name": "SbbSeatReservationElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-seat-reservation'"
+            },
             {
               "kind": "field",
               "name": "_language",
@@ -7008,14 +7222,6 @@
             "name": "SbbSeatReservationElement",
             "module": "seat-reservation/seat-reservation/seat-reservation.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-seat-reservation",
-          "declaration": {
-            "name": "SbbSeatReservationElement",
-            "module": "seat-reservation/seat-reservation/seat-reservation.component.js"
-          }
         }
       ]
     },
@@ -7028,6 +7234,17 @@
           "description": "Visualize an area with a special meaning within a wagon.",
           "name": "SbbSeatReservationAreaElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-seat-reservation-area'"
+            },
             {
               "kind": "field",
               "name": "mounting",
@@ -7074,8 +7291,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-seat-reservation-area",
           "customElement": true
@@ -7089,14 +7306,6 @@
             "name": "SbbSeatReservationAreaElement",
             "module": "seat-reservation/seat-reservation-area/seat-reservation-area.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-seat-reservation-area",
-          "declaration": {
-            "name": "SbbSeatReservationAreaElement",
-            "module": "seat-reservation/seat-reservation-area/seat-reservation-area.component.js"
-          }
         }
       ]
     },
@@ -7159,6 +7368,17 @@
           "description": "Output one of the SVG graphics based on its code.",
           "name": "SbbSeatReservationGraphicElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-seat-reservation-graphic'"
+            },
             {
               "kind": "field",
               "name": "name",
@@ -7227,8 +7447,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-seat-reservation-graphic",
           "customElement": true
@@ -7242,14 +7462,6 @@
             "name": "SbbSeatReservationGraphicElement",
             "module": "seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-seat-reservation-graphic",
-          "declaration": {
-            "name": "SbbSeatReservationGraphicElement",
-            "module": "seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js"
-          }
         }
       ]
     },
@@ -7262,6 +7474,17 @@
           "description": "This component will display the navigation coach item for Seat reservation.",
           "name": "SbbSeatReservationNavigationCoachElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-seat-reservation-navigation-coach'"
+            },
             {
               "kind": "field",
               "name": "events",
@@ -7561,8 +7784,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-seat-reservation-navigation-coach",
           "customElement": true
@@ -7576,14 +7799,6 @@
             "name": "SbbSeatReservationNavigationCoachElement",
             "module": "seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-seat-reservation-navigation-coach",
-          "declaration": {
-            "name": "SbbSeatReservationNavigationCoachElement",
-            "module": "seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js"
-          }
         }
       ]
     },
@@ -7596,6 +7811,17 @@
           "description": "Component displays the available service icons of one coach.",
           "name": "SbbSeatReservationNavigationServicesElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-seat-reservation-navigation-services'"
+            },
             {
               "kind": "field",
               "name": "propertyIds",
@@ -7677,8 +7903,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-seat-reservation-navigation-services",
           "customElement": true
@@ -7692,14 +7918,6 @@
             "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"
-          }
         }
       ]
     },
@@ -7712,6 +7930,17 @@
           "description": "Output the graphic of a seat or a bicycle place as a control element.",
           "name": "SbbSeatReservationPlaceControlElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-seat-reservation-place-control'"
+            },
             {
               "kind": "field",
               "name": "events",
@@ -8038,14 +8267,6 @@
             "name": "SbbSeatReservationPlaceControlElement",
             "module": "seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-seat-reservation-place-control",
-          "declaration": {
-            "name": "SbbSeatReservationPlaceControlElement",
-            "module": "seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js"
-          }
         }
       ]
     },
@@ -8057,10 +8278,22 @@
           "kind": "class",
           "description": "Wrapper class for scoped elements with similar properties to set.",
           "name": "SbbSeatReservationScopedElement",
-          "members": [],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-seat-reservation-scoped'"
+            }
+          ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
           },
           "tagName": "sbb-seat-reservation-scoped",
           "customElement": true
@@ -8074,14 +8307,6 @@
             "name": "SbbSeatReservationScopedElement",
             "module": "seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js"
           }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-seat-reservation-scoped",
-          "declaration": {
-            "name": "SbbSeatReservationScopedElement",
-            "module": "seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js"
-          }
         }
       ]
     },