@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/core/styles/normalize.scss

@@ -0,0 +1,216 @@
+/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+
+/*
+Document
+========
+*/
+
+/**
+1. Correct the line height in all browsers. ///// Commented out since we define own line-height /////
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size (opinionated).
+*/
+
+html {
+  // line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -moz-text-size-adjust: 100%; /* 2 */
+  text-size-adjust: 100%; /* 2 */
+  tab-size: 4; /* 3 */
+}
+
+/*
+Sections
+========
+*/
+
+body {
+  margin: 0; /* Remove the margin in all browsers. */
+}
+
+/*
+Grouping content
+================
+*/
+
+/**
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+*/
+
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+}
+
+/*
+Text-level semantics
+====================
+*/
+
+/**
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr[title] {
+  text-decoration: underline dotted;
+}
+
+/**
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+2. Correct the odd 'em' font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Tabular data
+============
+*/
+
+/**
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+*/
+
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+}
+
+/*
+Forms
+=====
+*/
+
+/**
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+Correct the inability to style clickable types in iOS and Safari.
+*/
+
+button,
+:is(button, input):where([type='button'], [type='reset'], [type='submit']) {
+  -webkit-appearance: button;
+}
+
+/**
+Remove the additional ':invalid' styles in Firefox.
+See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/**
+Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+*/
+
+legend {
+  padding: 0;
+}
+
+/**
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to 'inherit' in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/*
+Interactive
+===========
+*/
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}

package/core/styles/standard-theme.scss

@@ -0,0 +1,9 @@
+@use './_index' as sbb;
+
+@use './normalize';
+@use './core';
+@use './typography';
+@use './a11y';
+@use './animation';
+@use './layout';
+@use './lists';

package/core/styles/typography.scss

@@ -0,0 +1,50 @@
+@use './mixins/typo';
+
+sub {
+  @include typo.sub;
+}
+
+sup {
+  @include typo.sup;
+}
+
+.sbb-text-xxs,
+.sbb-text-xs,
+.sbb-text-s,
+.sbb-text-m,
+.sbb-text-l,
+.sbb-text-xl {
+  @include typo.text;
+}
+
+.sbb-text-xxs {
+  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
+}
+
+.sbb-text-xs {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+}
+
+.sbb-text-s {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+}
+
+.sbb-text-m {
+  --sbb-text-font-size: var(--sbb-font-size-text-m);
+}
+
+.sbb-text-l {
+  --sbb-text-font-size: var(--sbb-font-size-text-l);
+}
+
+.sbb-text-xl {
+  --sbb-text-font-size: var(--sbb-font-size-text-xl);
+}
+
+.sbb-text--bold {
+  @include typo.text--bold;
+}
+
+.sbb-legend {
+  @include typo.legend;
+}

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

@@ -0,0 +1,19 @@
+/**
+ * This class exists to facilitate the E2E 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;
+    get events(): T[];
+    get firstEvent(): T | null;
+    get lastEvent(): T | null;
+    constructor(_event: string, _target?: Node | null);
+    private _listenForEvent;
+}
+//# sourceMappingURL=event-spy.d.ts.map

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

@@ -0,0 +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"}

package/core/testing/mocha-extensions.d.ts

@@ -0,0 +1,11 @@
+import { Func, Suite, Test } from 'mocha';
+
+/**
+ * Skip the `describe` if the condition is not met
+ */
+export declare const describeIf: (condition: boolean, title: string, fn: (this: Suite) => void) => Suite | void;
+/**
+ * Skip the `test` if the condition is not met
+ */
+export declare const testIf: (condition: boolean, title: string, fn?: Func) => Test | void;
+//# sourceMappingURL=mocha-extensions.d.ts.map

package/core/testing/mocha-extensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocha-extensions.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/mocha-extensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,UAAU,cACV,OAAO,SACX,MAAM,MACT,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,KACxB,KAAK,GAAG,IAIV,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,cAAe,OAAO,SAAS,MAAM,OAAO,IAAI,KAAG,IAAI,GAAG,IAI5E,CAAC"}

package/core/testing/private.d.ts

@@ -0,0 +1,11 @@
+export * from './private/a11y-tree-snapshot.js';
+export * from './private/describe-each.js';
+export * from './private/describe-viewports.js';
+export * from './private/dispatch-events.js';
+export * from './private/event-objects.js';
+export * from './private/fixture.js';
+export * from './private/load-asset-as-base64.js';
+export * from './private/platform.js';
+export * from './private/type-in-element.js';
+export * from './private/visual-regression-snapshot.js';
+//# sourceMappingURL=private.d.ts.map

package/core/testing/private.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"private.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/private.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yCAAyC,CAAC"}

package/core/testing/scroll.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Can be used in tests where scroll events are not triggered by default.
+ * @param options ScrollToOptions
+ */
+export declare function mockScrollTo(options: ScrollToOptions): void;
+//# sourceMappingURL=scroll.d.ts.map

