@sbb-esta/lyne-elements 4.8.0 → 4.9.0

package/custom-elements.json

@@ -95337,6 +95337,20 @@
                 "module": "core/base-elements/element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_headerScrollOrigins",
+              "privacy": "private",
+              "static": true,
+              "default": "new Set<HTMLElement>()"
+            },
+            {
+              "kind": "field",
+              "name": "_headerElements",
+              "privacy": "private",
+              "static": true,
+              "default": "new Set<SbbHeaderElement>()"
+            },
             {
               "kind": "field",
               "name": "expanded",
@@ -95426,6 +95440,75 @@
               "privacy": "private",
               "default": "0"
             },
+            {
+              "kind": "field",
+              "name": "_scrollOriginFromObserver",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "_initializeScrollOriginObserver",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_findAndHandleScrollOrigins",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "root",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleScrollOriginElement",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_updateHeaderElements",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_updateScrollListener",
@@ -120017,218 +120100,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/sidebar-container/sidebar-container.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
-          "name": "SbbSidebarContainerElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-sidebar-container'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sidebars",
-              "type": {
-                "text": "SbbSidebarElement[]"
-              },
-              "privacy": "public",
-              "description": "The sidebar children.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "start",
-              "type": {
-                "text": "SbbSidebarElement | null"
-              },
-              "privacy": "public",
-              "description": "The sidebar child with the `start` position.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "end",
-              "type": {
-                "text": "SbbSidebarElement | null"
-              },
-              "privacy": "public",
-              "description": "The sidebar child with the `end` position.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_forcedClosedSidebars",
-              "privacy": "private",
-              "default": "new WeakSet<SbbSidebarElement>()"
-            },
-            {
-              "kind": "method",
-              "name": "_handleWidthChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_calculateSpaceState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
-            },
-            {
-              "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": "SbbElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-sidebar-container",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbSidebarContainerElement",
-          "declaration": {
-            "name": "SbbSidebarContainerElement",
-            "module": "sidebar/sidebar-container/sidebar-container.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "sidebar/sidebar-close-button/sidebar-close-button.component.js",
@@ -121249,6 +121120,218 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/sidebar-container/sidebar-container.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
+          "name": "SbbSidebarContainerElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-sidebar-container'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "sidebars",
+              "type": {
+                "text": "SbbSidebarElement[]"
+              },
+              "privacy": "public",
+              "description": "The sidebar children.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "start",
+              "type": {
+                "text": "SbbSidebarElement | null"
+              },
+              "privacy": "public",
+              "description": "The sidebar child with the `start` position.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "end",
+              "type": {
+                "text": "SbbSidebarElement | null"
+              },
+              "privacy": "public",
+              "description": "The sidebar child with the `end` position.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_forcedClosedSidebars",
+              "privacy": "private",
+              "default": "new WeakSet<SbbSidebarElement>()"
+            },
+            {
+              "kind": "method",
+              "name": "_handleWidthChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_calculateSpaceState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
+            },
+            {
+              "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": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-sidebar-container",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbSidebarContainerElement",
+          "declaration": {
+            "name": "SbbSidebarContainerElement",
+            "module": "sidebar/sidebar-container/sidebar-container.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "sidebar/sidebar-content/sidebar-content.component.js",

package/date-input/date-input.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../date-input.component-Da-aS3jt.js";
+import { t as e } from "../date-input.component-lInRTqua.js";
 export { e as SbbDateInputElement };

package/{date-input.component-Da-aS3jt.js → date-input.component-lInRTqua.js}

@@ -8,7 +8,7 @@ import { i18nDateInvalid as l, i18nDateMax as u, i18nDateMin as d, i18nDatePicke
 import { readConfig as p } from "./core/config.js";
 import { defaultDateAdapter as m } from "./core/datetime.js";
 //#region src/elements/date-input/date-input.scss?lit&inline
-var h = n`:host{cursor:text;align-items:center;min-width:9.375rem;max-width:100%;display:inline-flex}@media (forced-colors:active){:host{color:fieldtext}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media (forced-colors:active){:host(:empty):after{color:graytext}}`;
+var h = n`:host{display:inline-flex;min-width:9.375rem;max-width:100%;cursor:text;align-items:center}@media(forced-colors:active){:host{color:FieldText}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}`;
 //#endregion
 //#region src/elements/date-input/date-input.component.ts
 Object.assign(ValidityState.prototype, { get sbbDateFilter() {

package/date-input.js

@@ -1,4 +1,4 @@
-import { t as e } from "./date-input.component-Da-aS3jt.js";
+import { t as e } from "./date-input.component-lInRTqua.js";
 import "./date-input.pure.js";
 //#region src/elements/date-input.ts
 e.define();

package/date-input.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./date-input.component-Da-aS3jt.js";
+import { t as e } from "./date-input.component-lInRTqua.js";
 export { e as SbbDateInputElement };

package/datepicker/common/datepicker-button.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../datepicker-button-Dk2UQkPN.js";
+import { n as e, r as t, t as n } from "../../datepicker-button--Bz_ztGR.js";
 export { n as SbbDatepickerButton, e as SbbDatepickerButtonBase, t as datepickerButtonStyle };

package/datepicker/common.js

@@ -1,4 +1,4 @@
-import { n as e, r as t, t as n } from "../datepicker-button-Dk2UQkPN.js";
+import { n as e, r as t, t as n } from "../datepicker-button--Bz_ztGR.js";
 //#region src/elements/datepicker/common.ts
 console.warn("The entrypoint '@sbb-esta/elements/datepicker/common.js' has been deprecated.\nUse either '@sbb-esta/elements/datepicker.js' or '@sbb-esta/elements/datepicker.pure.js' instead.");
 //#endregion

package/datepicker/datepicker/datepicker.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../datepicker.component-DUVgoAGU.js";
+import { t as e } from "../../datepicker.component-B64-Fip5.js";
 export { e as SbbDatepickerElement };

package/datepicker/datepicker.js

@@ -1,4 +1,4 @@
-import { t as e } from "../datepicker.component-DUVgoAGU.js";
+import { t as e } from "../datepicker.component-B64-Fip5.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/datepicker/datepicker.js' has been deprecated.\nUse either '@sbb-esta/elements/datepicker.js' or '@sbb-esta/elements/datepicker.pure.js' instead.");
 //#endregion
 export { e as SbbDatepickerElement };

package/{datepicker-button-Dk2UQkPN.js → datepicker-button--Bz_ztGR.js}

@@ -11,7 +11,7 @@ import { readConfig as u } from "./core/config.js";
 import { defaultDateAdapter as d } from "./core/datetime.js";
 import { SbbDateInputElement as f } from "./date-input.js";
 //#region src/elements/datepicker/common/datepicker-button.scss?lit&inline
-var p = n`.sbb-action-base{-webkit-tap-highlight-color:transparent;margin:auto}`, m = (() => {
+var p = n`.sbb-action-base{margin:auto;-webkit-tap-highlight-color:transparent}`, m = (() => {
 	let n = s(a), l, p = [], m = [];
 	return class extends n {
 		constructor() {

package/{datepicker.component-DUVgoAGU.js → datepicker.component-B64-Fip5.js}

@@ -11,7 +11,7 @@ import { SbbDateInputElement as m } from "./date-input.js";
 import { SbbPopoverBaseElement as h } from "./popover.js";
 import "./calendar.js";
 //#region src/elements/datepicker/datepicker/datepicker.scss?lit&inline
-var g = n`#status-container{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`, _ = 0, v = (() => {
+var g = n`#status-container{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, _ = 0, v = (() => {
 	let n = l(h), v, y = [], b = [], x, S = [], C = [], w, T = [], E = [];
 	return class extends n {
 		static {

package/datepicker.js

@@ -1,8 +1,8 @@
-import { n as e, r as t, t as n } from "./datepicker-button-Dk2UQkPN.js";
+import { n as e, r as t, t as n } from "./datepicker-button--Bz_ztGR.js";
 import { SbbDatepickerNextDayElement as r } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
 import { SbbDatepickerPreviousDayElement as i } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
 import { SbbDatepickerToggleElement as a } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-import { t as o } from "./datepicker.component-DUVgoAGU.js";
+import { t as o } from "./datepicker.component-B64-Fip5.js";
 import "./datepicker.pure.js";
 o.define(), r.define(), i.define(), a.define();
 //#endregion

package/datepicker.pure.js

@@ -1,6 +1,6 @@
-import { n as e, r as t, t as n } from "./datepicker-button-Dk2UQkPN.js";
+import { n as e, r as t, t as n } from "./datepicker-button--Bz_ztGR.js";
 import { SbbDatepickerNextDayElement as r } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
 import { SbbDatepickerPreviousDayElement as i } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
 import { SbbDatepickerToggleElement as a } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-import { t as o } from "./datepicker.component-DUVgoAGU.js";
+import { t as o } from "./datepicker.component-B64-Fip5.js";
 export { n as SbbDatepickerButton, e as SbbDatepickerButtonBase, o as SbbDatepickerElement, r as SbbDatepickerNextDayElement, i as SbbDatepickerPreviousDayElement, a as SbbDatepickerToggleElement, t as datepickerButtonStyle };