@sbb-esta/lyne-elements 2.5.1 → 2.7.0

package/teaser-hero.js

@@ -1,61 +1,4 @@
-var m = (e) => {
-  throw TypeError(e);
-};
-var g = (e, t, a) => t.has(e) || m("Cannot " + a);
-var d = (e, t, a) => (g(e, t, "read from private field"), a ? a.call(e) : t.get(e)), u = (e, t, a) => t.has(e) ? m("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), v = (e, t, a, n) => (g(e, t, "write to private field"), n ? n.call(e, a) : t.set(e, a), a);
-import { __esDecorate as f, __runInitializers as r } from "tslib";
-import { css as y, nothing as x } from "lit";
-import { customElement as C, property as w } from "lit/decorators.js";
-import { html as _ } from "lit/static-html.js";
-import { SbbLinkBaseElement as z } from "./core/base-elements.js";
-import { slotState as S, forceType as E, omitEmptyConverter as T } from "./core/decorators.js";
-import "./link/block-link-static.js";
-const j = y`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-titles);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-white);--sbb-panel-background-color: var(--sbb-color-red-alpha-90);--sbb-panel-background-color-hover: var(--sbb-color-red);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media (min-width: 52.5rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media (min-width: 64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media (any-hover: hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}::slotted([slot=image]){width:100%}.sbb-teaser-hero{position:relative;display:flex;min-height:var(--sbb-panel-height);text-decoration:none}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser-hero:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media (any-hover: hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not([data-slot-names~=unnamed],[data-slot-names~=link-content],[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}`;
-let P = (() => {
-  var o, s;
-  let e = [C("sbb-teaser-hero"), S()], t, a = [], n, b = z, p, h = [], c = [];
-  return s = class extends b {
-    constructor() {
-      super(...arguments);
-      u(this, o, r(this, h, ""));
-      r(this, c);
-    }
-    /** Panel link text. */
-    get linkContent() {
-      return d(this, o);
-    }
-    set linkContent(i) {
-      v(this, o, i);
-    }
-    _imageSlotChanged() {
-      Array.from(this.querySelectorAll("sbb-chip-label")).forEach((i) => i.color = "charcoal");
-    }
-    renderTemplate() {
-      return _`
-      <span class="sbb-teaser-hero__panel">
-        <p class="sbb-teaser-hero__panel-text">
-          <slot></slot>
-        </p>
-        ${this.href ? _`<sbb-block-link-static
-              class="sbb-teaser-hero__panel-link"
-              icon-name="chevron-small-right-small"
-              icon-placement="end"
-              size="m"
-              negative
-            >
-              <slot name="link-content">${this.linkContent}</slot>
-            </sbb-block-link-static>` : x}
-      </span>
-      <slot name="image" @slotchange=${this._imageSlotChanged}></slot>
-    `;
-    }
-  }, o = new WeakMap(), n = s, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    p = [E(), w({ attribute: "link-content", reflect: !0, converter: T })], f(s, null, p, { kind: "accessor", name: "linkContent", static: !1, private: !1, access: { has: (l) => "linkContent" in l, get: (l) => l.linkContent, set: (l, k) => {
-      l.linkContent = k;
-    } }, metadata: i }, h, c), f(null, t = { value: n }, e, { kind: "class", name: n.name, metadata: i }, null, a), n = t.value, i && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), s.styles = j, r(n, a), n;
-})();
+import { SbbTeaserHeroElement as o } from "./teaser-hero/teaser-hero.js";
 export {
-  P as SbbTeaserHeroElement
+  o as SbbTeaserHeroElement
 };

package/teaser-product/common/teaser-product-common.js

