@sbb-esta/lyne-elements 1.14.0 → 1.15.0

package/core/mixins.js

@@ -202,7 +202,7 @@ const D = (r) => (() => {
     get required() {
       return this._required || this.isRequiredExternally();
     }
-    async willUpdate(s) {
+    willUpdate(s) {
       super.willUpdate(s), s.has("required") && (this.internals.ariaRequired = `${this.required}`);
     }
     /**
@@ -232,6 +232,13 @@ const D = (r) => (() => {
     get checked() {
       return this._checked;
     }
+    /**
+     * Form type of element.
+     * @default 'checkbox'
+     */
+    get type() {
+      return "checkbox";
+    }
     constructor() {
       super(), this._attributeMutationBlocked = (v(this, s), !1), this._checked = !1, this._handleKeyboardInteraction = (e) => {
         e.key === " " && this._handleUserInteraction();

package/core/styles/core/mediaqueries.scss

@@ -21,8 +21,7 @@ $mq-breakpoints: (
   // 1280
   ultra: sbb-tokens.$sbb-breakpoint-ultra-min,
   // 1440
-  ultra--max-content:
-    (
+  ultra--max-content: (
       sbb-tokens.$sbb-breakpoint-ultra-min + (2 * sbb-tokens.$sbb-spacing-fixed-18x),
     ),
 ) !default;

package/core/styles/mixins/buttons.scss

@@ -34,11 +34,11 @@
   }
 
   :host(
-      :is(
-          [data-focus-visible],
-          :focus-visible:not([data-focus-origin='mouse'], [data-focus-origin='touch'])
-        )
-    ) {
+    :is(
+      [data-focus-visible],
+      :focus-visible:not([data-focus-origin='mouse'], [data-focus-origin='touch'])
+    )
+  ) {
     @include icon-button-focus-visible(#{$button-selector});
   }
 

package/core/testing/event-spy.d.ts

@@ -1,19 +1,21 @@
 /**
  * This class exists to facilitate the test migration from stencil to lit.
  * It mimics the API that stencil provided to test events.
- *
- * TODO: Document me
  */
 export declare class EventSpy<T extends Event> {
     private _event;
     private readonly _target;
-    private _count;
     get count(): number;
-    private _events;
+    private _count;
     get events(): T[];
+    private _events;
     get firstEvent(): T | null;
     get lastEvent(): T | null;
+    private _promiseEventMap;
     constructor(_event: string, _target?: Node | null);
+    calledOnce(timeout?: number): Promise<T>;
+    calledTimes(count: number, timeout?: number): Promise<T>;
+    private _wrapPromiseWithTimeout;
     private _listenForEvent;
 }
 //# sourceMappingURL=event-spy.d.ts.map

package/core/testing/event-spy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"event-spy.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/event-spy.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,qBAAa,QAAQ,CAAC,CAAC,SAAS,KAAK;IAoBjC,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,QAAQ,CAAC,OAAO;IApB1B,OAAO,CAAC,MAAM,CAAa;IAC3B,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,OAAO,CAAC,OAAO,CAAW;IAC1B,IAAW,MAAM,IAAI,CAAC,EAAE,CAEvB;IAED,IAAW,UAAU,IAAI,CAAC,GAAG,IAAI,CAEhC;IAED,IAAW,SAAS,IAAI,CAAC,GAAG,IAAI,CAE/B;gBAGS,MAAM,EAAE,MAAM,EACL,OAAO,GAAE,IAAI,GAAG,IAAW;IAQ9C,OAAO,CAAC,eAAe;CAMxB"}
+{"version":3,"file":"event-spy.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/event-spy.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,qBAAa,QAAQ,CAAC,CAAC,SAAS,KAAK;IAsBjC,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,QAAQ,CAAC,OAAO;IAtB1B,IAAW,KAAK,IAAI,MAAM,CAEzB;IACD,OAAO,CAAC,MAAM,CAAa;IAE3B,IAAW,MAAM,IAAI,CAAC,EAAE,CAEvB;IACD,OAAO,CAAC,OAAO,CAAW;IAE1B,IAAW,UAAU,IAAI,CAAC,GAAG,IAAI,CAEhC;IAED,IAAW,SAAS,IAAI,CAAC,GAAG,IAAI,CAE/B;IAED,OAAO,CAAC,gBAAgB,CAA6C;gBAG3D,MAAM,EAAE,MAAM,EACL,OAAO,GAAE,IAAI,GAAG,IAAW;IASvC,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;IAIxC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,SAAO,GAAG,OAAO,CAAC,CAAC,CAAC;IA6B7D,OAAO,CAAC,uBAAuB;IAa/B,OAAO,CAAC,eAAe;CAOxB"}

package/core/testing.js

@@ -1,5 +1,5 @@
-import { isSafari as a } from "./dom.js";
-class d {
+import { isSafari as l } from "./dom.js";
+class v {
   get count() {
     return this._count;
   }
@@ -12,79 +12,106 @@ class d {
   get lastEvent() {
     return this.events.length ? this.events[this.events.length - 1] : null;
   }
-  constructor(t, n = null) {
-    this._event = t, this._target = n, this._count = 0, this._events = [], this._target || (this._target = document), this._listenForEvent();
+  constructor(e, t = null) {
+    this._event = e, this._target = t, this._count = 0, this._events = [], this._promiseEventMap = /* @__PURE__ */ new Map(), this._target || (this._target = document), this._listenForEvent();
+  }
+  calledOnce(e) {
+    return this.calledTimes(1, e);
+  }
+  calledTimes(e, t = 2e3) {
+    if (this.count > e)
+      return Promise.reject(`Event has been emitted more than expected (expected ${e}, actual ${this.count}`);
+    if (this.count === e)
+      return Promise.resolve(this.events[e - 1]);
+    if (this._promiseEventMap.has(e))
+      return this._promiseEventMap.get(e).promise;
+    {
+      let r, s;
+      const o = {
+        promise: new Promise((a, m) => {
+          r = a, s = m;
+        }),
+        resolve: r,
+        reject: s
+      };
+      return this._promiseEventMap.set(e, o), this._wrapPromiseWithTimeout(o, e, t);
+    }
+  }
+  _wrapPromiseWithTimeout(e, t, r) {
+    const s = setTimeout(() => e.reject(`awaiting calledTimes(${t}) results in timeout`), r);
+    return e.promise.then(() => clearTimeout(s)), e.promise;
   }
   _listenForEvent() {
-    var t;
-    (t = this._target) == null || t.addEventListener(this._event, (n) => {
-      this._events.push(n), this._count++;
+    var e;
+    (e = this._target) == null || e.addEventListener(this._event, (t) => {
+      var r;
+      this._events.push(t), this._count++, (r = this._promiseEventMap.get(this.count)) == null || r.resolve(t);
     });
   }
 }
-const h = (e, t, n) => {
-  if (e)
-    return Mocha.describe(t, n);
-}, g = (e, t, n) => {
-  if (e)
-    return Mocha.test(t, n);
+const p = (i, e, t) => {
+  if (i)
+    return Mocha.describe(e, t);
+}, g = (i, e, t) => {
+  if (i)
+    return Mocha.test(e, t);
 };
-function v(e) {
-  window.scrollTo(e), document.dispatchEvent(new Event("scroll"));
+function w(i) {
+  window.scrollTo(i), document.dispatchEvent(new Event("scroll"));
 }
-async function f(e, t = 30, n = 2 * 1e3) {
-  const i = /* @__PURE__ */ new Date();
-  let r = 0;
-  function o() {
-    return r++, e();
+async function f(i, e = 30, t = 2 * 1e3) {
+  const r = /* @__PURE__ */ new Date();
+  let s = 0;
+  function n() {
+    return s++, i();
   }
-  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);
+  for (; !await n() && r.getTime() + t >= (/* @__PURE__ */ new Date()).getTime(); )
+    await new Promise((o) => setTimeout(o, e));
+  return r.getTime() + t < (/* @__PURE__ */ new Date()).getTime() ? Promise.reject(`waitForCondition timeout: ${i.toString()}, attempts: ${s}, start: ${r.getTime()}, end: ${(/* @__PURE__ */ new Date()).getTime()}`) : Promise.resolve(!0);
 }
-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, () => {
-      o.removeEventListener("abort", s), i();
-    }, { passive: !0, signal: o });
+function E(i, e, t = 1e3) {
+  return new Promise((r, s) => {
+    const n = AbortSignal.timeout(t), o = () => s(`Timeout of ${t} reached`);
+    n.addEventListener("abort", o), i.addEventListener(e, () => {
+      n.removeEventListener("abort", o), r();
+    }, { passive: !0, signal: n });
   });
 }
-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)
+async function _(i, e = 2 * 1e3) {
+  var r;
+  const t = i.localName === "sbb-image" ? ((r = i.shadowRoot) == null ? void 0 : r.querySelector(".sbb-image__img")) ?? null : i;
+  if (!t)
     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();
+  i.complete ? await t.decode() : await new Promise((s, n) => {
+    const o = setTimeout(() => n("image loading timeout"), e);
+    i.addEventListener("load", () => {
+      clearTimeout(o), t.decode().then(() => {
+        l && i.localName === "sbb-image" ? setTimeout(s, 100) : s();
       });
-    }), e.addEventListener("error", () => {
-      clearTimeout(s), o("image error");
+    }), i.addEventListener("error", () => {
+      clearTimeout(o), n("image error");
     });
   });
 }
-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)
+const c = (i) => !!i.updateComplete, u = Promise.resolve(), h = async (i) => {
+  var r, s;
+  const e = await i;
+  (s = (r = e.parentElement ?? e).querySelectorAll) == null || s.call(r, "[defer-hydration]").forEach((n) => n.removeAttribute("defer-hydration"));
+  const t = [e, ...e.querySelectorAll("*")].filter(c).map((n) => [
+    n.updateComplete,
+    n.hydrationComplete ?? u,
+    h(n.renderRoot)
   ]).flat(1 / 0);
-  return await Promise.all(n), t;
+  return await Promise.all(t), e;
 };
 export {
-  d as EventSpy,
-  h as describeIf,
+  v as EventSpy,
+  p as describeIf,
   c as isReactiveElement,
-  v as mockScrollTo,
+  w as mockScrollTo,
   g as testIf,
   f as waitForCondition,
-  w as waitForEvent,
-  E as waitForImageReady,
-  u as waitForLitRender
+  E as waitForEvent,
+  _ as waitForImageReady,
+  h as waitForLitRender
 };