@sbb-esta/lyne-elements-experimental 2.6.0 → 2.7.0

package/development/pearl-chain-vertical-item.js

@@ -1,395 +1,5 @@
-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 { forceType } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { css, LitElement, nothing, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  --sbb-pearl-chain-bullet-size-start-end: 0.625rem;
-  --sbb-pearl-chain-bullet-size-stop: 0.5rem;
-  --sbb-pearl-chain-bullet-color: var(--sbb-color-charcoal);
-  --sbb-pearl-chain-bullet-color-past: var(--sbb-color-metal);
-  --sbb-pearl-chain-bullet-color-irrelevant: var(--sbb-color-metal);
-  --sbb-pearl-chain-bullet-color-disruption: var(--sbb-color-red);
-  --sbb-pearl-chain-bullet-border-width: var(--sbb-border-width-2x);
-  --sbb-pearl-chain-bullet-animation-duration: 1920ms;
-  --sbb-pearl-chain-bullet-animation-easing: ease-out;
-  --sbb-pearl-chain-bullet-crossed-width: 0.88375rem;
-  --sbb-pearl-chain-bullet-crossed-height: 0.21875rem;
-  --sbb-pearl-chain-bullet-crossed-border-width: 0.09375rem;
-  display: table-row;
-  position: relative;
-  --sbb-pearl-chain-vertical-right-item-width: 100%;
-  --sbb-pearl-chain-vertical-middle-item-min-width: var(--sbb-pearl-chain-bullet-size-start-end);
-  --sbb-pearl-chain-vertical-item-border-width: var(--sbb-border-width-2x);
-  --sbb-pearl-chain-vertical-item-border-width-thin: var(--sbb-border-width-1x);
-  --sbb-pearl-chain-vertical-item-spacing-small: var(--sbb-spacing-fixed-1x);
-  --sbb-pearl-chain-vertical-item-spacing-medium: var(--sbb-spacing-fixed-4x);
-  --sbb-pearl-chain-vertical-item-color-default: var(--sbb-pearl-chain-bullet-color);
-  --sbb-pearl-chain-vertical-item-color-disruption: var(--sbb-pearl-chain-bullet-color-disruption);
-  --sbb-pearl-chain-vertical-item-color-past: var(--sbb-pearl-chain-bullet-color-past);
-  --sbb-pearl-chain-vertical-item-color-walk: var(--sbb-color-sky);
-  --sbb-pearl-chain-vertical-item-inline-start: 50%;
-  --sbb-pearl-chain-vertical-item-transform: translateX(-50%);
-}
-
-slot[name=right],
-.sbb-pearl-chain-vertical-item__column {
-  display: table-cell;
-  position: relative;
-  vertical-align: top;
-}
-
-slot[name=right] {
-  width: var(--sbb-pearl-chain-vertical-right-item-width);
-}
-
-.sbb-pearl-chain-vertical-item__column--middle {
-  min-width: var(--sbb-pearl-chain-vertical-middle-item-min-width, --sbb-pearl-chain-vertical-middle-min-width);
-}
-
-slot[name=left]::slotted(*) {
-  margin-block-start: var(--sbb-pearl-chain-vertical-left-item-block-start);
-  padding-inline-end: var(--sbb-pearl-chain-vertical-left-item-inline-end);
-}
-
-slot[name=right]::slotted(*) {
-  margin-block-start: var(--sbb-pearl-chain-vertical-right-item-block-start);
-  padding-inline-start: var(--sbb-pearl-chain-vertical-right-item-inline-start);
-}
-
-.sbb-pearl-chain-vertical-item__middle {
-  vertical-align: top;
-  border-spacing: 0;
-}
-
-.sbb-pearl-chain-vertical-item__line {
-  position: absolute;
-  bottom: 0;
-  inset-inline-start: var(--sbb-pearl-chain-vertical-item-inline-start);
-  transform: var(--sbb-pearl-chain-vertical-item-transform);
-  width: var(--sbb-border-width-2x);
-  inset-block-start: calc(var(--sbb-pearl-chain-bullet-size-start-end) / 2);
-}
-.sbb-pearl-chain-vertical-item__line::after {
-  content: "";
-  position: absolute;
-  inset-inline-start: 0;
-  inset-block-start: 0;
-  height: var(--sbb-pearl-chain-vertical-item-leg-status);
-  width: var(--sbb-pearl-chain-vertical-item-border-width);
-  background-color: var(--sbb-pearl-chain-vertical-item-color-past);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__line::after {
-    --sbb-pearl-chain-vertical-item-color-past: GrayText;
-  }
-}
-
-.sbb-pearl-chain-vertical-item__line--dotted {
-  background-color: unset;
-  border-color: unset;
-  background-image: linear-gradient(to bottom, currentcolor 0%, currentcolor 50%, Canvas 50%);
-  background-repeat: repeat-y;
-  background-size: calc(2 * var(--sbb-pearl-chain-vertical-item-spacing-small)) var(--sbb-pearl-chain-vertical-item-spacing-small);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__line--dotted {
-    background-color: unset !important;
-    border-inline-start: 0.0625rem dashed Highlight;
-    transform: translateY(0.0625rem);
-  }
-}
-
-.sbb-pearl-chain-vertical-item__line--thin {
-  width: var(--sbb-pearl-chain-vertical-item-border-width-thin);
-}
-
-.sbb-pearl-chain-vertical-item__line--default {
-  background-color: var(--sbb-pearl-chain-vertical-item-color-default);
-  border-color: var(--sbb-pearl-chain-vertical-item-color-default);
-  color: var(--sbb-pearl-chain-vertical-item-color-default);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__line--default {
-    --sbb-pearl-chain-vertical-item-color-default: CanvasText;
-  }
-}
-
-.sbb-pearl-chain-vertical-item__line--disruption {
-  border-color: var(--sbb-pearl-chain-vertical-item-color-disruption);
-  background-color: var(--sbb-pearl-chain-vertical-item-color-disruption);
-  color: var(--sbb-pearl-chain-vertical-item-color-disruption);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__line--disruption {
-    --sbb-pearl-chain-vertical-item-color-disruption: Highlight;
-  }
-}
-
-.sbb-pearl-chain-vertical-item__line--past {
-  border-color: var(--sbb-pearl-chain-vertical-item-color-past);
-  background-color: var(--sbb-pearl-chain-vertical-item-color-past);
-  color: var(--sbb-pearl-chain-vertical-item-color-past);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__line--past {
-    --sbb-pearl-chain-vertical-item-color-past: GrayText;
-  }
-}
-
-.sbb-pearl-chain-vertical-item__line--walk {
-  border-color: var(--sbb-pearl-chain-vertical-item-color-walk);
-  background-color: var(--sbb-pearl-chain-vertical-item-color-walk);
-  color: var(--sbb-pearl-chain-vertical-item-color-walk);
-}
-
-.sbb-pearl-chain-vertical-item__bullet {
-  position: relative;
-  inset-inline-start: var(--sbb-pearl-chain-vertical-item-inline-start);
-  transform: var(--sbb-pearl-chain-vertical-item-transform);
-  background: var(--sbb-pearl-chain-bullet-color);
-  color: var(--sbb-pearl-chain-bullet-color);
-  border-color: var(--sbb-pearl-chain-bullet-color);
-  border-radius: 100%;
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__bullet {
-    --sbb-pearl-chain-bullet-color: CanvasText;
-  }
-}
-
-.sbb-pearl-chain-vertical-item__bullet--start-end {
-  min-height: var(--sbb-pearl-chain-bullet-size-start-end);
-  min-width: var(--sbb-pearl-chain-bullet-size-start-end);
-  height: var(--sbb-pearl-chain-bullet-size-start-end);
-  width: var(--sbb-pearl-chain-bullet-size-start-end);
-}
-
-.sbb-pearl-chain-vertical-item__bullet--stop {
-  min-height: var(--sbb-pearl-chain-bullet-size-stop);
-  min-width: var(--sbb-pearl-chain-bullet-size-stop);
-  height: var(--sbb-pearl-chain-bullet-size-stop);
-  width: var(--sbb-pearl-chain-bullet-size-stop);
-  border: var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;
-  background: Canvas;
-}
-
-.sbb-pearl-chain-vertical-item__bullet--disruption {
-  --sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-disruption);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__bullet--disruption {
-    --sbb-pearl-chain-bullet-color: Highlight;
-  }
-}
-
-.sbb-pearl-chain-vertical-item__bullet--irrelevant,
-.sbb-pearl-chain-vertical-item__bullet--past {
-  --sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__bullet--irrelevant,
-  .sbb-pearl-chain-vertical-item__bullet--past {
-    --sbb-pearl-chain-bullet-color: GrayText !important;
-  }
-}
-
-.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--irrelevant {
-  --sbb-pearl-chain-bullet-border-width: var(--sbb-border-width-1x);
-  min-height: var(--sbb-pearl-chain-bullet-size-stop);
-  min-width: var(--sbb-pearl-chain-bullet-size-stop);
-  height: var(--sbb-pearl-chain-bullet-size-stop);
-  width: var(--sbb-pearl-chain-bullet-size-stop);
-  border: var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;
-  background: Canvas;
-}
-
-.sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped {
-  border: var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;
-  background: Canvas;
-}
-.sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped::before {
-  content: "";
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-start: 50%;
-  transform: translate(-50%, -50%) rotate(45deg);
-  border-block-start: var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;
-  background: var(--sbb-pearl-chain-bullet-color-disruption);
-  height: var(--sbb-pearl-chain-bullet-crossed-height);
-  width: var(--sbb-pearl-chain-bullet-crossed-width);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped::before {
-    background: Highlight;
-  }
-}
-
-.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped {
-  --sbb-pearl-chain-bullet-crossed-width: 0.706875rem;
-  --sbb-pearl-chain-bullet-crossed-height: 0.1875rem;
-  min-height: var(--sbb-pearl-chain-bullet-size-stop);
-  min-width: var(--sbb-pearl-chain-bullet-size-stop);
-  height: var(--sbb-pearl-chain-bullet-size-stop);
-  width: var(--sbb-pearl-chain-bullet-size-stop);
-  border: var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;
-  background: Canvas;
-  border: var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;
-  background: Canvas;
-}
-.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped::before {
-  content: "";
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-start: 50%;
-  transform: translate(-50%, -50%) rotate(45deg);
-  border-block-start: var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;
-  background: var(--sbb-pearl-chain-bullet-color-disruption);
-  height: var(--sbb-pearl-chain-bullet-crossed-height);
-  width: var(--sbb-pearl-chain-bullet-crossed-width);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped::before {
-    background: Highlight;
-  }
-}
-
-.sbb-pearl-chain-vertical-item__bullet--position {
-  inset-block-start: var(--sbb-pearl-chain-vertical-item-position);
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  min-height: var(--sbb-pearl-chain-bullet-size-start-end);
-  min-width: var(--sbb-pearl-chain-bullet-size-start-end);
-  height: var(--sbb-pearl-chain-bullet-size-start-end);
-  width: var(--sbb-pearl-chain-bullet-size-start-end);
-  background: var(--sbb-pearl-chain-bullet-color);
-  color: var(--sbb-pearl-chain-bullet-color);
-  border-color: var(--sbb-pearl-chain-bullet-color);
-  border-radius: 100%;
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__bullet--position {
-    --sbb-pearl-chain-bullet-color: CanvasText;
-  }
-}
-.sbb-pearl-chain-vertical-item__bullet--position {
-  --sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-disruption);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__bullet--position {
-    --sbb-pearl-chain-bullet-color: Highlight;
-  }
-}
-@keyframes pearl-chain-bullet-position-pulse {
-  0% {
-    box-shadow: 0 0 0 0 var(--sbb-pearl-chain-bullet-color-disruption);
-  }
-  25% {
-    box-shadow: 0 0 0 0 var(--sbb-pearl-chain-bullet-color-disruption);
-  }
-  50% {
-    box-shadow: 0 0 0 0.1875rem var(--sbb-color-red-alpha-20);
-  }
-  100% {
-    box-shadow: 0 0 0 0 var(--sbb-pearl-chain-bullet-color-disruption);
-  }
-}
-.sbb-pearl-chain-vertical-item__bullet--position {
-  animation: pearl-chain-bullet-position-pulse var(--sbb-pearl-chain-bullet-animation-duration) var(--sbb-pearl-chain-bullet-animation-easing) infinite;
-}
-:host([disable-animation]) .sbb-pearl-chain-vertical-item__bullet--position {
-  animation: unset !important;
-}`;
-let SbbPearlChainVerticalItemElement = (() => {
-  var _pearlChainVerticalItemAttributes_accessor_storage, _disableAnimation_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-pearl-chain-vertical-item")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = LitElement;
-  let _pearlChainVerticalItemAttributes_decorators;
-  let _pearlChainVerticalItemAttributes_initializers = [];
-  let _pearlChainVerticalItemAttributes_extraInitializers = [];
-  let _disableAnimation_decorators;
-  let _disableAnimation_initializers = [];
-  let _disableAnimation_extraInitializers = [];
-  _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _pearlChainVerticalItemAttributes_accessor_storage, __runInitializers(this, _pearlChainVerticalItemAttributes_initializers, null));
-      __privateAdd(this, _disableAnimation_accessor_storage, (__runInitializers(this, _pearlChainVerticalItemAttributes_extraInitializers), __runInitializers(this, _disableAnimation_initializers, false)));
-      __runInitializers(this, _disableAnimation_extraInitializers);
-    }
-    /** The pearlChainVerticalItemAttributes Prop for styling the bullets and line.*/
-    get pearlChainVerticalItemAttributes() {
-      return __privateGet(this, _pearlChainVerticalItemAttributes_accessor_storage);
-    }
-    set pearlChainVerticalItemAttributes(value) {
-      __privateSet(this, _pearlChainVerticalItemAttributes_accessor_storage, value);
-    }
-    /** If true, the position won't be animated. */
-    get disableAnimation() {
-      return __privateGet(this, _disableAnimation_accessor_storage);
-    }
-    set disableAnimation(value) {
-      __privateSet(this, _disableAnimation_accessor_storage, value);
-    }
-    render() {
-      const { bulletType, lineType, lineColor, hideLine, minHeight, bulletSize, position } = this.pearlChainVerticalItemAttributes || {};
-      const bulletTypeClass = position && position > 0 && position <= 100 ? "sbb-pearl-chain-vertical-item__bullet--past" : `sbb-pearl-chain-vertical-item__bullet--${bulletType}`;
-      return html`
-      <div class="sbb-pearl-chain-vertical-item__column" style="height: ${minHeight}px;">
-        <slot name="left"></slot>
-      </div>
-      <div
-        aria-hidden="true"
-        class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
-      >
-        ${!hideLine ? html`<div
-              style="--sbb-pearl-chain-vertical-item-leg-status:${position}%;"
-              class="sbb-pearl-chain-vertical-item__line sbb-pearl-chain-vertical-item__line--${lineType} sbb-pearl-chain-vertical-item__line--${lineColor}"
-            ></div>` : nothing}
-        ${bulletType ? html`<div
-              class="sbb-pearl-chain-vertical-item__bullet  sbb-pearl-chain-vertical-item__bullet--${bulletSize} ${bulletTypeClass}"
-            ></div>` : nothing}
-        ${position && position > 0 ? html`<div
-              style="--sbb-pearl-chain-vertical-item-position:${position}%;"
-              class="sbb-pearl-chain-vertical-item__bullet--position"
-            ></div>` : nothing}
-      </div>
-      <slot name="right"></slot>
-    `;
-    }
-  }, _pearlChainVerticalItemAttributes_accessor_storage = new WeakMap(), _disableAnimation_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _pearlChainVerticalItemAttributes_decorators = [property({ attribute: "pearl-chain-vertical-item-attributes", type: Object })];
-    _disableAnimation_decorators = [forceType(), property({ attribute: "disable-animation", reflect: true, type: Boolean })];
-    __esDecorate(_a, null, _pearlChainVerticalItemAttributes_decorators, { kind: "accessor", name: "pearlChainVerticalItemAttributes", static: false, private: false, access: { has: (obj) => "pearlChainVerticalItemAttributes" in obj, get: (obj) => obj.pearlChainVerticalItemAttributes, set: (obj, value) => {
-      obj.pearlChainVerticalItemAttributes = value;
-    } }, metadata: _metadata }, _pearlChainVerticalItemAttributes_initializers, _pearlChainVerticalItemAttributes_extraInitializers);
-    __esDecorate(_a, null, _disableAnimation_decorators, { kind: "accessor", name: "disableAnimation", static: false, private: false, access: { has: (obj) => "disableAnimation" in obj, get: (obj) => obj.disableAnimation, set: (obj, value) => {
-      obj.disableAnimation = value;
-    } }, metadata: _metadata }, _disableAnimation_initializers, _disableAnimation_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;
-})();
+import { SbbPearlChainVerticalItemElement } from "./pearl-chain-vertical-item/pearl-chain-vertical-item.js";
 export {
   SbbPearlChainVerticalItemElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVhcmwtY2hhaW4tdmVydGljYWwtaXRlbS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtL3BlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW0udHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3BlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW0uc2Nzcz9saXQmaW5saW5lJztcblxuZXhwb3J0IHR5cGUgTGluZVR5cGUgPSAnZG90dGVkJyB8ICdzdGFuZGFyZCcgfCAndGhpbic7XG5cbmV4cG9ydCB0eXBlIEJ1bGxldFR5cGUgPSAnZGVmYXVsdCcgfCAncGFzdCcgfCAnaXJyZWxldmFudCcgfCAnc2tpcHBlZCcgfCAnZGlzcnVwdGlvbic7XG5cbmV4cG9ydCB0eXBlIExpbmVDb2xvciA9ICdkZWZhdWx0JyB8ICdwYXN0JyB8ICdkaXNydXB0aW9uJyB8ICd3YWxrJztcblxuZXhwb3J0IHR5cGUgQnVsbGV0U2l6ZSA9ICdzdGFydC1lbmQnIHwgJ3N0b3AnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBlYXJsQ2hhaW5WZXJ0aWNhbEl0ZW1BdHRyaWJ1dGVzIHtcbiAgbGluZVR5cGU6IExpbmVUeXBlO1xuICBsaW5lQ29sb3I6IExpbmVDb2xvcjtcbiAgYnVsbGV0VHlwZT86IEJ1bGxldFR5cGU7XG4gIG1pbkhlaWdodDogbnVtYmVyO1xuICBoaWRlTGluZTogYm9vbGVhbjtcbiAgYnVsbGV0U2l6ZTogQnVsbGV0U2l6ZTtcbiAgcG9zaXRpb24/OiBudW1iZXI7XG59XG5cbi8qKlxuICogSXQgZGlzcGxheXMgZGV0YWlscyBhYm91dCBjb25uZWN0aW9uIGJldHdlZW4gc3RhdGlvbnMuXG4gKlxuICogQHNsb3QgbGVmdCAtIENvbnRlbnQgb2YgdGhlIGxlZnQgc2lkZSBvZiB0aGUgaXRlbVxuICogQHNsb3QgcmlnaHQgLSBDb250ZW50IG9mIHRoZSByaWdodCBzaWRlIG9mIHRoZSBpdGVtXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtJylcbmNsYXNzIFNiYlBlYXJsQ2hhaW5WZXJ0aWNhbEl0ZW1FbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBUaGUgcGVhcmxDaGFpblZlcnRpY2FsSXRlbUF0dHJpYnV0ZXMgUHJvcCBmb3Igc3R5bGluZyB0aGUgYnVsbGV0cyBhbmQgbGluZS4qL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdwZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtLWF0dHJpYnV0ZXMnLCB0eXBlOiBPYmplY3QgfSlcbiAgcHVibGljIGFjY2Vzc29yIHBlYXJsQ2hhaW5WZXJ0aWNhbEl0ZW1BdHRyaWJ1dGVzOiBQZWFybENoYWluVmVydGljYWxJdGVtQXR0cmlidXRlcyA9IG51bGwhO1xuXG4gIC8qKiBJZiB0cnVlLCB0aGUgcG9zaXRpb24gd29uJ3QgYmUgYW5pbWF0ZWQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkaXNhYmxlLWFuaW1hdGlvbicsIHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGRpc2FibGVBbmltYXRpb246IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCB7IGJ1bGxldFR5cGUsIGxpbmVUeXBlLCBsaW5lQ29sb3IsIGhpZGVMaW5lLCBtaW5IZWlnaHQsIGJ1bGxldFNpemUsIHBvc2l0aW9uIH0gPVxuICAgICAgdGhpcy5wZWFybENoYWluVmVydGljYWxJdGVtQXR0cmlidXRlcyB8fCB7fTtcblxuICAgIGNvbnN0IGJ1bGxldFR5cGVDbGFzcyA9XG4gICAgICBwb3NpdGlvbiAmJiBwb3NpdGlvbiA+IDAgJiYgcG9zaXRpb24gPD0gMTAwXG4gICAgICAgID8gJ3NiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19idWxsZXQtLXBhc3QnXG4gICAgICAgIDogYHNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19idWxsZXQtLSR7YnVsbGV0VHlwZX1gO1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2NvbHVtblwiIHN0eWxlPVwiaGVpZ2h0OiAke21pbkhlaWdodH1weDtcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cImxlZnRcIj48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgY2xhc3M9XCJzYmItcGVhcmwtY2hhaW4tdmVydGljYWwtaXRlbV9fY29sdW1uIHNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19jb2x1bW4tLW1pZGRsZVwiXG4gICAgICA+XG4gICAgICAgICR7IWhpZGVMaW5lXG4gICAgICAgICAgPyBodG1sYDxkaXZcbiAgICAgICAgICAgICAgc3R5bGU9XCItLXNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtLWxlZy1zdGF0dXM6JHtwb3NpdGlvbn0lO1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2xpbmUgc2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2xpbmUtLSR7bGluZVR5cGV9IHNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19saW5lLS0ke2xpbmVDb2xvcn1cIlxuICAgICAgICAgICAgPjwvZGl2PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICR7YnVsbGV0VHlwZVxuICAgICAgICAgID8gaHRtbGA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2J1bGxldCAgc2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2J1bGxldC0tJHtidWxsZXRTaXplfSAke2J1bGxldFR5cGVDbGFzc31cIlxuICAgICAgICAgICAgPjwvZGl2PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICR7cG9zaXRpb24gJiYgcG9zaXRpb24gPiAwXG4gICAgICAgICAgPyBodG1sYDxkaXZcbiAgICAgICAgICAgICAgc3R5bGU9XCItLXNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtLXBvc2l0aW9uOiR7cG9zaXRpb259JTtcIlxuICAgICAgICAgICAgICBjbGFzcz1cInNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19idWxsZXQtLXBvc2l0aW9uXCJcbiAgICAgICAgICAgID48L2Rpdj5gXG4gICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgPC9kaXY+XG4gICAgICA8c2xvdCBuYW1lPVwicmlnaHRcIj48L3Nsb3Q+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW0nOiBTYmJQZWFybENoYWluVmVydGljYWxJdGVtRWxl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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVhcmwtY2hhaW4tdmVydGljYWwtaXRlbS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/pearl-chain-vertical.d.ts

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

package/development/pearl-chain-vertical.d.ts.map

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

package/development/pearl-chain-vertical.js

@@ -1,45 +1,5 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { css, LitElement, html } from "lit";
-import { customElement } from "lit/decorators.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  --sbb-pearl-chain-vertical-width: 100%;
-  display: block;
-}
-
-.sbb-pearl-chain-vertical {
-  display: table;
-  width: var(--sbb-pearl-chain-vertical-width);
-}`;
-let SbbPearlChainVerticalElement = (() => {
-  var _a;
-  let _classDecorators = [customElement("sbb-pearl-chain-vertical")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = LitElement;
-  _a = class extends _classSuper {
-    render() {
-      return html`
-      <div class="sbb-pearl-chain-vertical">
-        <slot></slot>
-      </div>
-    `;
-    }
-  }, _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    __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;
-})();
+import { SbbPearlChainVerticalElement } from "./pearl-chain-vertical/pearl-chain-vertical.js";
 export {
   SbbPearlChainVerticalElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVhcmwtY2hhaW4tdmVydGljYWwuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy1leHBlcmltZW50YWwvcGVhcmwtY2hhaW4tdmVydGljYWwvcGVhcmwtY2hhaW4tdmVydGljYWwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9wZWFybC1jaGFpbi12ZXJ0aWNhbC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciB0aGUgYHNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBUaGUgdW5uYW1lZCBzbG90IGlzIHVzZWQgZm9yIHRoZSBgc2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1gIGNvbXBvbmVudC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsJylcbmNsYXNzIFNiYlBlYXJsQ2hhaW5WZXJ0aWNhbEVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsXCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbCc6IFNiYlBlYXJsQ2hhaW5WZXJ0aWNhbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFhTSxnQ0FBNEIsTUFBQTs7MEJBRGpDLGNBQWMsMEJBQTBCLENBQUM7Ozs7b0JBQ0M7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUdoQyxTQUFNO0FBQ2hCLGFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBQUE7QUFBQTs7QUFKWCxpQkFVQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBVHdCLEdBQU0sU0FBbUIsT0FENUMsa0JBQTRCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVhcmwtY2hhaW4tdmVydGljYWwuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/pearl-chain.d.ts

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

package/development/pearl-chain.d.ts.map

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