@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/teaser-paid.js

@@ -0,0 +1,92 @@
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { SbbLinkBaseElement } from "./core/base-elements.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  outline: none !important;
+  --sbb-teaser-paid-chip-inset: var(--sbb-spacing-responsive-xxxs) auto auto
+    var(--sbb-spacing-responsive-xxxs);
+  --sbb-teaser-paid-brightness-hover: 1.075;
+  --sbb-teaser-paid-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-4x)
+  );
+  --sbb-teaser-paid-animation-easing: var(--sbb-animation-easing);
+}
+
+@media (any-hover: hover) {
+  :host(:hover) {
+    --sbb-teaser-paid-brightness: var(--sbb-teaser-paid-brightness-hover);
+  }
+}
+.sbb-teaser-paid {
+  position: relative;
+  display: block;
+}
+:host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-teaser-paid:focus-visible {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+}
+
+::slotted([slot=chip]) {
+  position: absolute;
+  inset: var(--sbb-teaser-paid-chip-inset);
+  z-index: 1;
+}
+
+::slotted([slot=image]) {
+  will-change: filter;
+  filter: brightness(var(--sbb-teaser-paid-brightness, 1));
+  transition: filter var(--sbb-teaser-paid-animation-duration) var(--sbb-teaser-paid-animation-easing);
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SbbTeaserPaidElement = class extends SbbLinkBaseElement {
+  _chipSlotChanged() {
+    var _a;
+    (_a = this.querySelector("sbb-chip")) == null ? void 0 : _a.setAttribute("color", "charcoal");
+  }
+  renderTemplate() {
+    return html`
+      <slot name="chip" @slotchange=${() => this._chipSlotChanged()}></slot>
+      <slot name="image"></slot>
+    `;
+  }
+};
+SbbTeaserPaidElement.styles = style;
+SbbTeaserPaidElement = __decorateClass([
+  customElement("sbb-teaser-paid")
+], SbbTeaserPaidElement);
+export {
+  SbbTeaserPaidElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXBhaWQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcGFpZC90ZWFzZXItcGFpZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBodG1sLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RlYXNlci1wYWlkLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaW1hZ2UgYW5kIGEgY2hpcCB3aXRoIGEgdGV4dC5cbiAqXG4gKiBAc2xvdCBjaGlwIC0gTGluayBjb250ZW50IG9mIHRoZSBwYW5lbFxuICogQHNsb3QgaW1hZ2UgLSBUaGUgYmFja2dyb3VuZCBpbWFnZSB0aGF0IGNhbiBiZSBhIGBzYmItaW1hZ2VgXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItdGVhc2VyLXBhaWQnKVxuZXhwb3J0IGNsYXNzIFNiYlRlYXNlclBhaWRFbGVtZW50IGV4dGVuZHMgU2JiTGlua0Jhc2VFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJpdmF0ZSBfY2hpcFNsb3RDaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMucXVlcnlTZWxlY3Rvcignc2JiLWNoaXAnKT8uc2V0QXR0cmlidXRlKCdjb2xvcicsICdjaGFyY29hbCcpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzbG90IG5hbWU9XCJjaGlwXCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiB0aGlzLl9jaGlwU2xvdENoYW5nZWQoKX0+PC9zbG90PlxuICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10ZWFzZXItcGFpZCc6IFNiYlRlYXNlclBhaWRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBY2EsSUFBQSx1QkFBTixjQUFtQyxtQkFBbUI7QUFBQSxFQUduRCxtQkFBeUI7O0FBQy9CLGVBQUssY0FBYyxVQUFVLE1BQTdCLG1CQUFnQyxhQUFhLFNBQVM7QUFBQSxFQUN4RDtBQUFBLEVBRW1CLGlCQUFpQztBQUMzQyxXQUFBO0FBQUEsc0NBQzJCLE1BQU0sS0FBSyxrQkFBa0I7QUFBQTtBQUFBO0FBQUEsRUFHakU7QUFDRjtBQWJhLHFCQUNZLFNBQXlCO0FBRHJDLHVCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGlCQUFpQjtBQUFBLEdBQ25CLG9CQUFBOyJ9

package/development/teaser.d.ts

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

package/development/teaser.d.ts.map

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

package/development/teaser.js

@@ -0,0 +1,205 @@
+import { property, customElement } from "lit/decorators.js";
+import { html } from "lit/static-html.js";
+import { SbbLinkBaseElement } from "./core/base-elements.js";
+import { SbbSlotStateController } from "./core/controllers.js";
+import { css } from "lit";
+import "./chip.js";
+import "./title.js";
+const style = css`@charset "UTF-8";
+/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::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);
+  --sbb-teaser-brightness-hover: 1.075;
+  --sbb-teaser-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-4x)
+  );
+}
+
+: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%;
+}
+
+.sbb-teaser {
+  display: flex;
+  text-decoration: none;
+}
+.sbb-teaser::before {
+  content: "​";
+  user-select: none;
+  width: 0;
+  height: 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%;
+}
+
+.sbb-teaser__text {
+  overflow: hidden;
+  max-width: 100%;
+}
+
+::slotted([slot=image]) {
+  will-change: transform;
+  display: block;
+  object-fit: cover;
+  width: 18.75rem;
+  filter: brightness(var(--sbb-teaser-brightness, 1));
+  transition: var(--sbb-teaser-animation-duration) var(--sbb-animation-easing);
+  aspect-ratio: 4/3;
+}
+@media (any-hover: hover) {
+  .sbb-teaser:hover ::slotted([slot=image]) {
+    transform: scale(var(--sbb-teaser-scale-hover));
+    --sbb-teaser-brightness: var(--sbb-teaser-brightness-hover);
+  }
+}
+
+.sbb-teaser__image-wrapper {
+  flex-shrink: 0;
+  overflow: hidden;
+  border-radius: var(--sbb-teaser-border-radius);
+  transition: var(--sbb-teaser-animation-duration) var(--sbb-animation-easing);
+}
+@media (any-hover: hover) {
+  .sbb-teaser: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 {
+  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 {
+  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: normal;
+  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);
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SbbTeaserElement = class extends SbbLinkBaseElement {
+  constructor() {
+    super();
+    this.alignment = "after-centered";
+    this.titleLevel = "5";
+    new SbbSlotStateController(this);
+  }
+  renderTemplate() {
+    return html`
+      <span class="sbb-teaser__container">
+        <span class="sbb-teaser__image-wrapper">
+          <slot name="image"></slot>
+        </span>
+        <span class="sbb-teaser__text">
+          <sbb-chip size="xxs" color="charcoal" class="sbb-teaser__chip">
+            <slot name="chip">${this.chipContent}</slot>
+          </sbb-chip>
+          <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>
+    `;
+  }
+};
+SbbTeaserElement.styles = style;
+__decorateClass([
+  property({ reflect: true })
+], SbbTeaserElement.prototype, "alignment", 2);
+__decorateClass([
+  property({ attribute: "title-level" })
+], SbbTeaserElement.prototype, "titleLevel", 2);
+__decorateClass([
+  property({ attribute: "title-content" })
+], SbbTeaserElement.prototype, "titleContent", 2);
+__decorateClass([
+  property({ attribute: "chip-content", reflect: true })
+], SbbTeaserElement.prototype, "chipContent", 2);
+SbbTeaserElement = __decorateClass([
+  customElement("sbb-teaser")
+], SbbTeaserElement);
+export {
+  SbbTeaserElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyL3RlYXNlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJMaW5rQmFzZUVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMuanMnO1xuaW1wb3J0IHsgU2JiU2xvdFN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUaXRsZUxldmVsIH0gZnJvbSAnLi4vdGl0bGUuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXIuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi9jaGlwLmpzJztcbmltcG9ydCAnLi4vdGl0bGUuanMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIGludGVyYWN0aXZlIGltYWdlIHdpdGggY2FwdGlvbi5cbiAqXG4gKiBAc2xvdCBpbWFnZSAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIGltYWdlLlxuICogQHNsb3QgY2hpcCAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIHNiYi1jaGlwIGxhYmVsLlxuICogQHNsb3QgdGl0bGUgLSBTbG90IHVzZWQgdG8gcmVuZGVyIHRoZSB0aXRsZS5cbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcmVuZGVyIHRoZSBkZXNjcmlwdGlvbi5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi10ZWFzZXInKVxuZXhwb3J0IGNsYXNzIFNiYlRlYXNlckVsZW1lbnQgZXh0ZW5kcyBTYmJMaW5rQmFzZUVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogVGVhc2VyIHZhcmlhbnQgLSBkZWZpbmUgdGhlIHBvc2l0aW9uIGFuZCB0aGUgYWxpZ25tZW50IG9mIHRoZSB0ZXh0IGJsb2NrLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhbGlnbm1lbnQ6ICdhZnRlci1jZW50ZXJlZCcgfCAnYWZ0ZXInIHwgJ2JlbG93JyA9XG4gICAgJ2FmdGVyLWNlbnRlcmVkJztcblxuICAvKiogSGVhZGluZyBsZXZlbCBvZiB0aGUgc2JiLXRpdGxlIGVsZW1lbnQgKGUuZy4gaDEtaDYpLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1sZXZlbCcgfSkgcHVibGljIHRpdGxlTGV2ZWw6IFNiYlRpdGxlTGV2ZWwgPSAnNSc7XG5cbiAgLyoqIENvbnRlbnQgb2YgdGl0bGUuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3RpdGxlLWNvbnRlbnQnIH0pIHB1YmxpYyB0aXRsZUNvbnRlbnQ/OiBzdHJpbmc7XG5cbiAgLyoqIENvbnRlbnQgb2YgY2hpcC4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnY2hpcC1jb250ZW50JywgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgY2hpcENvbnRlbnQ/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgbmV3IFNiYlNsb3RTdGF0ZUNvbnRyb2xsZXIodGhpcyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyX19jb250YWluZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyX19pbWFnZS13cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlcl9fdGV4dFwiPlxuICAgICAgICAgIDxzYmItY2hpcCBzaXplPVwieHhzXCIgY29sb3I9XCJjaGFyY29hbFwiIGNsYXNzPVwic2JiLXRlYXNlcl9fY2hpcFwiPlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cImNoaXBcIj4ke3RoaXMuY2hpcENvbnRlbnR9PC9zbG90PlxuICAgICAgICAgIDwvc2JiLWNoaXA+XG4gICAgICAgICAgPHNiYi10aXRsZSBsZXZlbD0ke3RoaXMudGl0bGVMZXZlbH0gdmlzdWFsLWxldmVsPVwiNVwiIGNsYXNzPVwic2JiLXRlYXNlcl9fbGVhZFwiPlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cInRpdGxlXCI+JHt0aGlzLnRpdGxlQ29udGVudH08L3Nsb3Q+XG4gICAgICAgICAgPC9zYmItdGl0bGU+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyX19kZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10ZWFzZXInOiBTYmJUZWFzZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXNCYSxJQUFBLG1CQUFOLGNBQStCLG1CQUFtQjtBQUFBLEVBZ0JoRCxjQUFjO0FBQ2I7QUFicUIsU0FBTyxZQUNsQztBQUdzQyxTQUFPLGFBQTRCO0FBVXpFLFFBQUksdUJBQXVCLElBQUk7QUFBQSxFQUNqQztBQUFBLEVBRW1CLGlCQUFpQztBQUMzQyxXQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsZ0NBT3FCLEtBQUssV0FBVztBQUFBO0FBQUEsNkJBRW5CLEtBQUssVUFBVTtBQUFBLGlDQUNYLEtBQUssWUFBWTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFRaEQ7QUFDRjtBQXpDYSxpQkFDWSxTQUF5QjtBQUdaLGdCQUFBO0FBQUEsRUFBbkMsU0FBUyxFQUFFLFNBQVMsTUFBTTtBQUFBLEdBSmhCLGlCQUl5QixXQUFBLGFBQUEsQ0FBQTtBQUlXLGdCQUFBO0FBQUEsRUFBOUMsU0FBUyxFQUFFLFdBQVcsZUFBZTtBQUFBLEdBUjNCLGlCQVFvQyxXQUFBLGNBQUEsQ0FBQTtBQUdFLGdCQUFBO0FBQUEsRUFBaEQsU0FBUyxFQUFFLFdBQVcsaUJBQWlCO0FBQUEsR0FYN0IsaUJBV3NDLFdBQUEsZ0JBQUEsQ0FBQTtBQUdjLGdCQUFBO0FBQUEsRUFBOUQsU0FBUyxFQUFFLFdBQVcsZ0JBQWdCLFNBQVMsTUFBTTtBQUFBLEdBZDNDLGlCQWNvRCxXQUFBLGVBQUEsQ0FBQTtBQWRwRCxtQkFBTixnQkFBQTtBQUFBLEVBRE4sY0FBYyxZQUFZO0FBQUEsR0FDZCxnQkFBQTsifQ==

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

@@ -0,0 +1,68 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbDateLike } from '../core/interfaces.js';
+
+/**
+ * * Combined with a native input, it displays the input's value as a formatted time.
+ *
+ * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
+ * @event {CustomEvent<SbbValidationChangeEvent>} validationChange - Emits whenever the internal validation state changes.
+ */
+export declare class SbbTimeInputElement extends LitElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly didChange: "didChange";
+        readonly validationChange: "validationChange";
+    };
+    /** Reference of the native input connected to the datepicker. */
+    set input(value: string | HTMLElement);
+    get input(): string | HTMLElement | null;
+    private _input;
+    private _inputElement;
+    /**
+     * @deprecated only used for React. Will probably be removed once React 19 is available.
+     */
+    private _didChange;
+    /** Emits whenever the internal validation state changes. */
+    private _validationChange;
+    private _statusContainer;
+    private _abortController;
+    private _language;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Gets the input value with the correct date format. */
+    getValueAsDate(): Date | null;
+    /** Set the input value to the correctly formatted value. */
+    setValueAsDate(date: SbbDateLike): void;
+    private _findInputElement;
+    private _registerInputElement;
+    /** Applies the correct format to values and triggers event dispatch. */
+    private _updateValueAndEmitChange;
+    /**
+     * 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.
+     */
+    private _updateValue;
+    /** Emits the change event. */
+    private _emitChange;
+    /** Returns the right format for the `value` property. */
+    private _formatValue;
+    /**
+     * Returns the right format for the `valueAsDate` property:
+     * sets the start date at 01.01.1970, then adds the typed hours/minutes.
+     */
+    private _formatValueAsDate;
+    /** Checks if values of hours and minutes are possible, to avoid non-existent times. */
+    private _isTimeValid;
+    /** Validate input against the defined RegExps. */
+    private _parseInput;
+    /**  Only allow typing numbers and separator keys. */
+    private _preventCharInsert;
+    private _updateAccessibilityMessage;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-time-input': SbbTimeInputElement;
+    }
+}
+//# sourceMappingURL=time-input.d.ts.map

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

@@ -0,0 +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,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,uBAAuB,CAAC;AAanF;;;;;GAKG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,iEAAiE;IACjE,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,EAG3C;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAE9C;IACD,OAAO,CAAC,MAAM,CAAqC;IAE1C,OAAO,CAAC,aAAa,CAAiC;IAE/D;;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;IASzB,oBAAoB,IAAI,IAAI;IAK5C,yDAAyD;IAElD,cAAc,IAAI,IAAI,GAAG,IAAI;IAIpC,4DAA4D;IACrD,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAgB9C,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,qBAAqB;IAqC7B,wEAAwE;IACxE,OAAO,CAAC,yBAAyB;IAMjC;;;OAGG;IACH,OAAO,CAAC,YAAY;IAuBpB,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"}

package/development/time-input.d.ts

@@ -0,0 +1,2 @@
+export * from './time-input/time-input.js';
+//# sourceMappingURL=time-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}