@sbb-esta/lyne-elements 1.4.0 → 1.5.0

package/custom-elements.json

@@ -5237,6 +5237,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "flip-card.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flip-card/flip-card.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flip-card/flip-card-summary.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flip-card/flip-card-details.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "footer.js",
@@ -11690,7 +11721,7 @@
               },
               "privacy": "private",
               "readonly": true,
-              "default": "new Map([ ['info', 'circle-information-small'], ['success', 'circle-tick-small'], ['warning', 'circle-exclamation-point-small'], ['error', 'circle-cross-small'], ])"
+              "default": "new Map([ ['info', 'circle-information-small'], ['success', 'circle-tick-small'], ['warning', 'circle-exclamation-point-small'], ['error', 'circle-cross-small'], ['pending', 'circle-three-dots-small'], ['incomplete', 'circle-dotted-part-x-small'], ['not-started', 'circle-dotted-small'], ['in-progress', 'circle-dotted-part-small'], ])"
             },
             {
               "kind": "field",
@@ -14440,6 +14471,18 @@
               "attribute": "indeterminate",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "SbbCheckboxSize"
+              },
+              "privacy": "public",
+              "default": "'m'",
+              "description": "Size of the checkbox.",
+              "attribute": "size",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -14520,6 +14563,15 @@
               "description": "Indeterminate state.",
               "fieldName": "indeterminate"
             },
+            {
+              "name": "size",
+              "type": {
+                "text": "SbbCheckboxSize"
+              },
+              "default": "'m'",
+              "description": "Size of the checkbox.",
+              "fieldName": "size"
+            },
             {
               "name": "disabled",
               "description": "Whether the component is disabled.",
@@ -24900,6 +24952,27 @@
                 "module": "core/mixins.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "privacy": "public",
+              "description": "Size variant.",
+              "type": {
+                "text": "SbbPanelSize"
+              },
+              "attribute": "size",
+              "reflects": true,
+              "default": "'m'"
+            },
+            {
+              "kind": "field",
+              "name": "_size",
+              "type": {
+                "text": "SbbPanelSize"
+              },
+              "privacy": "private",
+              "default": "'m'"
+            },
             {
               "kind": "field",
               "name": "color",
@@ -24946,35 +25019,6 @@
                 "module": "checkbox/common/checkbox-common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "privacy": "public",
-              "description": "Label size variant, either m or s.",
-              "type": {
-                "text": "SbbCheckboxSize"
-              },
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbCheckboxCommonElementMixin",
-                "module": "checkbox/common/checkbox-common.js"
-              },
-              "default": "'m'"
-            },
-            {
-              "kind": "field",
-              "name": "_size",
-              "type": {
-                "text": "SbbCheckboxSize"
-              },
-              "privacy": "private",
-              "default": "'m'",
-              "inheritedFrom": {
-                "name": "SbbCheckboxCommonElementMixin",
-                "module": "checkbox/common/checkbox-common.js"
-              }
-            },
             {
               "kind": "field",
               "name": "group",
@@ -25350,27 +25394,15 @@
               "name": "input"
             }
           ],
