@sbb-esta/lyne-elements 2.7.1 → 2.9.0

package/development/link-list/link-list-anchor.js

@@ -1,4 +1,4 @@
-import { SbbLinkListAnchorElement } from "./link-list-anchor/link-list-anchor.js";
+import { SbbLinkListAnchorElement } from "./link-list-anchor/link-list-anchor.component.js";
 export {
   SbbLinkListAnchorElement
 };

package/development/link-list/link-list.d.ts

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

package/development/link-list/link-list.d.ts.map

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

package/development/link-list/link-list.js

@@ -1,4 +1,4 @@
-import { SbbLinkListElement } from "./link-list/link-list.js";
+import { SbbLinkListElement } from "./link-list/link-list.component.js";
 export {
   SbbLinkListElement
 };

package/development/link-list.js

@@ -1,5 +1,5 @@
-import { SbbLinkListElement } from "./link-list/link-list/link-list.js";
-import { SbbLinkListAnchorElement } from "./link-list/link-list-anchor/link-list-anchor.js";
+import { SbbLinkListElement } from "./link-list/link-list/link-list.component.js";
+import { SbbLinkListAnchorElement } from "./link-list/link-list-anchor/link-list-anchor.component.js";
 import { SbbLinkListBaseElement } from "./link-list/common/link-list-base.js";
 import { l } from "./link-list-base-DC9sc7q5.js";
 export {

package/development/link.js

@@ -1,9 +1,9 @@
-import { SbbBlockLinkElement } from "./link/block-link/block-link.js";
-import { SbbBlockLinkButtonElement } from "./link/block-link-button/block-link-button.js";
-import { SbbBlockLinkStaticElement } from "./link/block-link-static/block-link-static.js";
-import { SbbLinkElement } from "./link/link/link.js";
-import { SbbLinkButtonElement } from "./link/link-button/link-button.js";
-import { SbbLinkStaticElement } from "./link/link-static/link-static.js";
+import { SbbBlockLinkElement } from "./link/block-link/block-link.component.js";
+import { SbbBlockLinkButtonElement } from "./link/block-link-button/block-link-button.component.js";
+import { SbbBlockLinkStaticElement } from "./link/block-link-static/block-link-static.component.js";
+import { SbbLinkElement } from "./link/link/link.component.js";
+import { SbbLinkButtonElement } from "./link/link-button/link-button.component.js";
+import { SbbLinkStaticElement } from "./link/link-static/link-static.component.js";
 import { SbbBlockLinkCommonElementMixin } from "./link/common/block-link-common.js";
 import { SbbInlineLinkCommonElementMixin } from "./link/common/inline-link-common.js";
 import { S } from "./link-common-CJEWffDZ.js";

package/development/loading-indicator/loading-indicator.component.d.ts

@@ -0,0 +1,18 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+/**
+ * It displays a loading indicator.
+ */
+export declare class SbbLoadingIndicatorElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Size variant, either s or m. */
+    accessor size: 's' | 'l' | 'xl' | 'xxl' | 'xxxl';
+    /** Color variant. */
+    accessor color: 'default' | 'smoke' | 'white';
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-loading-indicator': SbbLoadingIndicatorElement;
+    }
+}
+//# sourceMappingURL=loading-indicator.component.d.ts.map

package/development/loading-indicator/loading-indicator.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-indicator.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/loading-indicator/loading-indicator.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;GAEG;AACH,qBAMM,0BAA2B,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAO;IAE3F,qBAAqB;IACrB,SAA6C,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAa;cAE3E,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/development/loading-indicator/loading-indicator.component.js