@@ -0,0 +1,54 @@
+var _ = (e) => {
+  throw TypeError(e);
+};
+var p = (e, t, a) => t.has(e) || _("Cannot " + a);
+var f = (e, t, a) => (p(e, t, "read from private field"), a ? a.call(e) : t.get(e)), v = (e, t, a) => t.has(e) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), A = (e, t, a, n) => (p(e, t, "write to private field"), n ? n.call(e, a) : t.set(e, a), a);
+import { __esDecorate as S, __runInitializers as m } from "tslib";
+import { html as y } from "lit";
+import { property as x } from "lit/decorators.js";
+import { slotState as T } from "../../core/decorators.js";
+import { SbbNegativeMixin as z } from "../../core/mixins.js";
+const M = (e) => (() => {
+  var l, i;
+  let a = [T()], n, c = [], s, u = z(e), g, d = [], b = [];
+  return i = class extends u {
+    constructor() {
+      super(...arguments);
+      v(this, l, m(this, d, "after"));
+      m(this, b);
+    }
+    /**
+     * Whether the fully visible part of the image is aligned 'before' or 'after' the content.
+     * Only relevant starting from large breakpoint.
+     */
+    get imageAlignment() {
+      return f(this, l);
+    }
+    set imageAlignment(r) {
+      A(this, l, r);
+    }
+    renderTemplate() {
+      return y`
+        <div class="sbb-teaser-product__root">
+          <div class="sbb-teaser-product__image-container"><slot name="image"></slot></div>
+          <div class="sbb-teaser-product__container">
+            <span class="sbb-teaser-product__content">
+              <slot></slot>
+            </span>
+            <div class="sbb-teaser-product__footnote">
+              <slot name="footnote"></slot>
+            </div>
+          </div>
+        </div>
+      `;
+    }
+  }, l = new WeakMap(), s = i, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+    g = [x({ attribute: "image-alignment", reflect: !0 })], S(i, null, g, { kind: "accessor", name: "imageAlignment", static: !1, private: !1, access: { has: (o) => "imageAlignment" in o, get: (o) => o.imageAlignment, set: (o, h) => {
+      o.imageAlignment = h;
+    } }, metadata: r }, d, b), S(null, n = { value: s }, a, { kind: "class", name: s.name, metadata: r }, null, c), s = n.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r }), m(s, c);
+  })(), s;
+})();
+export {
+  M as SbbTeaserProductCommonElementMixin
+};

package/teaser-product/common.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './common/teaser-product-common.js';
 //# sourceMappingURL=common.d.ts.map

package/teaser-product/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-product/common.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gDAAgD,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-product/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,mCAAmC,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gDAAgD,CAAC"}

package/teaser-product/common.js