-          "mixins": [
-            {
-              "name": "SbbPanelMixin",
-              "module": "core/mixins.js"
-            },
+          "attributes": [
             {
-              "name": "SbbCheckboxCommonElementMixin",
-              "module": "checkbox.js"
+              "name": "size",
+              "description": "Size variant.",
+              "type": {
+                "text": "SbbPanelSize"
+              },
+              "fieldName": "size"
             },
-            {
-              "name": "SbbUpdateSchedulerMixin",
-              "module": "core/mixins.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "sbb-checkbox-panel",
-          "customElement": true,
-          "attributes": [
             {
               "name": "color",
               "type": {
@@ -25410,18 +25442,6 @@
                 "module": "checkbox/common/checkbox-common.js"
               }
             },
-            {
-              "name": "size",
-              "description": "Label size variant, either m or s.",
-              "type": {
-                "text": "SbbCheckboxSize"
-              },
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbCheckboxCommonElementMixin",
-                "module": "checkbox/common/checkbox-common.js"
-              }
-            },
             {
               "name": "checked",
               "description": "Whether the checkbox is checked.",
@@ -25482,7 +25502,27 @@
                 "module": "core/mixins.js"
               }
             }
-          ]
+          ],
+          "mixins": [
+            {
+              "name": "SbbPanelMixin",
+              "module": "core/mixins.js"
+            },
+            {
+              "name": "SbbCheckboxCommonElementMixin",
+              "module": "checkbox.js"
+            },
+            {
+              "name": "SbbUpdateSchedulerMixin",
+              "module": "core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sbb-checkbox-panel",
+          "customElement": true
         }
       ],
       "exports": [
@@ -25534,6 +25574,27 @@
                 "text": "{\n    didChange: 'didChange',\n  }"
               }
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "privacy": "public",
+              "description": "Size variant.",
+              "type": {
+                "text": "SbbCheckboxSize"
+              },
+              "attribute": "size",
+              "reflects": true,
+              "default": "'m'"
+            },
+            {
+              "kind": "field",
+              "name": "_size",
+              "type": {
+                "text": "SbbCheckboxSize"
+              },
+              "privacy": "private",
+              "default": "'m'"
+            },
             {
               "kind": "field",
               "name": "iconPlacement",
@@ -25561,35 +25622,6 @@
                 "module": "checkbox/common/checkbox-common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "privacy": "public",
-              "description": "Label size variant, either m or s.",
-              "type": {
-                "text": "SbbCheckboxSize"
-              },
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbCheckboxCommonElementMixin",
-                "module": "checkbox/common/checkbox-common.js"
-              },
-              "default": "'m'"
-            },
-            {
-              "kind": "field",
-              "name": "_size",
-              "type": {
-                "text": "SbbCheckboxSize"
-              },
-              "privacy": "private",
-              "default": "'m'",
-              "inheritedFrom": {
-                "name": "SbbCheckboxCommonElementMixin",
-                "module": "checkbox/common/checkbox-common.js"
-              }
-            },
             {
               "kind": "field",
               "name": "group",
@@ -25944,6 +25976,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "size",
+              "description": "Size variant.",
+              "type": {
+                "text": "SbbCheckboxSize"
+              },
+              "fieldName": "size"
+            },
             {
               "name": "icon-placement",
               "type": {
@@ -25966,18 +26006,6 @@
                 "module": "checkbox/common/checkbox-common.js"
               }
             },
-            {
-              "name": "size",
-              "description": "Label size variant, either m or s.",
-              "type": {
-                "text": "SbbCheckboxSize"
-              },
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbCheckboxCommonElementMixin",
-                "module": "checkbox/common/checkbox-common.js"
-              }
-            },
             {
               "name": "checked",
               "description": "Whether the checkbox is checked.",
@@ -30566,6 +30594,22 @@
           },
           "default": "{ de: 'Feldinhalt löschen', en: 'Clear input value', fr: 'Effacer la valeur d’entrée', it: 'Cancella il valore dell’input', }"
         },
