@sbb-esta/lyne-elements-experimental 4.12.0 → 4.12.1

package/custom-elements.json

@@ -3124,246 +3124,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "seat-reservation/seat-reservation-graphic/seat-reservation-assets.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "svgImageByOSDMCode",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "osdmCode",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "svgImageByOSDMCode Function returns the corresponding svg image by OSDM Code"
-        },
-        {
-          "kind": "variable",
-          "name": "assetsTemplate",
-          "type": {
-            "text": "TemplateResult"
-          },
-          "default": "html` <style> .story-asset { width: max-content; background-color: var(--sbb-color-white); } </style> <h1>List of all currently available assets.</h1> <h2>Interior</h2> ${interiorTable} <h2>Layout</h2> ${layoutItemsTable} <h2>Service Icons</h2> ${serviceIconTable} <h2>Chassis</h2> ${chassisTable} `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "svgImageByOSDMCode",
-          "declaration": {
-            "name": "svgImageByOSDMCode",
-            "module": "seat-reservation/seat-reservation-graphic/seat-reservation-assets.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "assetsTemplate",
-          "declaration": {
-            "name": "assetsTemplate",
-            "module": "seat-reservation/seat-reservation-graphic/seat-reservation-assets.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "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",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "Name of the SVG graphic to be displayed.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "stretch",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "if true, scale the graphic content of the given element non-uniformly if necessary",
-              "attribute": "stretch"
-            },
-            {
-              "kind": "field",
-              "name": "_language",
-              "privacy": "private",
-              "default": "new SbbLanguageController(this)"
-            },
-            {
-              "kind": "method",
-              "name": "_getSvgElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Element | null"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "svg",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Name of the SVG graphic to be displayed.",
-              "fieldName": "name"
-            },
-            {
-              "name": "stretch",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "if true, scale the graphic content of the given element non-uniformly if necessary",
-              "fieldName": "stretch"
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
-          },
-          "tagName": "sbb-seat-reservation-graphic",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbSeatReservationGraphicElement",
-          "declaration": {
-            "name": "SbbSeatReservationGraphicElement",
-            "module": "seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "seat-reservation/seat-reservation-area/seat-reservation-area.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "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",
-              "type": {
-                "text": "'free' | 'upper-border' | 'lower-border' | 'upper-to-lower-border'"
-              },
-              "privacy": "public",
-              "default": "'free'",
-              "description": "Mounting Prop",
-              "attribute": "mounting",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "background",
-              "type": {
-                "text": "'light' | 'dark'"
-              },
-              "privacy": "public",
-              "default": "'light'",
-              "description": "the background of the area",
-              "attribute": "background",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "mounting",
-              "type": {
-                "text": "'free' | 'upper-border' | 'lower-border' | 'upper-to-lower-border'"
-              },
-              "default": "'free'",
-              "description": "Mounting Prop",
-              "fieldName": "mounting"
-            },
-            {
-              "name": "background",
-              "type": {
-                "text": "'light' | 'dark'"
-              },
-              "default": "'light'",
-              "description": "the background of the area",
-              "fieldName": "background"
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
-          },
-          "tagName": "sbb-seat-reservation-area",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbSeatReservationAreaElement",
-          "declaration": {
-            "name": "SbbSeatReservationAreaElement",
-            "module": "seat-reservation/seat-reservation-area/seat-reservation-area.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "seat-reservation/seat-reservation/seat-reservation-base-element.js",
@@ -3779,6 +3539,24 @@
                 "text": "{\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Tab: 'Tab',\n    Enter: 'Enter',\n  }"
               }
             },
+            {
+              "kind": "field",
+              "name": "seatReservationStructure",
+              "type": {
+                "text": "SeatreservationStructure"
+              },
+              "privacy": "protected",
+              "default": "{ decks: [], }"
+            },
+            {
+              "kind": "field",
+              "name": "notFixedRotatableAreaIcons",
+              "type": {
+                "text": "array"
+              },
+              "privacy": "protected",
+              "default": "['ENTRY_EXIT']"
+            },
             {
               "kind": "field",
               "name": "notAreaElements",
@@ -3790,12 +3568,12 @@
             },
             {
               "kind": "field",
-              "name": "overHangingElementInformation",
+              "name": "middleBorderDockingElements",
               "type": {
-                "text": "{\n    coachId: string;\n    overhangingPlaces: boolean;\n    overhangingGraphicAreas: boolean;\n  }[]"
+                "text": "array"
               },
               "privacy": "protected",
-              "default": "[]"
+              "default": "[ 'DRIVER_AREA', 'DRIVER_AREA_NO_VERTICAL_WALL', 'COACH_PASSAGE', 'COACH_WALL_NO_PASSAGE', ]"
             },
             {
               "kind": "field",
@@ -4680,7 +4458,7 @@
             },
             {
               "kind": "method",
-              "name": "_prepareCoachWidthAndGapCalculations",
+              "name": "_prepareSeatReservationStructureInformation",
               "privacy": "private",
               "return": {
                 "type": {
@@ -4688,6 +4466,75 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "_getCalculatedMiddleBorderElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "coach",
+                  "type": {
+                    "text": "CoachItem"
+                  }
+                }
+              ],
+              "description": "Returns the calculated position and dimension of the middle border.\nTo calculate the start + end coordinate and the dimension of the middle border coach graphic,\nthe existing docking coach graphics are analysed and used to calculate the required position and diemension information."
+            },
+            {
+              "kind": "method",
+              "name": "_getFirstLastDockingElements",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "graphicElements",
+                  "type": {
+                    "text": "BaseElement[]"
+                  }
+                }
+              ],
+              "description": "Returns graphical elements describing the start and end border elements of the coach."
+            },
+            {
+              "kind": "method",
+              "name": "_getCalculatedDimensionPositionElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "BaseElement"
+                  }
+                },
+                {
+                  "name": "coachDimension",
+                  "type": {
+                    "text": "ElementDimension"
+                  }
+                },
+                {
+                  "name": "isCalcAreaElement",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Returns the calculated positions and dimensions of graphical, service and area elements"
+            },
             {
               "kind": "method",
               "name": "_getPlaceHtmlElement",
@@ -4793,11 +4640,11 @@
             },
             {
               "kind": "method",
-              "name": "_setDriverAreasElements",
+              "name": "_isLocomotive",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "{\n    driverArea: BaseElement | undefined;\n    driverAreaNoVerticalWall: BaseElement | undefined;\n  }"
+                  "text": "boolean"
                 }
               },
               "parameters": [
@@ -4989,15 +4836,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "_notFixedRotatableAreaIcons",
-              "type": {
-                "text": "array"
-              },
-              "privacy": "private",
-              "default": "['ENTRY_EXIT']"
-            },
             {
               "kind": "method",
               "name": "_initVehicleSeatReservationConstruction",
@@ -5132,6 +4970,12 @@
                     "text": "CoachItem"
                   }
                 },
