@sbb-esta/lyne-elements 1.7.0 → 1.9.0

package/core/testing.js

@@ -1,6 +1,7 @@
-class u {
-  constructor(e, n = null) {
-    this._event = e, this._target = n, this._count = 0, this._events = [], this._target || (this._target = document), this._listenForEvent();
+import { isSafari as a } from "./dom.js";
+class d {
+  constructor(t, n = null) {
+    this._event = t, this._target = n, this._count = 0, this._events = [], this._target || (this._target = document), this._listenForEvent();
   }
   get count() {
     return this._count;
@@ -15,75 +16,81 @@ class u {
     return this.events.length ? this.events[this.events.length - 1] : null;
   }
   _listenForEvent() {
-    var e;
-    (e = this._target) == null || e.addEventListener(this._event, (n) => {
+    var t;
+    (t = this._target) == null || t.addEventListener(this._event, (n) => {
       this._events.push(n), this._count++;
     });
   }
 }
-const m = (t, e, n) => {
-  if (t)
-    return Mocha.describe(e, n);
-}, h = (t, e, n) => {
-  if (t)
-    return Mocha.test(e, n);
+const h = (e, t, n) => {
+  if (e)
+    return Mocha.describe(t, n);
+}, g = (e, t, n) => {
+  if (e)
+    return Mocha.test(t, n);
 };
-function d(t) {
-  window.scrollTo(t), document.dispatchEvent(new Event("scroll"));
+function v(e) {
+  window.scrollTo(e), document.dispatchEvent(new Event("scroll"));
 }
-async function v(t, e = 30, n = 2 * 1e3) {
-  const r = /* @__PURE__ */ new Date();
-  let o = 0;
-  function i() {
-    return o++, t();
+async function f(e, t = 30, n = 2 * 1e3) {
+  const i = /* @__PURE__ */ new Date();
+  let r = 0;
+  function o() {
+    return r++, e();
   }
-  for (; !await i() && r.getTime() + n >= (/* @__PURE__ */ new Date()).getTime(); )
-    await new Promise((s) => setTimeout(s, e));
-  return r.getTime() + n < (/* @__PURE__ */ new Date()).getTime() ? Promise.reject(
-    `waitForCondition timeout: ${t.toString()}, attempts: ${o}, start: ${r.getTime()}, end: ${(/* @__PURE__ */ new Date()).getTime()}`
+  for (; !await o() && i.getTime() + n >= (/* @__PURE__ */ new Date()).getTime(); )
+    await new Promise((s) => setTimeout(s, t));
+  return i.getTime() + n < (/* @__PURE__ */ new Date()).getTime() ? Promise.reject(
+    `waitForCondition timeout: ${e.toString()}, attempts: ${r}, start: ${i.getTime()}, end: ${(/* @__PURE__ */ new Date()).getTime()}`
   ) : Promise.resolve(!0);
 }
-function g(t, e, n = 1e3) {
-  return new Promise((r, o) => {
-    const i = AbortSignal.timeout(n), s = () => o(`Timeout of ${n} reached`);
-    i.addEventListener("abort", s), t.addEventListener(
-      e,
+function w(e, t, n = 1e3) {
+  return new Promise((i, r) => {
+    const o = AbortSignal.timeout(n), s = () => r(`Timeout of ${n} reached`);
+    o.addEventListener("abort", s), e.addEventListener(
+      t,
       () => {
-        i.removeEventListener("abort", s), r();
+        o.removeEventListener("abort", s), i();
       },
-      { passive: !0, signal: i }
+      { passive: !0, signal: o }
     );
   });
 }
-async function w(t, e = 2 * 1e3) {
-  t.complete || await new Promise((n, r) => {
-    const o = setTimeout(() => r("image loading timeout"), e);
-    t.addEventListener("load", () => {
-      clearTimeout(o), n();
-    }), t.addEventListener("error", () => {
-      clearTimeout(o), r("image error");
+async function E(e, t = 2 * 1e3) {
+  var i;
+  const n = e.localName === "sbb-image" ? ((i = e.shadowRoot) == null ? void 0 : i.querySelector(".sbb-image__img")) ?? null : e;
+  if (!n)
+    throw new Error("img tag not found");
+  e.complete ? await n.decode() : await new Promise((r, o) => {
+    const s = setTimeout(() => o("image loading timeout"), t);
+    e.addEventListener("load", () => {
+      clearTimeout(s), n.decode().then(() => {
+        a && e.localName === "sbb-image" ? setTimeout(r, 100) : r();
+      });
+    }), e.addEventListener("error", () => {
+      clearTimeout(s), o("image error");
     });
   });
 }
-const a = (t) => !!t.updateComplete, c = Promise.resolve(), l = async (t) => {
-  var r, o;
-  const e = await t;
-  (o = (r = e.parentElement ?? e).querySelectorAll) == null || o.call(r, "[defer-hydration]").forEach((i) => i.removeAttribute("defer-hydration"));
-  const n = [e, ...e.querySelectorAll("*")].filter(a).map((i) => [
-    i.updateComplete,
-    i.hydrationComplete ?? c,
-    l(i.renderRoot)
+const c = (e) => !!e.updateComplete, l = Promise.resolve(), u = async (e) => {
+  var i, r;
+  const t = await e;
+  (r = (i = t.parentElement ?? t).querySelectorAll) == null || r.call(i, "[defer-hydration]").forEach((o) => o.removeAttribute("defer-hydration"));
+  const n = [t, ...t.querySelectorAll("*")].filter(c).map((o) => [
+    o.updateComplete,
+    o.hydrationComplete ?? l,
+    u(o.renderRoot)
   ]).flat(1 / 0);
-  return await Promise.all(n), e;
+  return await Promise.all(n), t;
 };
 export {
-  u as EventSpy,
-  m as describeIf,
-  a as isReactiveElement,
-  d as mockScrollTo,
-  h as testIf,
-  v as waitForCondition,
-  g as waitForEvent,
-  w as waitForImageReady,
-  l as waitForLitRender
+  d as EventSpy,
+  h as describeIf,
+  c as isReactiveElement,
+  v as mockScrollTo,
+  g as testIf,
+  f as waitForCondition,
+  w as waitForEvent,
+  E as waitForImageReady,
+  u as waitForLitRender
 };

package/core.css

@@ -1117,6 +1117,7 @@
   --sbb-train-formation-wagon-gap: var(--sbb-spacing-fixed-1x);
   --sbb-header-height: var(--sbb-spacing-fixed-14x);
   --sbb-time-input-max-width: 3.625rem;
+  --sbb-time-input-s-max-width: 3.1875rem;
   --sbb-overlay-default-z-index: 1000;
   --sbb-border-radius-infinity: 10000000em;
 }
@@ -1124,6 +1125,7 @@
   :root {
     --sbb-header-height: var(--sbb-spacing-fixed-24x);
     --sbb-time-input-max-width: 4.0625rem;
+    --sbb-time-input-s-max-width: 3.625rem;
   }
 }
 
@@ -1281,4 +1283,7 @@ sbb-title + p {
 
 input[data-sbb-time-input] {
   max-width: var(--sbb-time-input-max-width);
+}
+sbb-form-field[size=s] input[data-sbb-time-input] {
+  max-width: var(--sbb-time-input-s-max-width);
 }