@sbb-esta/lyne-elements 1.14.1 → 1.15.0

package/custom-elements.json

@@ -2668,14 +2668,14 @@
             },
             {
               "kind": "field",
-              "name": "_abort",
-              "privacy": "private",
-              "default": "new SbbConnectedAbortController(this)"
+              "name": "_language",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_language",
-              "privacy": "private"
+              "name": "_mediaMatcher",
+              "privacy": "private",
+              "default": "new SbbMediaMatcherController(this, { [SbbMediaQueryBreakpointMediumAndAbove]: () => this._init(), })"
             },
             {
               "kind": "method",
@@ -4733,6 +4733,17 @@
               "privacy": "private",
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Form type of element.",
+              "default": "'file'",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "_fileChangedEvent",
@@ -6013,7 +6024,7 @@
         },
         {
           "kind": "class",
-          "description": "It displays an icon loaded from a registered namespace.",
+          "description": "Displays an icon loaded from a registered namespace.",
           "name": "SbbIconElement",
           "members": [
             {
@@ -9487,6 +9498,17 @@
               "description": "Whether the select is readonly.",
               "attribute": "readonly"
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Form type of element.",
+              "default": "'select-one / select-multiple'",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "_displayValue",
@@ -9644,22 +9666,13 @@
             },
             {
               "kind": "method",
-              "name": "_onSelectAttributesChange",
+              "name": "_syncAriaLabels",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "mutationsList",
-                  "type": {
-                    "text": "MutationRecord[]"
-                  }
-                }
-              ],
-              "description": "TODO: Accessibility fix required to correctly read the label;\ncan be possibly removed after the merge of https://github.com/sbb-design-systems/lyne-components/issues/3062"
+              }
             },
             {
               "kind": "method",
@@ -11665,6 +11678,17 @@
               "description": "Name of the icon at component's end, which will be forward to the nested `sbb-icon`.",
               "attribute": "end-icon"
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Form type of element.",
+              "default": "'range'",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "_valueFraction",
@@ -13429,13 +13453,21 @@
             },
             {
               "kind": "field",
-              "name": "_abort",
+              "name": "_language",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_mediaMatcher",
               "privacy": "private",
-              "default": "new SbbConnectedAbortController(this)"
+              "default": "new SbbMediaMatcherController(this, { [SbbMediaQueryForcedColors]: (matches) => { this._forcedColors = matches; this._setNameAndAriaLabel(); }, })"
             },
             {
               "kind": "field",
-              "name": "_language",
+              "name": "_forcedColors",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private"
             },
             {
@@ -14755,6 +14787,21 @@
                 "module": "core/mixins.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Form type of element.",
+              "default": "'checkbox'",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedCheckboxMixin",
+                "module": "core/mixins.js"
+              }
+            },
             {
               "kind": "method",
               "name": "withUserInteraction",
@@ -26657,6 +26704,21 @@
                 "module": "core/mixins.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Form type of element.",
+              "default": "'checkbox'",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedCheckboxMixin",
+                "module": "core/mixins.js"
+              }
+            },
             {
               "kind": "method",
               "name": "updateFormValue",
@@ -27241,6 +27303,21 @@
                 "module": "core/mixins.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Form type of element.",
+              "default": "'checkbox'",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedCheckboxMixin",
+                "module": "core/mixins.js"
+              }
+            },
             {
               "kind": "method",
               "name": "updateFormValue",
@@ -27761,6 +27838,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ willStick: 'willStick', didStick: 'didStick', willUnstick: 'willUnstick', didUnstick: 'didUnstick', }",
+              "type": {
+                "text": "{\n    willStick: 'willStick',\n    didStick: 'didStick',\n    willUnstick: 'willUnstick',\n    didUnstick: 'didUnstick',\n  }"
+              }
+            },
             {
               "kind": "field",
               "name": "color",
@@ -27773,6 +27861,51 @@
               "attribute": "color",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "_state",
+              "privacy": "private",
+              "description": "The state of the component.",
+              "type": {
+                "text": "StickyState"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_willStick",
+              "type": {
+                "text": "EventEmitter"
+              },
+              "privacy": "private",
+              "default": "new EventEmitter(this, SbbStickyBarElement.events.willStick)"
+            },
+            {
+              "kind": "field",
+              "name": "_didStick",
+              "type": {
+                "text": "EventEmitter"
+              },
+              "privacy": "private",
+              "default": "new EventEmitter(this, SbbStickyBarElement.events.didStick)"
+            },
+            {
+              "kind": "field",
+              "name": "_willUnstick",
+              "type": {
+                "text": "EventEmitter"
+              },
+              "privacy": "private",
+              "default": "new EventEmitter( this, SbbStickyBarElement.events.willUnstick, )"
+            },
+            {
+              "kind": "field",
+              "name": "_didUnstick",
+              "type": {
+                "text": "EventEmitter"
+              },
+              "privacy": "private",
+              "default": "new EventEmitter(this, SbbStickyBarElement.events.didUnstick)"
+            },
             {
               "kind": "field",
               "name": "_intersector",
@@ -27785,11 +27918,11 @@
               "kind": "field",
               "name": "_observer",
               "privacy": "private",
-              "default": "new IntersectionController(this, { // Although `this` is observed, we have to postpone observing // into firstUpdated() to achieve a correct initial state. target: null, callback: (entries) => this._toggleShadowVisibility(entries[0]), })"
+              "default": "new IntersectionController(this, { // Although `this` is observed, we have to postpone observing // into firstUpdated() to achieve a correct initial state. target: null, callback: (entries) => this._detectStickyState(entries[0]), })"
             },
             {
               "kind": "method",
-              "name": "_toggleShadowVisibility",
+              "name": "_detectStickyState",
               "privacy": "private",
               "return": {
                 "type": {
@@ -27804,6 +27937,156 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "stick",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Animates from normal content flow position to `position: sticky`."
+            },
+            {
+              "kind": "method",
+              "name": "unstick",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Animates `position: sticky` to normal content flow position."
+            },
+            {
+              "kind": "method",
+              "name": "_stickyCallback",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_unstickyCallback",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onAnimationEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "AnimationEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_updatePromise",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_updateResolve",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "startUpdate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "completeUpdate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getUpdateComplete",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<void>"
+              },
+              "description": "Emits when the animation from normal content flow to `position: sticky` starts. Can be canceled.",
+              "name": "willStick"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<void>"
+              },
+              "description": "Emits when the animation from normal content flow to `position: sticky` ends.",
+              "name": "didStick"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<void>"
+              },
+              "description": "Emits when the animation from `position: sticky` to normal content flow starts. Can be canceled.",
+              "name": "willUnstick"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<void>"
+              },
+              "description": "Emits when the animation from `position: sticky` to normal content flow ends.",
+              "name": "didUnstick"
             }
           ],
           "attributes": [
@@ -27817,6 +28100,12 @@
               "fieldName": "color"
             }
           ],
