@sbb-esta/lyne-elements-dev 4.9.0-dev.1775054429 → 4.9.0-dev.1775065821

package/custom-elements.json

@@ -1230,6 +1230,14 @@
             "module": "form-field/error/error.component.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "form-field/form-field/form-field.component.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -1243,7 +1251,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "form-field/form-field/form-field.component.js"
+            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "form-field/hint/hint.component.js"
           }
         }
       ]
@@ -70310,6 +70326,14 @@
             "text": "Record<string, string>"
           },
           "default": "{ de: 'Folie', en: 'Slide', fr: 'Diapositive', it: 'Slide', }"
+        },
+        {
+          "kind": "variable",
+          "name": "i18nRemainingCharacters",
+          "type": {
+            "text": "Record<string, string>"
+          },
+          "default": "{ de: 'Zeichen übrig', en: 'characters remaining', fr: 'caractères restants', it: 'caratteri rimanenti', }"
         }
       ],
       "exports": [
@@ -71120,6 +71144,14 @@
             "name": "i18nSlide",
             "module": "core/i18n/i18n.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "i18nRemainingCharacters",
+          "declaration": {
+            "name": "i18nRemainingCharacters",
+            "module": "core/i18n/i18n.js"
+          }
         }
       ]
     },
@@ -81050,12 +81082,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "datepicker/datepicker-previous-day/datepicker-previous-day.component.js",
+      "path": "datepicker/datepicker-next-day/datepicker-next-day.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Combined with a `sbb-datepicker`, it can be used to move the date back.",
-          "name": "SbbDatepickerPreviousDayElement",
+          "description": "Combined with a `sbb-datepicker`, it can be used to move the date ahead.",
+          "name": "SbbDatepickerNextDayElement",
           "members": [
             {
               "kind": "field",
@@ -81070,7 +81102,7 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-datepicker-previous-day'"
+              "default": "'sbb-datepicker-next-day'"
             },
             {
               "kind": "field",
@@ -81083,7 +81115,7 @@
                 "name": "SbbDatepickerButtonBase",
                 "module": "datepicker/common/datepicker-button.js"
               },
-              "default": "'chevron-small-left-small'"
+              "default": "'chevron-small-right-small'"
             },
             {
               "kind": "field",
@@ -81092,7 +81124,7 @@
                 "text": "Record<string, string>"
               },
               "privacy": "protected",
-              "default": "i18nPreviousDay",
+              "default": "i18nNextDay",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common/datepicker-button.js"
@@ -81105,7 +81137,7 @@
                 "text": "(_currentDate: string) => Record<string, string>"
               },
               "privacy": "protected",
-              "default": "i18nSelectPreviousDay",
+              "default": "i18nSelectNextDay",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common/datepicker-button.js"
@@ -81135,7 +81167,7 @@
             },
             {
               "kind": "method",
-              "name": "_isBeforeMinDate",
+              "name": "_isAfterMaxDate",
               "privacy": "private",
               "return": {
                 "type": {
@@ -81995,7 +82027,7 @@
             "name": "SbbDatepickerButton",
             "module": "datepicker/common/datepicker-button.js"
           },
-          "tagName": "sbb-datepicker-previous-day",
+          "tagName": "sbb-datepicker-next-day",
           "customElement": true,
           "classGenerics": "T = Date",
           "attributes": [
@@ -82081,22 +82113,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbDatepickerPreviousDayElement",
+          "name": "SbbDatepickerNextDayElement",
           "declaration": {
-            "name": "SbbDatepickerPreviousDayElement",
-            "module": "datepicker/datepicker-previous-day/datepicker-previous-day.component.js"
+            "name": "SbbDatepickerNextDayElement",
+            "module": "datepicker/datepicker-next-day/datepicker-next-day.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "datepicker/datepicker-next-day/datepicker-next-day.component.js",
+      "path": "datepicker/datepicker-previous-day/datepicker-previous-day.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Combined with a `sbb-datepicker`, it can be used to move the date ahead.",
-          "name": "SbbDatepickerNextDayElement",
+          "description": "Combined with a `sbb-datepicker`, it can be used to move the date back.",
+          "name": "SbbDatepickerPreviousDayElement",
           "members": [
             {
               "kind": "field",
@@ -82111,7 +82143,7 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-datepicker-next-day'"
+              "default": "'sbb-datepicker-previous-day'"
             },
             {
               "kind": "field",
@@ -82124,7 +82156,7 @@
                 "name": "SbbDatepickerButtonBase",
                 "module": "datepicker/common/datepicker-button.js"
               },
-              "default": "'chevron-small-right-small'"
+              "default": "'chevron-small-left-small'"
             },
             {
               "kind": "field",
@@ -82133,7 +82165,7 @@
                 "text": "Record<string, string>"
               },
               "privacy": "protected",
-              "default": "i18nNextDay",
+              "default": "i18nPreviousDay",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common/datepicker-button.js"
@@ -82146,7 +82178,7 @@
                 "text": "(_currentDate: string) => Record<string, string>"
               },
               "privacy": "protected",
-              "default": "i18nSelectNextDay",
+              "default": "i18nSelectPreviousDay",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common/datepicker-button.js"
@@ -82176,7 +82208,7 @@
             },
             {
               "kind": "method",
-              "name": "_isAfterMaxDate",
+              "name": "_isBeforeMinDate",
               "privacy": "private",
               "return": {
                 "type": {
@@ -83036,7 +83068,7 @@
             "name": "SbbDatepickerButton",
             "module": "datepicker/common/datepicker-button.js"
           },
-          "tagName": "sbb-datepicker-next-day",
+          "tagName": "sbb-datepicker-previous-day",
           "customElement": true,
           "classGenerics": "T = Date",
           "attributes": [
@@ -83122,10 +83154,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbDatepickerNextDayElement",
+          "name": "SbbDatepickerPreviousDayElement",
           "declaration": {
-            "name": "SbbDatepickerNextDayElement",
-            "module": "datepicker/datepicker-next-day/datepicker-next-day.component.js"
+            "name": "SbbDatepickerPreviousDayElement",
+            "module": "datepicker/datepicker-previous-day/datepicker-previous-day.component.js"
           }
         }
       ]
@@ -93676,6 +93708,10 @@
             {
               "description": "Use this slot to render an error.",
               "name": "error"
+            },
+            {
+              "description": "Use this slot to render an `<sbb-hint>` or an `<sbb-form-field-text-counter>` element.",
+              "name": "hint"
             }
           ],
           "members": [
@@ -93732,7 +93768,7 @@
               },
               "privacy": "public",
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "attribute": "error-space",
               "reflects": true
             },
@@ -93818,6 +93854,16 @@
               "default": "[]",
               "description": "It is used internally to get the `error` slot."
             },