@@ -0,0 +1,260 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { hostAttributes } from "../core/decorators.js";
+const style = css`@charset "UTF-8";
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-loading-indicator-color: var(--sbb-color-red);
+  --sbb-loading-indicator-padding: 0;
+  --sbb-loading-indicator-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-6x)
+  );
+  --sbb-loading-indicator-window-element-rotation: 55.24deg;
+  --_sbb-loading-indicator-window-first-span-width: calc(
+    var(--sbb-loading-indicator-window-height) * 0.58
+  );
+  --_sbb-loading-indicator-window-unit: calc(
+    var(--_sbb-loading-indicator-window-first-span-width) / 5.5
+  );
+  --_sbb-loading-indicator-window-element-animation-speed: calc(
+    var(--_sbb-loading-indicator-window-unit) * 6.5
+  );
+  --sbb-loading-indicator-window-height: 1.125rem;
+  --sbb-loading-indicator-window-element-width: 3.4375rem;
+  display: inline-block;
+  line-height: 0;
+}
+
+:host([color=smoke]) {
+  --sbb-loading-indicator-color: var(--sbb-color-smoke);
+}
+
+:host([color=white]) {
+  --sbb-loading-indicator-color: var(--sbb-color-white);
+}
+
+:host([size=l]) {
+  --sbb-loading-indicator-window-height: 2rem;
+  --sbb-loading-indicator-window-element-width: 6.25rem;
+}
+
+:host([size=xl]) {
+  --sbb-loading-indicator-window-height: 3.1875rem;
+  --sbb-loading-indicator-window-element-width: 8.75rem;
+}
+
+:host([size=xxl]) {
+  --sbb-loading-indicator-window-height: 6.125rem;
+  --sbb-loading-indicator-window-element-width: 15.625rem;
+}
+
+:host([size=xxxl]) {
+  --sbb-loading-indicator-window-height: 9.1875rem;
+  --sbb-loading-indicator-window-element-width: 22.5rem;
+}
+
+span {
+  display: inline-block;
+}
+
+.sbb-loading-indicator {
+  display: flex;
+  height: var(--sbb-loading-indicator-window-height);
+  align-items: center;
+}
+.sbb-loading-indicator::before {
+  content: "​";
+  user-select: none;
+  width: 0;
+  height: 0;
+}
+
+.sbb-loading-indicator__animated-element {
+  position: relative;
+  justify-content: center;
+  display: flex;
+  margin: 0 auto;
+  transform-origin: center;
+  translate: 25%;
+  backface-visibility: hidden;
+  width: var(--sbb-loading-indicator-window-element-width);
+  perspective: var(--sbb-loading-indicator-window-height);
+}
+
+.sbb-loading-indicator__animated-element > span {
+  position: relative;
+  align-self: center;
+  transform-origin: left;
+  rotate: y var(--sbb-loading-indicator-window-element-rotation);
+  backface-visibility: hidden;
+}
+
+.sbb-loading-indicator__animated-element > span > span {
+  position: relative;
+  display: flex;
+  animation: loading-container var(--sbb-loading-indicator-duration) linear infinite;
+}
+
+.sbb-loading-indicator__animated-element > span > span > span {
+  background: var(--sbb-loading-indicator-color);
+  backface-visibility: hidden;
+  outline: var(--sbb-border-width-1x) solid transparent;
+  width: var(--_sbb-loading-indicator-window-first-span-width);
+  height: var(--sbb-loading-indicator-window-height);
+  margin-inline-end: var(--_sbb-loading-indicator-window-unit);
+}
+.sbb-loading-indicator__animated-element > span > span > span:nth-child(1) {
+  animation: loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite;
+}
+.sbb-loading-indicator__animated-element > span > span > span:nth-child(2) {
+  animation: loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite;
+}
+.sbb-loading-indicator__animated-element > span > span > span:nth-child(3) {
+  animation: loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite;
+}
+.sbb-loading-indicator__animated-element > span > span > span:nth-child(4) {
+  animation: loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite;
+}
+.sbb-loading-indicator__animated-element > span > span > span:nth-child(5) {
+  animation: loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite;
+}
+.sbb-loading-indicator__animated-element > span > span > span:last-child {
+  margin-inline-end: 0;
+}
+
+@keyframes loading-container {
+  0% {
+    translate: var(--_sbb-loading-indicator-window-element-animation-speed);
+  }
+  100% {
+    translate: 0;
+  }
+}
+@keyframes loading-rectangle1 {
+  0% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes loading-rectangle2 {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.5;
+  }
+}
+@keyframes loading-rectangle3 {
+  0% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes loading-rectangle4 {
+  0% {
+    opacity: 0.25;
+  }
+  100% {
+    opacity: 0.5;
+  }
+}
+@keyframes loading-rectangle5 {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0.25;
+  }
+}`;
+let SbbLoadingIndicatorElement = (() => {
+  var _size_accessor_storage, _color_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-loading-indicator"), hostAttributes({
+    role: "progressbar",
+    "aria-busy": "true"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  let _color_decorators;
+  let _color_initializers = [];
+  let _color_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _size_accessor_storage, __runInitializers(this, _size_initializers, "s"));
+      __privateAdd(this, _color_accessor_storage, (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _color_initializers, "default")));
+      __runInitializers(this, _color_extraInitializers);
+    }
+    /** Size variant, either s or m. */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    /** Color variant. */
+    get color() {
+      return __privateGet(this, _color_accessor_storage);
+    }
+    set color(value) {
+      __privateSet(this, _color_accessor_storage, value);
+    }
+    render() {
+      return html`
+      <span class="sbb-loading-indicator">
+        <span class="sbb-loading-indicator__animated-element">
+          <span>
+            <span>
+              <span></span>
+              <span></span>
+              <span></span>
+              <span></span>
+              <span></span>
+            </span>
+          </span>
+        </span>
+      </span>
+    `;
+    }
+  }, _size_accessor_storage = new WeakMap(), _color_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _size_decorators = [property({ reflect: true })];
+    _color_decorators = [property({ reflect: true })];
+    __esDecorate(_a, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: (obj) => "size" in obj, get: (obj) => obj.size, set: (obj, value) => {
+      obj.size = value;
+    } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+    __esDecorate(_a, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: (obj) => "color" in obj, get: (obj) => obj.color, set: (obj, value) => {
+      obj.color = value;
+    } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbLoadingIndicatorElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbG9hZGluZy1pbmRpY2F0b3IvbG9hZGluZy1pbmRpY2F0b3IuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGhvc3RBdHRyaWJ1dGVzIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbG9hZGluZy1pbmRpY2F0b3Iuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxvYWRpbmcgaW5kaWNhdG9yLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItbG9hZGluZy1pbmRpY2F0b3InKVxuQGhvc3RBdHRyaWJ1dGVzKHtcbiAgcm9sZTogJ3Byb2dyZXNzYmFyJyxcbiAgJ2FyaWEtYnVzeSc6ICd0cnVlJyxcbn0pXG5jbGFzcyBTYmJMb2FkaW5nSW5kaWNhdG9yRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogU2l6ZSB2YXJpYW50LCBlaXRoZXIgcyBvciBtLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAncycgfCAnbCcgfCAneGwnIHwgJ3h4bCcgfCAneHh4bCcgPSAncyc7XG5cbiAgLyoqIENvbG9yIHZhcmlhbnQuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGNvbG9yOiAnZGVmYXVsdCcgfCAnc21va2UnIHwgJ3doaXRlJyA9ICdkZWZhdWx0JztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWxvYWRpbmctaW5kaWNhdG9yXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWxvYWRpbmctaW5kaWNhdG9yX19hbmltYXRlZC1lbGVtZW50XCI+XG4gICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICA8c3Bhbj5cbiAgICAgICAgICAgICAgPHNwYW4+PC9zcGFuPlxuICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj5cbiAgICAgICAgICAgICAgPHNwYW4+PC9zcGFuPlxuICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWxvYWRpbmctaW5kaWNhdG9yJzogU2JiTG9hZGluZ0luZGljYXRvckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFpQk0sOEJBQTBCLE1BQUE7O0FBTC9CLE1BQUEsbUJBQUEsQ0FBQSxjQUFjLHVCQUF1QixHQUNyQyxlQUFlO0FBQUEsSUFDZCxNQUFNO0FBQUEsSUFDTixhQUFhO0FBQUEsRUFBQSxDQUNkLENBQUM7Ozs7b0JBQ3VDOzs7Ozs7O0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUE7O0FBSXBCLGlEQUFBLGtCQUFBLE1BQUEsb0JBQTBELEdBQUc7QUFHN0QsbURBQUEsa0JBQUEsTUFBQSx1QkFBQSxHQUFBLGtCQUFBLE1BQUEscUJBQXVELFNBQVM7Ozs7SUFIaEUsSUFBZ0IsT0FBOEM7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTlELElBQWdCLEtBQThDLE9BQUE7QUFBQSx5QkFBQSx3QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBRzlELElBQWdCLFFBQWlEO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFqRSxJQUFnQixNQUFpRCxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFFM0UsU0FBTTtBQUNoQixhQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBQUE7QUFBQSxLQU5vQix3Q0FHQTs7QUFINUIsdUJBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFNLENBQUEsQ0FBQztBQUczQix3QkFBQSxDQUFBLFNBQVMsRUFBRSxTQUFTLEtBQU0sQ0FBQSxDQUFDO0FBSGlCLGlCQUFBLElBQUEsTUFBQSxrQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsVUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsTUFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxPQUE4QztBQUFBLFNBQUEsVUFBQSxhQUFBLG9CQUFBLHVCQUFBO0FBRzlDLGlCQUFBLElBQUEsTUFBQSxtQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFNBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsV0FBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsT0FBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxRQUFpRDtBQUFBLFNBQUEsVUFBQSxhQUFBLHFCQUFBLHdCQUFBO0FBUGhHLGlCQTBCQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBekJ3QixHQUFNLFNBQW1CLE9BRDVDLGtCQUEwQixZQUFBLHVCQUFBLEdBQUM7OzsifQ==

package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts

@@ -0,0 +1,16 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+/**
+ * It displays a circle loading indicator.
+ */
+export declare class SbbLoadingIndicatorCircleElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Color variant. */
+    accessor color: 'default' | 'smoke' | 'white';
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-loading-indicator-circle': SbbLoadingIndicatorCircleElement;
+    }
+}
+//# sourceMappingURL=loading-indicator-circle.component.d.ts.map