@@ -1,55 +1,6 @@
-var m = (t) => {
-  throw TypeError(t);
-};
-var v = (t, e, r) => e.has(t) || m("Cannot " + r);
-var f = (t, e, r) => (v(t, e, "read from private field"), r ? r.call(t) : e.get(t)), _ = (t, e, r) => e.has(t) ? m("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), h = (t, e, r, i) => (v(t, e, "write to private field"), i ? i.call(t, r) : e.set(t, r), r);
-import { __esDecorate as k, __runInitializers as c } from "tslib";
-import { html as y, css as S } from "lit";
-import { property as w } from "lit/decorators.js";
-import { slotState as A } from "../core/decorators.js";
-import { SbbNegativeMixin as z } from "../core/mixins.js";
-const M = (t) => (() => {
-  var b, a;
-  let r = [A()], i, d = [], o, l = z(t), u, p = [], g = [];
-  return a = class extends l {
-    constructor() {
-      super(...arguments);
-      _(this, b, c(this, p, "after"));
-      c(this, g);
-    }
-    /**
-     * Whether the fully visible part of the image is aligned 'before' or 'after' the content.
-     * Only relevant starting from large breakpoint.
-     */
-    get imageAlignment() {
-      return f(this, b);
-    }
-    set imageAlignment(s) {
-      h(this, b, s);
-    }
-    renderTemplate() {
-      return y`
-        <div class="sbb-teaser-product__root">
-          <div class="sbb-teaser-product__image-container"><slot name="image"></slot></div>
-          <div class="sbb-teaser-product__container">
-            <span class="sbb-teaser-product__content">
-              <slot></slot>
-            </span>
-            <div class="sbb-teaser-product__footnote">
-              <slot name="footnote"></slot>
-            </div>
-          </div>
-        </div>
-      `;
-    }
-  }, b = new WeakMap(), o = a, (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-    u = [w({ attribute: "image-alignment", reflect: !0 })], k(a, null, u, { kind: "accessor", name: "imageAlignment", static: !1, private: !1, access: { has: (n) => "imageAlignment" in n, get: (n) => n.imageAlignment, set: (n, x) => {
-      n.imageAlignment = x;
-    } }, metadata: s }, p, g), k(null, i = { value: o }, r, { kind: "class", name: o.name, metadata: s }, null, d), o = i.value, s && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s }), c(o, d);
-  })(), o;
-})(), O = S`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-teaser-product-background-color: var(--sbb-color-cloud);--sbb-teaser-product-background-gradient-direction: to right;--sbb-teaser-product-background: var(--sbb-teaser-product-background-color);--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-product-content-color: var(--sbb-color-iron);--sbb-teaser-product-footer-color: var(--sbb-color-anthracite);--sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-teaser-product-min-height: 37.5rem;--sbb-teaser-product-background-gradient-start: 25%;--sbb-teaser-product-background-gradient-end: 75%}@media (min-width: 64rem){:host{--sbb-teaser-product-background: linear-gradient( var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end) )}}:host([negative]){--sbb-teaser-product-background-color: var(--sbb-color-midnight);--sbb-teaser-product-content-color: var(--sbb-color-cloud);--sbb-teaser-product-footer-color: var(--sbb-color-cloud);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override: var(--sbb-color-milk)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction: to left}.sbb-teaser-product__image-container{overflow:hidden;border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0}@media (min-width: 64rem){.sbb-teaser-product__image-container{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-teaser-product-border-radius)}}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){--sbb-title-margin-block-start: 0}::slotted(:is(sbb-action-group,[data-action]).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}::slotted([slot=image]){display:flex;width:100%;height:100%}@media (forced-colors: active){.sbb-teaser-product__root:after{content:"";position:absolute;display:block;top:0;right:0;bottom:0;left:0;pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius)}}.sbb-action-base{display:block;position:relative;text-decoration:none}.sbb-teaser-product__container{background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding:var(--sbb-spacing-responsive-s)}@media (min-width: 64rem){.sbb-teaser-product__container{display:grid;grid:"content ." 1fr "footnote ." auto/1fr 1fr;column-gap:var(--sbb-spacing-responsive-xxl);background:var(--sbb-teaser-product-background);border-radius:var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block) 0;padding-inline:var(--sbb-spacing-responsive-xl);position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:". content" ". footnote"}}.sbb-teaser-product__content{grid-area:content;align-self:center;margin:0;color:var(--sbb-teaser-product-content-color)}@media (min-width: 64rem){.sbb-teaser-product__content{align-content:center;min-height:calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block))}}.sbb-teaser-product__footnote{grid-area:footnote;padding-block-start:var(--sbb-spacing-responsive-s);color:var(--sbb-teaser-product-footer-color);--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host(:not([data-slot-names~=footnote])) .sbb-teaser-product__footnote{padding-block-start:0}@media (min-width: 64rem){.sbb-teaser-product__footnote{min-height:var(--sbb-teaser-product-container-padding-block);padding-block:var(--sbb-spacing-responsive-xs)}}`;
+import { SbbTeaserProductCommonElementMixin as r } from "./common/teaser-product-common.js";
+import { t as m } from "../teaser-product-common-CpMAlYEp.js";
 export {
-  M as SbbTeaserProductCommonElementMixin,
-  O as teaserProductCommonStyle
+  r as SbbTeaserProductCommonElementMixin,
+  m as teaserProductCommonStyle
 };

package/teaser-product/teaser-product/teaser-product.js

@@ -0,0 +1,31 @@
+import { __esDecorate as b, __runInitializers as c } from "tslib";
+import { customElement as n } from "lit/decorators.js";
+import { html as i } from "lit/static-html.js";
+import { SbbLinkBaseElement as u } from "../../core/base-elements.js";
+import { SbbTeaserProductCommonElementMixin as d, teaserProductCommonStyle as m } from "../common.js";
+import { css as p } from "lit";
+import "../../screen-reader-only.js";
+const f = p`:host{--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x)}@media (forced-colors: active){:host{--sbb-title-text-color-normal-override: LinkText !important;--sbb-teaser-product-content-color: LinkText !important;--sbb-teaser-product-footer-color: LinkText !important}}.sbb-teaser-product__wrapper{position:relative}.sbb-teaser-product__root{pointer-events:none}@media (forced-colors: active){:host(:hover) .sbb-teaser-product__root:after{border-color:Highlight}}.sbb-teaser-product{position:absolute;top:0;right:0;bottom:0;left:0}.sbb-teaser-product:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-product-border-radius)}`;
+let k = (() => {
+  var t;
+  let l = [n("sbb-teaser-product")], o, s = [], e, a = d(u);
+  return t = class extends a {
+    render() {
+      return i`
+      <div class="sbb-teaser-product__wrapper">
+        ${this.renderLink(
+        // For SEO we add the accessibility hidden as hidden content of the link
+        i`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`
+      )}
+        ${this.renderTemplate()}
+      </div>
+    `;
+    }
+  }, e = t, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    b(null, o = { value: e }, l, { kind: "class", name: e.name, metadata: r }, null, s), e = o.value, r && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), t.styles = [m, f], c(e, s), e;
+})();
+export {
+  k as SbbTeaserProductElement
+};