+        {
+          "kind": "variable",
+          "name": "i18nFlipCard",
+          "type": {
+            "text": "Record<string, string>"
+          },
+          "default": "{ de: 'Klicken Sie auf diese Karte für Details', en: 'Click on this card for details', fr: 'Cliquez sur cette carte pour plus de détails', it: 'Clicca su questa scheda per i dettagli', }"
+        },
+        {
+          "kind": "variable",
+          "name": "i18nReverseCard",
+          "type": {
+            "text": "Record<string, string>"
+          },
+          "default": "{ de: 'Klicken Sie auf diese Karte, um zurück zur Zusammenfassung zu gelangen', en: 'Click on this card to go back to summary', fr: 'Cliquez sur cette carte pour revenir au résumé', it: 'Clicca su questa scheda per tornare al sommario', }"
+        },
         {
           "kind": "variable",
           "name": "i18nFileSelectorButtonLabel",
@@ -31129,6 +31173,22 @@
             "module": "core/i18n.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "i18nFlipCard",
+          "declaration": {
+            "name": "i18nFlipCard",
+            "module": "core/i18n.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "i18nReverseCard",
+          "declaration": {
+            "name": "i18nReverseCard",
+            "module": "core/i18n.js"
+          }
+        },
         {
           "kind": "js",
           "name": "i18nFileSelectorButtonLabel",
@@ -38912,6 +38972,285 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "flip-card/flip-card-details.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Combined with a `sbb-flip-card`, it displays its content when the card is flipped.",
+          "name": "SbbFlipCardDetailsElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to provide any kind of content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_flipCardMutationObserver",
+              "privacy": "private",
+              "default": "new AgnosticMutationObserver(() => this._checkForSlottedActions(), )"
+            },
+            {
+              "kind": "method",
+              "name": "_checkForSlottedActions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sbb-flip-card-details",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbFlipCardDetailsElement",
+          "declaration": {
+            "name": "SbbFlipCardDetailsElement",
+            "module": "flip-card/flip-card-details.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-flip-card-details",
+          "declaration": {
+            "name": "SbbFlipCardDetailsElement",
+            "module": "flip-card/flip-card-details.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "flip-card/flip-card-summary.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Combined with a `sbb-flip-card`, it displays its content when the card is not flipped.",
+          "name": "SbbFlipCardSummaryElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to provide a title for the `sbb-flip-card-summary`.",
+              "name": ""
+            },
+            {
+              "description": "Use this slot to provide an image for the `sbb-flip-card-summary`.",
+              "name": "image"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "imageAlignment",
+              "type": {
+                "text": "SbbFlipCardImageAlignment"
+              },
+              "privacy": "public",
+              "default": "'after'",
+              "description": "The position where to render the image.",
+              "attribute": "image-alignment",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "image-alignment",
+              "type": {
+                "text": "SbbFlipCardImageAlignment"
+              },
+              "default": "'after'",
+              "description": "The position where to render the image.",
+              "fieldName": "imageAlignment"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sbb-flip-card-summary",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbFlipCardSummaryElement",
+          "declaration": {
+            "name": "SbbFlipCardSummaryElement",
+            "module": "flip-card/flip-card-summary.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-flip-card-summary",
+          "declaration": {
+            "name": "SbbFlipCardSummaryElement",
+            "module": "flip-card/flip-card-summary.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "flip-card/flip-card.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Displays an informative card that reveals more informations upon being clicked.",
+          "name": "SbbFlipCardElement",
+          "slots": [
+            {
+              "description": "Use this slot to provide a sbb-flip-card-summary component.",
+              "name": "summary"
+            },
+            {
+              "description": "Use this slot to provide a sbb-flip-card-details component.",
+              "name": "details"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "summary",
+              "type": {
+                "text": "SbbFlipCardSummaryElement"
+              },
+              "privacy": "public",
+              "description": "Returns the slotted sbb-flip-card-summary.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "details",
+              "type": {
+                "text": "SbbFlipCardDetailsElement"
+              },
+              "privacy": "public",
+              "description": "Returns the slotted sbb-flip-card-details.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_flipped",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the card is flipped or not."
+            },
+            {
+              "kind": "field",
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggles the state of the sbb-flip-card."
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins.js"
+              },
+              "default": "!!this.shadowRoot"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbHydrationMixin",
+              "module": "core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sbb-flip-card",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbFlipCardElement",
+          "declaration": {
+            "name": "SbbFlipCardElement",
+            "module": "flip-card/flip-card.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-flip-card",
+          "declaration": {
+            "name": "SbbFlipCardElement",
+            "module": "flip-card/flip-card.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "form-field/form-field-clear.js",
@@ -51339,7 +51678,7 @@
               "privacy": "public",
               "description": "Size variant.",
               "type": {
-                "text": "SbbRadioButtonPanelSize"
+                "text": "SbbPanelSize"
               },
               "attribute": "size",
               "reflects": true,
@@ -51349,7 +51688,7 @@
               "kind": "field",
               "name": "_size",
               "type": {
-                "text": "SbbRadioButtonPanelSize"
+                "text": "SbbPanelSize"
               },
               "privacy": "private",
               "default": "'m'"
@@ -51686,7 +52025,7 @@
               "name": "size",
               "description": "Size variant.",
               "type": {
-                "text": "SbbRadioButtonPanelSize"
+                "text": "SbbPanelSize"
               },
               "fieldName": "size"
             },
@@ -56691,14 +57030,6 @@
               },
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "privacy": "public",
-              "type": {
-                "text": "SbbCheckboxSize"
-              }
-            },
             {
               "kind": "field",
               "name": "group",
@@ -57050,26 +57381,6 @@
               "description": "Whether the checkbox is indeterminate.",
               "attribute": "indeterminate"
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "privacy": "public",
-              "description": "Label size variant, either m or s.",
-              "type": {
-                "text": "SbbCheckboxSize"
-              },
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_size",
-              "type": {
-                "text": "SbbCheckboxSize"
-              },
-              "privacy": "private",
-              "default": "'m'"
-            },
             {
               "kind": "field",
               "name": "group",
@@ -57359,14 +57670,6 @@
               "description": "Whether the checkbox is indeterminate.",
               "fieldName": "indeterminate"
             },
-            {
-              "name": "size",
-              "description": "Label size variant, either m or s.",
-              "type": {
-                "text": "SbbCheckboxSize"
-              },
-              "fieldName": "size"
-            },
             {
               "name": "checked",
               "description": "Whether the checkbox is checked.",
@@ -57499,6 +57802,51 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "flip-card/flip-card/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flip-card.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "flip-card/flip-card-details/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flip-card-details.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "flip-card/flip-card-summary/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flip-card-summary.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "radio-button/common/radio-button-common.js",