package/core/testing/scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/scroll.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,CAM3D"}

package/core/testing/test-setup-ssr.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=test-setup-ssr.d.ts.map

package/core/testing/test-setup-ssr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup-ssr.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/test-setup-ssr.ts"],"names":[],"mappings":""}

package/core/testing/test-setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=test-setup.d.ts.map

package/core/testing/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/test-setup.ts"],"names":[],"mappings":""}

package/core/testing/wait-for-condition.d.ts

@@ -0,0 +1,2 @@
+export declare function waitForCondition(condition: () => boolean | Promise<boolean>, interval?: number, timeoutInMilliseconds?: number): Promise<boolean>;
+//# sourceMappingURL=wait-for-condition.d.ts.map

package/core/testing/wait-for-condition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wait-for-condition.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/wait-for-condition.ts"],"names":[],"mappings":"AAAA,wBAAsB,gBAAgB,CACpC,SAAS,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,EAC3C,QAAQ,SAAK,EACb,qBAAqB,SAAW,GAC/B,OAAO,CAAC,OAAO,CAAC,CAmBlB"}

package/core/testing/wait-for-render.d.ts

@@ -0,0 +1,18 @@
+import { ReactiveElement } from 'lit';
+import { SbbHydrationMixinType } from '../mixins.js';
+
+/**
+ * Tests if an element is a Lit `ReactiveElement`.
+ *
+ * @param element the element to test.
+ * @return true if the element is a `ReactiveElement`.
+ */
+export declare const isReactiveElement: (element: Element) => element is ReactiveElement & Partial<SbbHydrationMixinType>;
+/**
+ * Waits for all Lit `ReactiveElement` children of the given parent node to
+ * finish rendering.
+ *
+ * @param root a parent node to wait for rendering on.
+ */
+export declare const waitForLitRender: (root: ParentNode) => Promise<void>;
+//# sourceMappingURL=wait-for-render.d.ts.map

package/core/testing/wait-for-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wait-for-render.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/wait-for-render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAE3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,YACnB,OAAO,gEAGjB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,SAAgB,UAAU,KAAG,QAAQ,IAAI,CAUrE,CAAC"}

package/core/testing.d.ts

@@ -0,0 +1,6 @@
+export * from './testing/event-spy.js';
+export * from './testing/mocha-extensions.js';
+export * from './testing/scroll.js';
+export * from './testing/wait-for-condition.js';
+export * from './testing/wait-for-render.js';
+//# sourceMappingURL=testing.d.ts.map

package/core/testing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/elements/core/testing.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC"}

package/core/testing.js

@@ -0,0 +1,62 @@
+class u {
+  constructor(n, e = null) {
+    this._event = n, this._target = e, this._count = 0, this._events = [], this._target || (this._target = document), this._listenForEvent();
+  }
+  get count() {
+    return this._count;
+  }
+  get events() {
+    return this._events;
+  }
+  get firstEvent() {
+    return this.events.length ? this.events[0] : null;
+  }
+  get lastEvent() {
+    return this.events.length ? this.events[this.events.length - 1] : null;
+  }
+  _listenForEvent() {
+    var n;
+    (n = this._target) == null || n.addEventListener(this._event, (e) => {
+      this._events.push(e), this._count++;
+    });
+  }
+}
+const h = (t, n, e) => {
+  if (t)
+    return Mocha.describe(n, e);
+}, m = (t, n, e) => {
+  if (t)
+    return Mocha.test(n, e);
+};
+function v(t) {
+  window.scrollTo(t), document.dispatchEvent(new Event("scroll"));
+}
+async function g(t, n = 30, e = 2 * 1e3) {
+  const s = /* @__PURE__ */ new Date();
+  let i = 0;
+  function r() {
+    return i++, t();
+  }
+  for (; !await r() && s.getTime() + e >= (/* @__PURE__ */ new Date()).getTime(); )
+    await new Promise((o) => setTimeout(o, n));
+  return s.getTime() + e < (/* @__PURE__ */ new Date()).getTime() ? Promise.reject(
+    `waitForCondition timeout: ${t.toString()}, attempts: ${i}, start: ${s.getTime()}, end: ${(/* @__PURE__ */ new Date()).getTime()}`
+  ) : Promise.resolve(!0);
+}
+const a = (t) => !!t.updateComplete, l = Promise.resolve(), c = async (t) => {
+  const n = [t, ...t.querySelectorAll("*")].filter(a).map((e) => [
+    e.updateComplete,
+    e.hydrationComplete ?? l,
+    c(e.renderRoot)
+  ]).flat(1 / 0);
+  await Promise.all(n);
+};
+export {
+  u as EventSpy,
+  h as describeIf,
+  a as isReactiveElement,
+  v as mockScrollTo,
+  m as testIf,
+  g as waitForCondition,
+  c as waitForLitRender
+};