package/teaser-product/teaser-product-static/teaser-product-static.js

@@ -0,0 +1,16 @@
+import { __esDecorate as i, __runInitializers as m } from "tslib";
+import { customElement as c } from "lit/decorators.js";
+import { SbbActionBaseElement as n } from "../../core/base-elements.js";
+import { SbbTeaserProductCommonElementMixin as u, teaserProductCommonStyle as b } from "../common.js";
+let f = (() => {
+  var e;
+  let o = [c("sbb-teaser-product-static")], r, s = [], t, l = u(n);
+  return e = class extends l {
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+    i(null, r = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, s), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [b], m(t, s), t;
+})();
+export {
+  f as SbbTeaserProductStaticElement
+};

package/teaser-product/teaser-product-static.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './teaser-product-static/teaser-product-static.js';
 //# sourceMappingURL=teaser-product-static.d.ts.map

package/teaser-product/teaser-product-static.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-product-static.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-product/teaser-product-static.ts"],"names":[],"mappings":"AAAA,cAAc,kDAAkD,CAAC"}
+{"version":3,"file":"teaser-product-static.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-product/teaser-product-static.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kDAAkD,CAAC"}

package/teaser-product/teaser-product-static.js

@@ -1,16 +1,4 @@
-import { __esDecorate as i, __runInitializers as m } from "tslib";
-import { customElement as c } from "lit/decorators.js";
-import { SbbActionBaseElement as n } from "../core/base-elements.js";
-import { SbbTeaserProductCommonElementMixin as u, teaserProductCommonStyle as b } from "./common.js";
-let f = (() => {
-  var e;
-  let o = [c("sbb-teaser-product-static")], r, s = [], t, l = u(n);
-  return e = class extends l {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-    i(null, r = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, s), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [b], m(t, s), t;
-})();
+import { SbbTeaserProductStaticElement as r } from "./teaser-product-static/teaser-product-static.js";
 export {
-  f as SbbTeaserProductStaticElement
+  r as SbbTeaserProductStaticElement
 };

package/teaser-product/teaser-product.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './teaser-product/teaser-product.js';
 //# sourceMappingURL=teaser-product.d.ts.map

package/teaser-product/teaser-product.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-product/teaser-product.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-product/teaser-product.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC"}

package/teaser-product/teaser-product.js

@@ -1,31 +1,4 @@
-import { __esDecorate as b, __runInitializers as c } from "tslib";
-import { customElement as n } from "lit/decorators.js";
-import { html as i } from "lit/static-html.js";
-import { SbbLinkBaseElement as u } from "../core/base-elements.js";
-import { SbbTeaserProductCommonElementMixin as d, teaserProductCommonStyle as m } from "./common.js";
-import { css as p } from "lit";
-import "../screen-reader-only.js";
-const f = p`:host{--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x)}@media (forced-colors: active){:host{--sbb-title-text-color-normal-override: LinkText !important;--sbb-teaser-product-content-color: LinkText !important;--sbb-teaser-product-footer-color: LinkText !important}}.sbb-teaser-product__wrapper{position:relative}.sbb-teaser-product__root{pointer-events:none}@media (forced-colors: active){:host(:hover) .sbb-teaser-product__root:after{border-color:Highlight}}.sbb-teaser-product{position:absolute;top:0;right:0;bottom:0;left:0}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser-product:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-product-border-radius)}`;
-let g = (() => {
-  var t;
-  let l = [n("sbb-teaser-product")], o, s = [], e, a = d(u);
-  return t = class extends a {
-    render() {
-      return i`
-      <div class="sbb-teaser-product__wrapper">
-        ${this.renderLink(
-        // For SEO we add the accessibility hidden as hidden content of the link
-        i`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`
-      )}
-        ${this.renderTemplate()}
-      </div>
-    `;
-    }
-  }, e = t, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    b(null, o = { value: e }, l, { kind: "class", name: e.name, metadata: r }, null, s), e = o.value, r && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), t.styles = [m, f], c(e, s), e;
-})();
+import { SbbTeaserProductElement as o } from "./teaser-product/teaser-product.js";
 export {
-  g as SbbTeaserProductElement
+  o as SbbTeaserProductElement
 };

package/teaser-product-common-CpMAlYEp.js

@@ -0,0 +1,5 @@
+import { css as r } from "lit";
+const o = r`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-teaser-product-background-color: var(--sbb-color-cloud);--sbb-teaser-product-background-gradient-direction: to right;--sbb-teaser-product-background: var(--sbb-teaser-product-background-color);--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-product-content-color: var(--sbb-color-iron);--sbb-teaser-product-footer-color: var(--sbb-color-anthracite);--sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-teaser-product-min-height: 37.5rem;--sbb-teaser-product-background-gradient-start: 25%;--sbb-teaser-product-background-gradient-end: 75%}@media (min-width: 64rem){:host{--sbb-teaser-product-background: linear-gradient( var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end) )}}:host([negative]){--sbb-teaser-product-background-color: var(--sbb-color-midnight);--sbb-teaser-product-content-color: var(--sbb-color-cloud);--sbb-teaser-product-footer-color: var(--sbb-color-cloud);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override: var(--sbb-color-milk)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction: to left}.sbb-teaser-product__image-container{overflow:hidden;border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0}@media (min-width: 64rem){.sbb-teaser-product__image-container{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-teaser-product-border-radius)}}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){--sbb-title-margin-block-start: 0}::slotted(:is(sbb-action-group,[data-action]).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}::slotted([slot=image]){display:flex;width:100%;height:100%}@media (forced-colors: active){.sbb-teaser-product__root:after{content:"";position:absolute;display:block;top:0;right:0;bottom:0;left:0;pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius)}}.sbb-action-base{display:block;position:relative;text-decoration:none}.sbb-teaser-product__container{background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding:var(--sbb-spacing-responsive-s)}@media (min-width: 64rem){.sbb-teaser-product__container{display:grid;grid:"content ." 1fr "footnote ." auto/1fr 1fr;column-gap:var(--sbb-spacing-responsive-xxl);background:var(--sbb-teaser-product-background);border-radius:var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block) 0;padding-inline:var(--sbb-spacing-responsive-xl);position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:". content" ". footnote"}}.sbb-teaser-product__content{grid-area:content;align-self:center;margin:0;color:var(--sbb-teaser-product-content-color)}@media (min-width: 64rem){.sbb-teaser-product__content{align-content:center;min-height:calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block))}}.sbb-teaser-product__footnote{grid-area:footnote;padding-block-start:var(--sbb-spacing-responsive-s);color:var(--sbb-teaser-product-footer-color);--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host(:not([data-slot-names~=footnote])) .sbb-teaser-product__footnote{padding-block-start:0}@media (min-width: 64rem){.sbb-teaser-product__footnote{min-height:var(--sbb-teaser-product-container-padding-block);padding-block:var(--sbb-spacing-responsive-xs)}}`;
+export {
+  o as t
+};

package/teaser-product.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './teaser-product/teaser-product.js';
 export * from './teaser-product/teaser-product-static.js';
 export * from './teaser-product/common.js';

package/teaser-product.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../src/elements/teaser-product.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../src/elements/teaser-product.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC;AACnD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4BAA4B,CAAC"}

package/teaser-product.js

@@ -1,3 +1,10 @@
-export * from "./teaser-product/teaser-product.js";
-export * from "./teaser-product/teaser-product-static.js";
-export * from "./teaser-product/common.js";
+import { SbbTeaserProductElement as r } from "./teaser-product/teaser-product/teaser-product.js";
+import { SbbTeaserProductStaticElement as m } from "./teaser-product/teaser-product-static/teaser-product-static.js";
+import { SbbTeaserProductCommonElementMixin as b } from "./teaser-product/common/teaser-product-common.js";
+import { t as c } from "./teaser-product-common-CpMAlYEp.js";
+export {
+  b as SbbTeaserProductCommonElementMixin,
+  r as SbbTeaserProductElement,
+  m as SbbTeaserProductStaticElement,
+  c as teaserProductCommonStyle
+};

package/teaser.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './teaser/teaser.js';
 //# sourceMappingURL=teaser.d.ts.map

package/teaser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser.d.ts","sourceRoot":"","sources":["../../src/elements/teaser.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"teaser.d.ts","sourceRoot":"","sources":["../../src/elements/teaser.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC"}

package/teaser.js

@@ -1,102 +1,4 @@
-var D = (t) => {
-  throw TypeError(t);
-};
-var j = (t, s, i) => s.has(t) || D("Cannot " + i);
-var v = (t, s, i) => (j(t, s, "read from private field"), i ? i.call(t) : s.get(t)), p = (t, s, i) => s.has(t) ? D("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, i), m = (t, s, i, o) => (j(t, s, "write to private field"), o ? o.call(t, i) : s.set(t, i), i);
-import { __esDecorate as f, __runInitializers as l } from "tslib";
-import { customElement as B, property as _ } from "lit/decorators.js";
-import { html as u } from "lit/static-html.js";
-import { SbbLinkBaseElement as F } from "./core/base-elements.js";
-import { slotState as H, forceType as O, omitEmptyConverter as P } from "./core/decorators.js";
-import { css as U } from "lit";
-import "./chip-label.js";
-import "./screen-reader-only.js";
-import "./title.js";
-const q = U`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media (forced-colors: active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}@media (any-hover: hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:pointer}.sbb-teaser__wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;top:0;right:0;bottom:0;left:0}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;display:block}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip-label{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip-label{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:inline-block;color:var(--sbb-teaser-description-color)}`;
-let Y = (() => {
-  var b, c, d, h, r;
-  let t = [B("sbb-teaser"), H()], s, i = [], o, g = F, w, x = [], y = [], C, k = [], z = [], L, S = [], T = [], I, $ = [], E = [];
-  return r = class extends g {
-    constructor() {
-      super(...arguments);
-      p(this, b, l(this, x, "after-centered"));
-      p(this, c, (l(this, y), l(this, k, "5")));
-      p(this, d, (l(this, z), l(this, S, "")));
-      p(this, h, (l(this, T), l(this, $, "")));
-      l(this, E);
-    }
-    /** Teaser variant - define the position and the alignment of the text block. */
-    get alignment() {
-      return v(this, b);
-    }
-    set alignment(a) {
-      m(this, b, a);
-    }
-    /** Heading level of the sbb-title element (e.g. h1-h6). */
-    get titleLevel() {
-      return v(this, c);
-    }
-    set titleLevel(a) {
-      m(this, c, a);
-    }
-    /** Content of title. */
-    get titleContent() {
-      return v(this, d);
-    }
-    set titleContent(a) {
-      m(this, d, a);
-    }
-    /** Content of chip label. */
-    get chipContent() {
-      return v(this, h);
-    }
-    set chipContent(a) {
-      m(this, h, a);
-    }
-    render() {
-      return u`
-      <div class="sbb-teaser__wrapper">
-        ${this.renderLink(
-        // For SEO we add the accessibility hidden as hidden content of the link
-        u`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`
-      )}
-        ${this.renderContent()}
-      </div>
-    `;
-    }
-    renderContent() {
-      return u`
-      <span class="sbb-teaser__container">
-        <span class="sbb-teaser__image-wrapper">
-          <slot name="image"></slot>
-        </span>
-        <span class="sbb-teaser__text">
-          <sbb-chip-label size="xxs" color="charcoal" class="sbb-teaser__chip-label">
-            <slot name="chip">${this.chipContent}</slot>
-          </sbb-chip-label>
-          <sbb-title level=${this.titleLevel} visual-level="5" class="sbb-teaser__lead">
-            <slot name="title">${this.titleContent}</slot>
-          </sbb-title>
-          <span class="sbb-teaser__description">
-            <slot></slot>
-          </span>
-        </span>
-      </span>
-    `;
-    }
-  }, b = new WeakMap(), c = new WeakMap(), d = new WeakMap(), h = new WeakMap(), o = r, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-    w = [_({ reflect: !0 })], C = [_({ attribute: "title-level" })], L = [O(), _({ attribute: "title-content" })], I = [O(), _({ attribute: "chip-content", reflect: !0, converter: P })], f(r, null, w, { kind: "accessor", name: "alignment", static: !1, private: !1, access: { has: (e) => "alignment" in e, get: (e) => e.alignment, set: (e, n) => {
-      e.alignment = n;
-    } }, metadata: a }, x, y), f(r, null, C, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (e) => "titleLevel" in e, get: (e) => e.titleLevel, set: (e, n) => {
-      e.titleLevel = n;
-    } }, metadata: a }, k, z), f(r, null, L, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (e) => "titleContent" in e, get: (e) => e.titleContent, set: (e, n) => {
-      e.titleContent = n;
-    } }, metadata: a }, S, T), f(r, null, I, { kind: "accessor", name: "chipContent", static: !1, private: !1, access: { has: (e) => "chipContent" in e, get: (e) => e.chipContent, set: (e, n) => {
-      e.chipContent = n;
-    } }, metadata: a }, $, E), f(null, s = { value: o }, t, { kind: "class", name: o.name, metadata: a }, null, i), o = s.value, a && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), r.styles = q, l(o, i), o;
-})();
+import { SbbTeaserElement as b } from "./teaser/teaser.js";
 export {
-  Y as SbbTeaserElement
+  b as SbbTeaserElement
 };