+          "mixins": [
+            {
+              "name": "SbbUpdateSchedulerMixin",
+              "module": "core/mixins.js"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -29253,6 +29542,87 @@
             }
           ]
         },
+        {
+          "kind": "variable",
+          "name": "SbbMediaQueryForcedColors",
+          "type": {
+            "text": "string"
+          },
+          "default": "'(forced-colors: active)'"
+        },
+        {
+          "kind": "variable",
+          "name": "SbbMediaQueryHover",
+          "type": {
+            "text": "string"
+          },
+          "default": "'(any-hover: hover)'"
+        },
+        {
+          "kind": "variable",
+          "name": "SbbMediaQueryPointerCoarse",
+          "type": {
+            "text": "string"
+          },
+          "default": "'(pointer: coarse)'"
+        },
+        {
+          "kind": "variable",
+          "name": "SbbMediaQueryBreakpointMediumAndAbove",
+          "default": "`(min-width: ${pxToRem(SbbBreakpointMediumMin)}rem)`"
+        },
+        {
+          "kind": "variable",
+          "name": "SbbMediaQueryBreakpointSmallAndBelow",
+          "default": "`(max-width: ${pxToRem(SbbBreakpointSmallMax)}rem)`"
+        },
+        {
+          "kind": "class",
+          "description": "This controller allows listening to media query changes.",
+          "name": "SbbMediaMatcherController",
+          "members": [
+            {
+              "kind": "method",
+              "name": "matches",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "query",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The query to check against."
+                }
+              ],
+              "description": "Returns whether the given query matches. Returns null with SSR."
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ]
+        },
         {
           "kind": "class",
           "description": "This controller checks for slotted children. From these it generates\na list of used slot names (`unnamed` for children without a slot attribute)\nand adds this to the `data-slot-names` attribute, as a space separated list.\n\nThis allows CSS attribute selector to display/hide/configure a section\nof the component as required (see [attr~=value] selector specifically).",
@@ -29336,6 +29706,54 @@
             "module": "core/controllers.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "SbbMediaQueryForcedColors",
+          "declaration": {
+            "name": "SbbMediaQueryForcedColors",
+            "module": "core/controllers.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbMediaQueryHover",
+          "declaration": {
+            "name": "SbbMediaQueryHover",
+            "module": "core/controllers.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbMediaQueryPointerCoarse",
+          "declaration": {
+            "name": "SbbMediaQueryPointerCoarse",
+            "module": "core/controllers.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbMediaQueryBreakpointMediumAndAbove",
+          "declaration": {
+            "name": "SbbMediaQueryBreakpointMediumAndAbove",
+            "module": "core/controllers.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbMediaQueryBreakpointSmallAndBelow",
+          "declaration": {
+            "name": "SbbMediaQueryBreakpointSmallAndBelow",
+            "module": "core/controllers.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbMediaMatcherController",
+          "declaration": {
+            "name": "SbbMediaMatcherController",
+            "module": "core/controllers.js"
+          }
+        },
         {
           "kind": "js",
           "name": "SbbSlotStateController",
@@ -31006,7 +31424,8 @@
               "optional": true,
               "type": {
                 "text": "{ includeMaxBreakpoint: boolean }"
-              }
+              },
+              "description": "Whether the max breakpoint should be included"
             }
           ],
           "description": "Checks whether the document matches a particular media query.\nIt will rely on the global CSS variables to determine the value of the breakpoints."
@@ -33739,6 +34158,17 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Form type of element.",
+              "default": "'checkbox'",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "withUserInteraction",
@@ -35739,45 +36169,45 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "This class exists to facilitate the test migration from stencil to lit.\nIt mimics the API that stencil provided to test events.\n\nTODO: Document me",
+          "description": "This class exists to facilitate the test migration from stencil to lit.\nIt mimics the API that stencil provided to test events.",
           "name": "EventSpy",
           "members": [
             {
               "kind": "field",
-              "name": "_count",
+              "name": "count",
               "type": {
                 "text": "number"
               },
-              "privacy": "private",
+              "privacy": "public",
+              "readonly": true,
               "default": "0"
             },
             {
               "kind": "field",
-              "name": "count",
+              "name": "_count",
               "type": {
                 "text": "number"
               },
-              "privacy": "public",
-              "readonly": true,
+              "privacy": "private",
               "default": "0"
             },
             {
               "kind": "field",
-              "name": "_events",
+              "name": "events",
               "type": {
                 "text": "T[]"
               },
-              "privacy": "private",
+              "privacy": "public",
+              "readonly": true,
               "default": "[]"
             },
             {
               "kind": "field",
-              "name": "events",
+              "name": "_events",
               "type": {
                 "text": "T[]"
               },
-              "privacy": "public",
-              "readonly": true,
+              "privacy": "private",
               "default": "[]"
             },
             {
@@ -35798,6 +36228,83 @@
               "privacy": "public",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "_promiseEventMap",
+              "privacy": "private",
+              "default": "new Map<number, PromiseWithExecutor<T>>()"
+            },
+            {
+              "kind": "method",
+              "name": "calledOnce",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Promise<T>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "timeout",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "calledTimes",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Promise<T>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "count",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "timeout",
+                  "default": "2000"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_wrapPromiseWithTimeout",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<T>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "promiseWithExecutor",
+                  "type": {
+                    "text": "PromiseWithExecutor<T>"
+                  }
+                },
+                {
+                  "name": "count",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "timeout",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "_listenForEvent",
@@ -40219,6 +40726,20 @@
               "privacy": "private",
               "default": "new SbbSlotStateController(this, () => this._setDataIconAttribute())"
             },
+            {
+              "kind": "field",
+              "name": "_mediaMatcher",
+              "privacy": "private",
+              "default": "new SbbMediaMatcherController(this, { [SbbMediaQueryHover]: (m) => (this._isHover = m), })"
+            },
+            {
+              "kind": "field",
+              "name": "_isHover",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_emitExpandedEvent",
@@ -41304,6 +41825,16 @@
               "description": "Returns the slotted sbb-flip-card-details.",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "_detailsContentElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "private",
+              "description": "Returns the card details content element wrapper.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "isFlipped",
@@ -41336,6 +41867,12 @@
               "privacy": "private",
               "default": "new SbbLanguageController(this)"
             },
+            {
+              "kind": "field",
+              "name": "_cardDetailsResizeObserver",
+              "privacy": "private",
+              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this._setCardDetailsHeight(), })"
+            },
             {
               "kind": "method",
               "name": "toggle",
@@ -41347,6 +41884,16 @@
               },
               "description": "Toggles the state of the sbb-flip-card."
             },
+            {
+              "kind": "method",
+              "name": "_setCardDetailsHeight",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_accessibilityLabel",
@@ -48478,6 +49025,12 @@
               "privacy": "private",
               "default": "new SbbInertController(this)"
             },
+            {
+              "kind": "field",
+              "name": "_mediaMatcher",
+              "privacy": "private",
+              "default": "new SbbMediaMatcherController(this, { [SbbMediaQueryBreakpointSmallAndBelow]: (matches) => { if (matches && (this.state === 'opening' || this.state === 'opened')) { this._scrollHandler.disableScroll(); } else { this._scrollHandler.enableScroll(); } }, })"
+            },
             {
               "kind": "method",
               "name": "open",
@@ -54322,21 +54875,14 @@
             {
               "kind": "field",
               "name": "pageSizeOptions",
-              "privacy": "public",
-              "description": "The available `pageSize` choices.",
               "type": {
-                "text": "number[] | undefined"
+                "text": "number[]"
               },
+              "privacy": "public",
+              "default": "[]",
+              "description": "The available `pageSize` choices.",
               "attribute": "page-size-options"
             },
-            {
-              "kind": "field",
-              "name": "_pageSizeOptions",
-              "type": {
-                "text": "number[] | undefined"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "pagerPosition",
@@ -54353,12 +54899,6 @@
                 "module": "paginator/common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "_paginatorOptionsLabel",
-              "privacy": "private",
-              "default": "`sbb-paginator-options-label-${++nextId}`"
-            },
             {
               "kind": "field",
               "name": "_markForFocus",
@@ -54368,15 +54908,6 @@
               "privacy": "private",
               "default": "null"
             },
-            {
-              "kind": "field",
-              "name": "_updateSelectAriaLabelledBy",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
             {
               "kind": "method",
               "name": "_pageSizeChanged",
@@ -54790,10 +55321,11 @@
           "attributes": [
             {
               "name": "page-size-options",
-              "description": "The available `pageSize` choices.",
               "type": {
-                "text": "number[] | undefined"
+                "text": "number[]"
               },
+              "default": "[]",
+              "description": "The available `pageSize` choices.",
               "fieldName": "pageSizeOptions"
             },
             {
@@ -62881,6 +63413,21 @@
                 "module": "core/mixins.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Form type of element.",
+              "default": "'checkbox'",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedCheckboxMixin",
+                "module": "core/mixins.js"
+              }
+            },
             {
               "kind": "method",
               "name": "updateFormValue",