+            {
+              "kind": "field",
+              "name": "_hintElements",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "It is used internally to get the `hint` slot."
+            },
             {
               "kind": "field",
               "name": "_input",
@@ -94080,7 +94126,26 @@
             },
             {
               "kind": "method",
-              "name": "_assignErrorMessageElements",
+              "name": "_onSlotHintChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-hint> instances."
+            },
+            {
+              "kind": "method",
+              "name": "_assignAriaDescribedByElements",
               "privacy": "private",
               "return": {
                 "type": {
@@ -94259,7 +94324,7 @@
                 "text": "'none' | 'reserve'"
               },
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "fieldName": "errorSpace"
             },
             {
@@ -95156,6 +95221,454 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "form-field/form-field-text-counter/form-field-text-counter.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays the remaining characters count for input/textarea elements with a configured\nmaxlength property in the `sbb-form-field`.\nThe component automatically uses the form field's inputElement and displays the remaining character count.\nIf the input is disabled, readonly or an `sbb-error` is present, the output is suppressed.",
+          "name": "SbbFormFieldTextCounterElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to display a custom description text after the counter.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-form-field-text-counter'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_remainingCharacters",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_abortController",
+              "type": {
+                "text": "AbortController | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "_onInputUpdate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_infoText",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formField",
+              "type": {
+                "text": "SbbFormFieldElement | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "inheritedFrom": {
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SbbHintElement",
+            "module": "form-field/hint/hint.component.js"
+          },
+          "tagName": "sbb-form-field-text-counter",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbFormFieldTextCounterElement",
+          "declaration": {
+            "name": "SbbFormFieldTextCounterElement",
+            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form-field/hint/hint.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays a hint message in the `sbb-form-field`.",
+          "name": "SbbHintElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to display the hint message.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-hint'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formField",
+              "type": {
+                "text": "SbbFormFieldElement | null"
+              },
+              "privacy": "protected",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbNegativeMixin",
+              "module": "core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-hint",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbHintElement",
+          "declaration": {
+            "name": "SbbHintElement",
+            "module": "form-field/hint/hint.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "header/common/header-action-common.js",
@@ -128651,7 +129164,7 @@
               },
               "privacy": "public",
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "attribute": "error-space",
               "reflects": true,
               "inheritedFrom": {
@@ -128705,6 +129218,20 @@
                 "module": "form-field/form-field/form-field.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_hintElements",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "It is used internally to get the `hint` slot.",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "_input",
@@ -129063,7 +129590,30 @@
             },
             {
               "kind": "method",
-              "name": "_assignErrorMessageElements",
+              "name": "_onSlotHintChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-hint> instances.",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_assignAriaDescribedByElements",
               "privacy": "private",
               "return": {
                 "type": {
@@ -129265,7 +129815,7 @@
                 "text": "'none' | 'reserve'"
               },
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "fieldName": "errorSpace",
               "inheritedFrom": {
                 "name": "SbbFormFieldElement",
@@ -129392,6 +129942,14 @@
                 "name": "SbbFormFieldElement",
                 "module": "form-field/form-field/form-field.component.js"
               }
+            },
+            {
+              "description": "Use this slot to render an `<sbb-hint>` or an `<sbb-form-field-text-counter>` element.",
+              "name": "hint",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
             }
           ],
           "cssProperties": [