package/time-input/time-input.d.ts

@@ -1,4 +1,4 @@
-import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { CSSResultGroup, LitElement, PropertyDeclaration, TemplateResult } from 'lit';
 import { SbbDateLike } from '../core/interfaces.js';
 /**
  * * Combined with a native input, it displays the input's value as a formatted time.
@@ -13,9 +13,7 @@ export declare class SbbTimeInputElement extends LitElement {
         readonly validationChange: "validationChange";
     };
     /** Reference of the native input connected to the datepicker. */
-    set input(value: string | HTMLElement | null);
-    get input(): string | HTMLElement | null;
-    private _input;
+    accessor input: string | HTMLElement | null;
     private accessor _inputElement;
     /** Formats the current input's value as date. */
     set valueAsDate(date: SbbDateLike | null);
@@ -27,13 +25,13 @@ export declare class SbbTimeInputElement extends LitElement {
     /** Emits whenever the internal validation state changes. */
     private _validationChange;
     private _statusContainer;
-    private _abortController;
+    private _inputAbortController;
+    private _inputIdReferenceController;
     private _language;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    firstUpdated(_changedProperties: PropertyValues): void;
-    private _setupInputElement;
-    private _registerInputElement;
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
+    private _configureInputElement;
     /**
      * Updates `value` and `valueAsDate`. The direct update on the `_inputElement` is required
      * to force the input change when the typed value is the same of the current one.

package/time-input/time-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,uBAAuB,CAAC;AAanF;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,UAAU;IAC1C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,iEAAiE;IACjE,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAGlD;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAE9C;IACD,OAAO,CAAC,MAAM,CAAqC;IAE1C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiC;IAExE,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAc9C;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CAEpC;IAED;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,4DAA4D;IAC5D,OAAO,CAAC,iBAAiB,CAOvB;IAEF,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAMtE,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,qBAAqB;IA8C7B;;;OAGG;IACH,OAAO,CAAC,YAAY;IA4BpB,8BAA8B;IAC9B,OAAO,CAAC,WAAW;IAKnB,yDAAyD;IACzD,OAAO,CAAC,YAAY;IAMpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAQ1B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAoBnB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,2BAA2B;cAWhB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,uBAAuB,CAAC;AAanF;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,UAAU;IAC1C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAGX,iEAAiE;IACjE,SACgB,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAEjD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiC;IAExE,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAc9C;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CAEpC;IAED;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,4DAA4D;IAC5D,OAAO,CAAC,iBAAiB,CAOvB;IAEF,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,qBAAqB,CAAyB;IACtD,OAAO,CAAC,2BAA2B,CAA+C;IAClF,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IAQP,OAAO,CAAC,sBAAsB;IA4D9B;;;OAGG;IACH,OAAO,CAAC,YAAY;IA4BpB,8BAA8B;IAC9B,OAAO,CAAC,WAAW;IAKnB,yDAAyD;IACzD,OAAO,CAAC,YAAY;IAMpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAQ1B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAoBnB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,2BAA2B;cAWhB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}