+                {
+                  "name": "deckCoachIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                },
                 {
                   "name": "coachIndex",
                   "type": {
@@ -5214,7 +5058,7 @@
             },
             {
               "kind": "method",
-              "name": "_getRenderedGraphicalElements",
+              "name": "_getRenderedCoachElements",
               "privacy": "private",
               "return": {
                 "type": {
@@ -5223,25 +5067,13 @@
               },
               "parameters": [
                 {
-                  "name": "graphicalElements",
-                  "type": {
-                    "text": "BaseElement[]"
-                  }
-                },
-                {
-                  "name": "coachDimension",
-                  "type": {
-                    "text": "ElementDimension"
-                  }
-                },
-                {
-                  "name": "coachIndex",
+                  "name": "coachDeckIndex",
                   "type": {
                     "text": "number"
                   }
                 },
                 {
-                  "name": "coachDeckIndex",
+                  "name": "coachIndex",
                   "type": {
                     "text": "number"
                   }
@@ -5250,76 +5082,25 @@
             },
             {
               "kind": "method",
-              "name": "_getRenderElementWithArea",
+              "name": "_getRenderedAreaElements",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "TemplateResult[] | null"
                 }
               },
               "parameters": [
-                {
-                  "name": "graphicalElement",
-                  "type": {
-                    "text": "BaseElement"
-                  }
-                },
-                {
-                  "name": "rotation",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "coachDimension",
-                  "type": {
-                    "text": "ElementDimension"
-                  }
-                },
-                {
-                  "name": "coachIndex",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "used to generate a unique id for the popover trigger"
-                },
                 {
                   "name": "coachDeckIndex",
                   "type": {
                     "text": "number"
-                  },
-                  "description": "used to generate a unique id"
-                }
-              ],
-              "description": "creates a rendered element with an area component"
-            },
-            {
-              "kind": "method",
-              "name": "_getRenderElementWithoutArea",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "graphicalElement",
-                  "type": {
-                    "text": "BaseElement"
                   }
                 },
                 {
-                  "name": "rotation",
+                  "name": "coachIndex",
                   "type": {
                     "text": "number"
                   }
-                },
-                {
-                  "name": "coachDimension",
-                  "type": {
-                    "text": "ElementDimension"
-                  }
                 }
               ]
             },
@@ -5333,12 +5114,6 @@
                 }
               },
               "parameters": [
-                {
-                  "name": "coachIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                },
                 {
                   "name": "coachDeckIndex",
                   "type": {
@@ -5346,10 +5121,9 @@
                   }
                 },
                 {
-                  "name": "serviceElements",
-                  "optional": true,
+                  "name": "coachIndex",
                   "type": {
-                    "text": "BaseElement[]"
+                    "text": "number"
                   }
                 }
               ]
@@ -6051,6 +5825,32 @@
                 "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "seatReservationStructure",
+              "type": {
+                "text": "SeatreservationStructure"
+              },
+              "privacy": "protected",
+              "default": "{ decks: [], }",
+              "inheritedFrom": {
+                "name": "SeatReservationBaseElement",
+                "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "notFixedRotatableAreaIcons",
+              "type": {
+                "text": "array"
+              },
+              "privacy": "protected",
+              "default": "['ENTRY_EXIT']",
+              "inheritedFrom": {
+                "name": "SeatReservationBaseElement",
+                "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "notAreaElements",
@@ -6066,12 +5866,12 @@
             },
             {
               "kind": "field",
-              "name": "overHangingElementInformation",
+              "name": "middleBorderDockingElements",
               "type": {
-                "text": "{\n    coachId: string;\n    overhangingPlaces: boolean;\n    overhangingGraphicAreas: boolean;\n  }[]"
+                "text": "array"
               },
               "privacy": "protected",
-              "default": "[]",
+              "default": "[ 'DRIVER_AREA', 'DRIVER_AREA_NO_VERTICAL_WALL', 'COACH_PASSAGE', 'COACH_WALL_NO_PASSAGE', ]",
               "inheritedFrom": {
                 "name": "SeatReservationBaseElement",
                 "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
@@ -7168,7 +6968,7 @@
             },
             {
               "kind": "method",
-              "name": "_prepareCoachWidthAndGapCalculations",
+              "name": "_prepareSeatReservationStructureInformation",
               "privacy": "private",
               "return": {
                 "type": {
@@ -7180,6 +6980,87 @@
                 "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "_getCalculatedMiddleBorderElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "coach",
+                  "type": {
+                    "text": "CoachItem"
+                  }
+                }
+              ],
+              "description": "Returns the calculated position and dimension of the middle border.\nTo calculate the start + end coordinate and the dimension of the middle border coach graphic,\nthe existing docking coach graphics are analysed and used to calculate the required position and diemension information.",
+              "inheritedFrom": {
+                "name": "SeatReservationBaseElement",
+                "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getFirstLastDockingElements",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "graphicElements",
+                  "type": {
+                    "text": "BaseElement[]"
+                  }
+                }
+              ],
+              "description": "Returns graphical elements describing the start and end border elements of the coach.",
+              "inheritedFrom": {
+                "name": "SeatReservationBaseElement",
+                "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getCalculatedDimensionPositionElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "BaseElement"
+                  }
+                },
+                {
+                  "name": "coachDimension",
+                  "type": {
+                    "text": "ElementDimension"
+                  }
+                },
+                {
+                  "name": "isCalcAreaElement",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Returns the calculated positions and dimensions of graphical, service and area elements",
+              "inheritedFrom": {
+                "name": "SeatReservationBaseElement",
+                "module": "seat-reservation/seat-reservation/seat-reservation-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_getPlaceHtmlElement",
@@ -7309,11 +7190,11 @@
             },
             {
               "kind": "method",
-              "name": "_setDriverAreasElements",
+              "name": "_isLocomotive",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "{\n    driverArea: BaseElement | undefined;\n    driverAreaNoVerticalWall: BaseElement | undefined;\n  }"
+                  "text": "boolean"
                 }
               },
               "parameters": [
@@ -7533,6 +7414,246 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "seat-reservation/seat-reservation-area/seat-reservation-area.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "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",
+              "type": {
+                "text": "'free' | 'upper-border' | 'lower-border' | 'upper-to-lower-border'"
+              },
+              "privacy": "public",
+              "default": "'free'",
+              "description": "Mounting Prop",
+              "attribute": "mounting",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "background",
+              "type": {
+                "text": "'light' | 'dark'"
+              },
+              "privacy": "public",
+              "default": "'light'",
+              "description": "the background of the area",
+              "attribute": "background",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "mounting",
+              "type": {
+                "text": "'free' | 'upper-border' | 'lower-border' | 'upper-to-lower-border'"
+              },
+              "default": "'free'",
+              "description": "Mounting Prop",
+              "fieldName": "mounting"
+            },
+            {
+              "name": "background",
+              "type": {
+                "text": "'light' | 'dark'"
+              },
+              "default": "'light'",
+              "description": "the background of the area",
+              "fieldName": "background"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
+          },
+          "tagName": "sbb-seat-reservation-area",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbSeatReservationAreaElement",
+          "declaration": {
+            "name": "SbbSeatReservationAreaElement",
+            "module": "seat-reservation/seat-reservation-area/seat-reservation-area.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "seat-reservation/seat-reservation-graphic/seat-reservation-assets.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "svgImageByOSDMCode",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "osdmCode",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "svgImageByOSDMCode Function returns the corresponding svg image by OSDM Code"
+        },
+        {
+          "kind": "variable",
+          "name": "assetsTemplate",
+          "type": {
+            "text": "TemplateResult"
+          },
+          "default": "html` <style> .story-asset { width: max-content; background-color: var(--sbb-color-white); } </style> <h1>List of all currently available assets.</h1> <h2>Interior</h2> ${interiorTable} <h2>Layout</h2> ${layoutItemsTable} <h2>Service Icons</h2> ${serviceIconTable} <h2>Chassis</h2> ${chassisTable} `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "svgImageByOSDMCode",
+          "declaration": {
+            "name": "svgImageByOSDMCode",
+            "module": "seat-reservation/seat-reservation-graphic/seat-reservation-assets.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "assetsTemplate",
+          "declaration": {
+            "name": "assetsTemplate",
+            "module": "seat-reservation/seat-reservation-graphic/seat-reservation-assets.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "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",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "Name of the SVG graphic to be displayed.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "if true, scale the graphic content of the given element non-uniformly if necessary",
+              "attribute": "stretch"
+            },
+            {
+              "kind": "field",
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "_getSvgElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Element | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "svg",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Name of the SVG graphic to be displayed.",
+              "fieldName": "name"
+            },
+            {
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "if true, scale the graphic content of the given element non-uniformly if necessary",
+              "fieldName": "stretch"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "package": "@sbb-esta/lyne-elements/core/base-elements.js"
+          },
+          "tagName": "sbb-seat-reservation-graphic",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbSeatReservationGraphicElement",
+          "declaration": {
+            "name": "SbbSeatReservationGraphicElement",
+            "module": "seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js",