@sbb-esta/lyne-elements 4.12.0 → 4.12.1

package/container/sticky-bar/sticky-bar.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sticky-bar.component-DDBq8uXU.js";
+import { t as e } from "../../sticky-bar.component-37iKnzVR.js";
 export { e as SbbStickyBarElement };

package/container/sticky-bar.js

@@ -1,4 +1,4 @@
-import { t as e } from "../sticky-bar.component-DDBq8uXU.js";
+import { t as e } from "../sticky-bar.component-37iKnzVR.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/container/sticky-bar.js' has been deprecated.\nUse either '@sbb-esta/elements/container.js' or '@sbb-esta/elements/container.pure.js' instead.");
 //#endregion
 export { e as SbbStickyBarElement };

package/container.js

@@ -1,5 +1,5 @@
 import { t as e } from "./container.component-CkYADvvc.js";
-import { t } from "./sticky-bar.component-DDBq8uXU.js";
+import { t } from "./sticky-bar.component-37iKnzVR.js";
 import "./container.pure.js";
 e.define(), t.define();
 //#endregion

package/container.pure.js

@@ -1,3 +1,3 @@
 import { t as e } from "./container.component-CkYADvvc.js";
-import { t } from "./sticky-bar.component-DDBq8uXU.js";
+import { t } from "./sticky-bar.component-37iKnzVR.js";
 export { e as SbbContainerElement, t as SbbStickyBarElement };

package/core/mixins/element-internals-mixin.js

@@ -1,7 +1,7 @@
 import { isServer as e } from "lit";
 import { SbbSlotStateController as t } from "../controllers/slot-state-controller.js";
 //#region src/elements/core/mixins/element-internals-mixin.ts
-var n = e || !CSS.supports("selector(:is(:state(loading),[state--loading]))") ? class extends Set {
+var n = e || !CSS.supports("selector(:state(loading))") ? class extends Set {
 	constructor(t) {
 		super(), this._host = t, this._applied = e, this._host.addController(this), e || Promise.resolve().then(() => this._applyStates());
 	}

package/core/mixins/form-associated-input-mixin.js

@@ -130,7 +130,7 @@ var _ = (() => {
 				}
 			}
 			attributeChangedCallback(e, t, n) {
-				(e !== "value" || !this.internals.states.has("interacted")) && super.attributeChangedCallback(e, t, n);
+				(e !== "value" || !this.matches?.(":is(:state(interacted),[state--interacted])")) && super.attributeChangedCallback(e, t, n);
 			}
 			formResetCallback() {
 				this.internals.states.delete("interacted"), this.value = this.getAttribute("value") ?? "";

package/core/overlay/position.js

@@ -31,10 +31,10 @@ function n(t, n, r, i) {
 		vertical: "below"
 	}, y = `${m - a}px`;
 	i?.centered && u - 16 + c.width / 2 > l.offsetWidth / 2 && f - 16 > _ / 2 && (h -= _ /= 2, v.horizontal = "center"), f < _ && u > _ && (h -= _, v.horizontal = "end"), o && v.horizontal !== "center" && c.width / 2 < o && (h += o * (v.horizontal === "start" ? -1 : 1)), (u < _ && f < _ || document.documentElement.clientWidth < l.offsetWidth) && (h = document.documentElement.clientWidth / 2 - l.offsetWidth / 2);
-	let b = m - a < l.scrollHeight && p - a > (s ? l.clientHeight : l.scrollHeight) || p > m && m - a < l.clientHeight && !s;
-	!i?.forceBelow && (i?.forceAbove || b) && (g = p < l.scrollHeight ? g - c.height - p - a : d - l.clientHeight - a, y = `${p - a}px`, v.vertical = "above");
-	let x = r.getBoundingClientRect();
-	return x.left < 0 && (h -= x.left), x.top < 0 && (g -= x.top), {
+	let b = m - a >= l.scrollHeight, x = p - a >= (s ? l.clientHeight : l.scrollHeight), S = !b && (x || p > m);
+	!i?.forceBelow && (i?.forceAbove || S) && (g = p < l.scrollHeight ? g - c.height - p - a : d - l.clientHeight - a, y = `${p - a}px`, v.vertical = "above");
+	let C = r.getBoundingClientRect();
+	return C.left < 0 && (h -= C.left), C.top < 0 && (g -= C.top), {
 		top: g,
 		left: h,
 		maxHeight: y,

package/custom-elements.json

@@ -94658,6 +94658,253 @@
         }
       ]
     },
+    {
+      "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/form-field-clear/form-field-clear.component.js",
@@ -95466,253 +95713,6 @@
         }
       ]
     },
-    {
-      "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",

package/development/container/sticky-bar/sticky-bar.component.js

@@ -1,2 +1,2 @@
-import { t as SbbStickyBarElement } from "../../sticky-bar.component-Dzrdsnxu.js";
+import { t as SbbStickyBarElement } from "../../sticky-bar.component-CysAIZTd.js";
 export { SbbStickyBarElement };

package/development/container/sticky-bar.js

@@ -1,4 +1,4 @@
-import { t as SbbStickyBarElement } from "../sticky-bar.component-Dzrdsnxu.js";
+import { t as SbbStickyBarElement } from "../sticky-bar.component-CysAIZTd.js";
 //#region src/elements/container/sticky-bar.ts
 /** @entrypoint */
 SbbStickyBarElement.define();

package/development/container.js

@@ -1,5 +1,5 @@
 import { t as SbbContainerElement } from "./container.component-CG_i65Op.js";
-import { t as SbbStickyBarElement } from "./sticky-bar.component-Dzrdsnxu.js";
+import { t as SbbStickyBarElement } from "./sticky-bar.component-CysAIZTd.js";
 import "./container.pure.js";
 //#region src/elements/container.ts
 /** @entrypoint */

package/development/container.pure.js

@@ -1,3 +1,3 @@
 import { t as SbbContainerElement } from "./container.component-CG_i65Op.js";
-import { t as SbbStickyBarElement } from "./sticky-bar.component-Dzrdsnxu.js";
+import { t as SbbStickyBarElement } from "./sticky-bar.component-CysAIZTd.js";
 export { SbbContainerElement, SbbStickyBarElement };