package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-indicator-circle.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/loading-indicator-circle/loading-indicator-circle.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;GAEG;AACH,qBAMM,gCAAiC,SAAQ,UAAU;IACvD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,qBAAqB;IACrB,SAA6C,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAa;cAE3E,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}

package/development/loading-indicator-circle/loading-indicator-circle.component.js

@@ -0,0 +1,146 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { hostAttributes } from "../core/decorators.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: inline-block;
+  line-height: 0;
+  --sbb-loading-indicator-circle-color: var(--sbb-color-red);
+  --sbb-loading-indicator-circle-padding: 0.125rem;
+  --sbb-loading-indicator-circle-duration: var(--sbb-disable-animation-duration, 1.5s);
+  --sbb-loading-indicator-circle-background-color: var(--sbb-color-white);
+  --sbb-loading-indicator-circle-background: conic-gradient(
+    from 90deg,
+    var(--sbb-loading-indicator-circle-background-color),
+    var(--sbb-loading-indicator-circle-color)
+  );
+  --sbb-loading-indicator-circle-animated-width: 0.1875em;
+  --sbb-loading-indicator-circle-animated-height: 0.1875em;
+  --sbb-loading-indicator-circle-animated-border-radius: 50%;
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-loading-indicator-circle-color: CanvasText !important;
+    --sbb-loading-indicator-circle-animated-width: 50%;
+    --sbb-loading-indicator-circle-animated-height: 100%;
+    --sbb-loading-indicator-circle-animated-border-radius: 0;
+    --sbb-loading-indicator-circle-background: transparent;
+  }
+}
+
+:host([color=smoke]) {
+  --sbb-loading-indicator-circle-color: var(--sbb-color-smoke);
+}
+
+:host([color=white]) {
+  --sbb-loading-indicator-circle-color: var(--sbb-color-white);
+}
+
+:host([color=white]) {
+  --sbb-loading-indicator-circle-background-color: var(--sbb-color-iron);
+}
+
+.sbb-loading-indicator {
+  display: inline-flex;
+  padding: var(--sbb-loading-indicator-circle-padding);
+  vertical-align: middle;
+  line-height: 1;
+}
+
+.sbb-loading-indicator__animated-element {
+  width: 1.25em;
+  height: 1.25em;
+  display: inline-block;
+  color: transparent;
+  position: relative;
+  margin: 0 auto;
+  overflow: hidden;
+  border-radius: 50%;
+  background: var(--sbb-loading-indicator-circle-background);
+  mask: radial-gradient(circle 0.4375em, rgba(0, 0, 0, 0) 98%, var(--sbb-loading-indicator-circle-background-color));
+  animation: rotation var(--sbb-loading-indicator-circle-duration) infinite linear;
+}
+.sbb-loading-indicator__animated-element::after {
+  content: "";
+  width: var(--sbb-loading-indicator-circle-animated-width);
+  height: var(--sbb-loading-indicator-circle-animated-height);
+  background: var(--sbb-loading-indicator-circle-color);
+  border-radius: var(--sbb-loading-indicator-circle-animated-border-radius);
+  position: absolute;
+  top: 50%;
+  right: 0;
+  translate: 0 -50%;
+  overflow: hidden;
+  margin: auto;
+}
+
+@keyframes rotation {
+  from {
+    rotate: 0deg;
+  }
+  to {
+    rotate: 359deg;
+  }
+}`;
+let SbbLoadingIndicatorCircleElement = (() => {
+  var _color_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-loading-indicator-circle"), hostAttributes({
+    role: "progressbar",
+    "aria-busy": "true"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  let _color_decorators;
+  let _color_initializers = [];
+  let _color_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _color_accessor_storage, __runInitializers(this, _color_initializers, "default"));
+      __runInitializers(this, _color_extraInitializers);
+    }
+    /** Color variant. */
+    get color() {
+      return __privateGet(this, _color_accessor_storage);
+    }
+    set color(value) {
+      __privateSet(this, _color_accessor_storage, value);
+    }
+    render() {
+      return html`
+      <span class="sbb-loading-indicator">
+        <span class="sbb-loading-indicator__animated-element"></span>
+      </span>
+    `;
+    }
+  }, _color_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _color_decorators = [property({ reflect: true })];
+    __esDecorate(_a, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: (obj) => "color" in obj, get: (obj) => obj.color, set: (obj, value) => {
+      obj.color = value;
+    } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbLoadingIndicatorCircleElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pbmRpY2F0b3ItY2lyY2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2xvYWRpbmctaW5kaWNhdG9yLWNpcmNsZS9sb2FkaW5nLWluZGljYXRvci1jaXJjbGUuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGhvc3RBdHRyaWJ1dGVzIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbG9hZGluZy1pbmRpY2F0b3ItY2lyY2xlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBjaXJjbGUgbG9hZGluZyBpbmRpY2F0b3IuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1sb2FkaW5nLWluZGljYXRvci1jaXJjbGUnKVxuQGhvc3RBdHRyaWJ1dGVzKHtcbiAgcm9sZTogJ3Byb2dyZXNzYmFyJyxcbiAgJ2FyaWEtYnVzeSc6ICd0cnVlJyxcbn0pXG5jbGFzcyBTYmJMb2FkaW5nSW5kaWNhdG9yQ2lyY2xlRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogQ29sb3IgdmFyaWFudC4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgY29sb3I6ICdkZWZhdWx0JyB8ICdzbW9rZScgfCAnd2hpdGUnID0gJ2RlZmF1bHQnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbG9hZGluZy1pbmRpY2F0b3JcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbG9hZGluZy1pbmRpY2F0b3JfX2FuaW1hdGVkLWVsZW1lbnRcIj48L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWxvYWRpbmctaW5kaWNhdG9yLWNpcmNsZSc6IFNiYkxvYWRpbmdJbmRpY2F0b3JDaXJjbGVFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWlCTSxvQ0FBZ0MsTUFBQTs7QUFMckMsTUFBQSxtQkFBQSxDQUFBLGNBQWMsOEJBQThCLEdBQzVDLGVBQWU7QUFBQSxJQUNkLE1BQU07QUFBQSxJQUNOLGFBQWE7QUFBQSxFQUFBLENBQ2QsQ0FBQzs7OztvQkFDNkM7Ozs7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQTs7QUFJMUIsa0RBQUEsa0JBQUEsTUFBQSxxQkFBdUQsU0FBUzs7OztJQUFoRSxJQUFnQixRQUFpRDtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBakUsSUFBZ0IsTUFBaUQsT0FBQTtBQUFBLHlCQUFBLHlCQUFBO0FBQUEsSUFBQTtBQUFBLElBRTNFLFNBQU07QUFDaEIsYUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBLEtBSG9COztBQUE1Qix3QkFBQSxDQUFBLFNBQVMsRUFBRSxTQUFTLEtBQU0sQ0FBQSxDQUFDO0FBQWlCLGlCQUFBLElBQUEsTUFBQSxtQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFNBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsV0FBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsT0FBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxRQUFpRDtBQUFBLFNBQUEsVUFBQSxhQUFBLHFCQUFBLHdCQUFBO0FBSmhHLGlCQWFDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFad0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBZ0MsWUFBQSx1QkFBQSxHQUFDOzs7In0=

package/development/loading-indicator-circle.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './loading-indicator-circle/loading-indicator-circle.js';
+export * from './loading-indicator-circle/loading-indicator-circle.component.js';
 //# sourceMappingURL=loading-indicator-circle.d.ts.map

package/development/loading-indicator-circle.d.ts.map

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

package/development/loading-indicator-circle.js

@@ -1,4 +1,4 @@
-import { SbbLoadingIndicatorCircleElement } from "./loading-indicator-circle/loading-indicator-circle.js";
+import { SbbLoadingIndicatorCircleElement } from "./loading-indicator-circle/loading-indicator-circle.component.js";
 export {
   SbbLoadingIndicatorCircleElement
 };

package/development/loading-indicator.d.ts

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

package/development/loading-indicator.d.ts.map

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

package/development/loading-indicator.js

@@ -1,4 +1,4 @@
-import { SbbLoadingIndicatorElement } from "./loading-indicator/loading-indicator.js";
+import { SbbLoadingIndicatorElement } from "./loading-indicator/loading-indicator.component.js";
 export {
   SbbLoadingIndicatorElement
 };

package/development/logo/logo.component.d.ts

@@ -0,0 +1,23 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbProtectiveRoom } from '../core/interfaces.js';
+declare const SbbLogoElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * It displays the SBB logo.
+ *
+ * @cssprop [--sbb-logo-height=auto] - Can be used to set the height of the logo.
+ */
+export declare class SbbLogoElement extends SbbLogoElement_base {
+    static styles: CSSResultGroup;
+    /** Visual protective room around logo. */
+    accessor protectiveRoom: SbbProtectiveRoom;
+    /** Accessibility label which will be forwarded to the SVG logo. */
+    accessor accessibilityLabel: string;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-logo': SbbLogoElement;
+    }
+}
+export {};
+//# sourceMappingURL=logo.component.d.ts.map

package/development/logo/logo.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/logo/logo.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAK/D;;;;GAIG;AACH,qBAEM,cAAe,SAAQ,mBAA4B;IACvD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,0CAA0C;IAC1C,SACgB,cAAc,EAAE,iBAAiB,CAAW;IAE5D,mEAAmE;IACnE,SAEgB,kBAAkB,EAAE,MAAM,CAAU;cAEjC,MAAM,IAAI,cAAc;CAoB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}