@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773333596 → 4.7.0-dev.1773388997

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

@@ -1,393 +1,2 @@
-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 { SbbElement } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { forceType } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css, nothing, html } from "lit";
-import { property } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
-const style = css`:host {
-  --sbb-pearl-chain-position-color: var(--sbb-color-primary);
-  --sbb-pearl-chain-bullet-size-start-end: 0.625rem;
-  --sbb-pearl-chain-bullet-size-stop: 0.5rem;
-  --sbb-pearl-chain-bullet-color: var(--sbb-background-color-3-inverted);
-  --sbb-pearl-chain-bullet-color-past: var(--sbb-color-metal);
-  --sbb-pearl-chain-bullet-color-past: light-dark(var(--sbb-color-metal), var(--sbb-color-granite));
-  --sbb-pearl-chain-bullet-color-irrelevant: var(--sbb-color-metal);
-  --sbb-pearl-chain-bullet-color-irrelevant: light-dark(
-    var(--sbb-color-metal),
-    var(--sbb-color-granite)
-  );
-  --sbb-pearl-chain-bullet-color-disruption: var(--sbb-color-error);
-  --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-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-position-color);
-}
-@media (forced-colors: active) {
-  .sbb-pearl-chain-vertical-item__bullet--position {
-    --sbb-pearl-chain-position-color: Highlight;
-  }
-}
-@keyframes pearl-chain-bullet-position-pulse {
-  0% {
-    box-shadow: 0 0 0 0 var(--sbb-pearl-chain-position-color);
-  }
-  25% {
-    box-shadow: 0 0 0 0 var(--sbb-pearl-chain-position-color);
-  }
-  50% {
-    box-shadow: 0 0 0 0.1875rem color-mix(in srgb, var(--sbb-pearl-chain-position-color) 20%, transparent);
-  }
-  100% {
-    box-shadow: 0 0 0 0 var(--sbb-pearl-chain-position-color);
-  }
-}
-.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 _classSuper = SbbElement;
-  let _pearlChainVerticalItemAttributes_decorators;
-  let _pearlChainVerticalItemAttributes_initializers = [];
-  let _pearlChainVerticalItemAttributes_extraInitializers = [];
-  let _disableAnimation_decorators;
-  let _disableAnimation_initializers = [];
-  let _disableAnimation_extraInitializers = [];
-  return _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=${styleMap({ 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=${styleMap({ "--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=${styleMap({ "--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(), (() => {
-    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);
-    if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), _a.elementName = "sbb-pearl-chain-vertical-item", _a.styles = [boxSizingStyles, style], _a;
-})();
-export {
-  SbbPearlChainVerticalItemElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVhcmwtY2hhaW4tdmVydGljYWwtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy1leHBlcmltZW50YWwvcGVhcmwtY2hhaW4tdmVydGljYWwtaXRlbS9wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL3N0eWxlcy5qcyc7XG5pbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgc3R5bGVNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9zdHlsZS1tYXAuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCB0eXBlIExpbmVUeXBlID0gJ2RvdHRlZCcgfCAnc3RhbmRhcmQnIHwgJ3RoaW4nO1xuXG5leHBvcnQgdHlwZSBCdWxsZXRUeXBlID0gJ2RlZmF1bHQnIHwgJ3Bhc3QnIHwgJ2lycmVsZXZhbnQnIHwgJ3NraXBwZWQnIHwgJ2Rpc3J1cHRpb24nO1xuXG5leHBvcnQgdHlwZSBMaW5lQ29sb3IgPSAnZGVmYXVsdCcgfCAncGFzdCcgfCAnZGlzcnVwdGlvbicgfCAnd2Fsayc7XG5cbmV4cG9ydCB0eXBlIEJ1bGxldFNpemUgPSAnc3RhcnQtZW5kJyB8ICdzdG9wJztcblxuZXhwb3J0IGludGVyZmFjZSBQZWFybENoYWluVmVydGljYWxJdGVtQXR0cmlidXRlcyB7XG4gIGxpbmVUeXBlOiBMaW5lVHlwZTtcbiAgbGluZUNvbG9yOiBMaW5lQ29sb3I7XG4gIGJ1bGxldFR5cGU/OiBCdWxsZXRUeXBlO1xuICBtaW5IZWlnaHQ6IG51bWJlcjtcbiAgaGlkZUxpbmU6IGJvb2xlYW47XG4gIGJ1bGxldFNpemU6IEJ1bGxldFNpemU7XG4gIHBvc2l0aW9uPzogbnVtYmVyO1xufVxuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGRldGFpbHMgYWJvdXQgY29ubmVjdGlvbiBiZXR3ZWVuIHN0YXRpb25zLlxuICpcbiAqIEBzbG90IGxlZnQgLSBDb250ZW50IG9mIHRoZSBsZWZ0IHNpZGUgb2YgdGhlIGl0ZW1cbiAqIEBzbG90IHJpZ2h0IC0gQ29udGVudCBvZiB0aGUgcmlnaHQgc2lkZSBvZiB0aGUgaXRlbVxuICovXG5leHBvcnQgY2xhc3MgU2JiUGVhcmxDaGFpblZlcnRpY2FsSXRlbUVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBUaGUgcGVhcmxDaGFpblZlcnRpY2FsSXRlbUF0dHJpYnV0ZXMgUHJvcCBmb3Igc3R5bGluZyB0aGUgYnVsbGV0cyBhbmQgbGluZS4qL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdwZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtLWF0dHJpYnV0ZXMnLCB0eXBlOiBPYmplY3QgfSlcbiAgcHVibGljIGFjY2Vzc29yIHBlYXJsQ2hhaW5WZXJ0aWNhbEl0ZW1BdHRyaWJ1dGVzOiBQZWFybENoYWluVmVydGljYWxJdGVtQXR0cmlidXRlcyA9IG51bGwhO1xuXG4gIC8qKiBJZiB0cnVlLCB0aGUgcG9zaXRpb24gd29uJ3QgYmUgYW5pbWF0ZWQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkaXNhYmxlLWFuaW1hdGlvbicsIHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGRpc2FibGVBbmltYXRpb246IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCB7IGJ1bGxldFR5cGUsIGxpbmVUeXBlLCBsaW5lQ29sb3IsIGhpZGVMaW5lLCBtaW5IZWlnaHQsIGJ1bGxldFNpemUsIHBvc2l0aW9uIH0gPVxuICAgICAgdGhpcy5wZWFybENoYWluVmVydGljYWxJdGVtQXR0cmlidXRlcyB8fCB7fTtcblxuICAgIGNvbnN0IGJ1bGxldFR5cGVDbGFzcyA9XG4gICAgICBwb3NpdGlvbiAmJiBwb3NpdGlvbiA+IDAgJiYgcG9zaXRpb24gPD0gMTAwXG4gICAgICAgID8gJ3NiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19idWxsZXQtLXBhc3QnXG4gICAgICAgIDogYHNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19idWxsZXQtLSR7YnVsbGV0VHlwZX1gO1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2NvbHVtblwiXG4gICAgICAgIHN0eWxlPSR7c3R5bGVNYXAoeyBoZWlnaHQ6IGAke21pbkhlaWdodH1weGAgfSl9XG4gICAgICA+XG4gICAgICAgIDxzbG90IG5hbWU9XCJsZWZ0XCI+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgIGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2NvbHVtbiBzYmItcGVhcmwtY2hhaW4tdmVydGljYWwtaXRlbV9fY29sdW1uLS1taWRkbGVcIlxuICAgICAgPlxuICAgICAgICAkeyFoaWRlTGluZVxuICAgICAgICAgID8gaHRtbGA8ZGl2XG4gICAgICAgICAgICAgIHN0eWxlPSR7c3R5bGVNYXAoeyAnLS1zYmItcGVhcmwtY2hhaW4tdmVydGljYWwtaXRlbS1sZWctc3RhdHVzJzogYCR7cG9zaXRpb259JWAgfSl9XG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2xpbmUgc2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2xpbmUtLSR7bGluZVR5cGV9IHNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19saW5lLS0ke2xpbmVDb2xvcn1cIlxuICAgICAgICAgICAgPjwvZGl2PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICR7YnVsbGV0VHlwZVxuICAgICAgICAgID8gaHRtbGA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2J1bGxldCAgc2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2J1bGxldC0tJHtidWxsZXRTaXplfSAke2J1bGxldFR5cGVDbGFzc31cIlxuICAgICAgICAgICAgPjwvZGl2PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICR7cG9zaXRpb24gJiYgcG9zaXRpb24gPiAwXG4gICAgICAgICAgPyBodG1sYDxkaXZcbiAgICAgICAgICAgICAgc3R5bGU9JHtzdHlsZU1hcCh7ICctLXNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtLXBvc2l0aW9uJzogYCR7cG9zaXRpb259JWAgfSl9XG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2J1bGxldC0tcG9zaXRpb25cIlxuICAgICAgICAgICAgPjwvZGl2PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzbG90IG5hbWU9XCJyaWdodFwiPjwvc2xvdD5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItcGVhcmwtY2hhaW4tdmVydGljYWwtaXRlbSc6IFNiYlBlYXJsQ2hhaW5WZXJ0aWNhbEl0ZW1FbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFrQ2Esb0NBQWdDLE1BQUE7O29CQUFTOzs7Ozs7O0FBQXpDLFNBQUEsbUJBQXlDLFlBQVU7QUFBQTs7QUFNOUQsNkVBQUEsa0JBQUEsTUFBQSxnREFBcUYsSUFBSztBQUsxRiw4REFBQSxrQkFBQSxNQUFBLG1EQUFBLEdBQUEsa0JBQUEsTUFBQSxnQ0FBNEMsS0FBSzs7OztJQUxqRCxJQUFnQixtQ0FBZ0M7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQWhELElBQWdCLGlDQUFnQyxPQUFBO0FBQUEseUJBQUEsb0RBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUtoRCxJQUFnQixtQkFBZ0I7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQWhDLElBQWdCLGlCQUFnQixPQUFBO0FBQUEseUJBQUEsb0NBQUE7QUFBQSxJQUFBO0FBQUEsSUFFYixTQUFNO0FBQ3ZCLFlBQU0sRUFBRSxZQUFZLFVBQVUsV0FBVyxVQUFVLFdBQVcsWUFBWSxTQUFBLElBQ3hFLEtBQUssb0NBQW9DLENBQUE7QUFFM0MsWUFBTSxrQkFDSixZQUFZLFdBQVcsS0FBSyxZQUFZLE1BQ3BDLGdEQUNBLDBDQUEwQyxVQUFVO0FBRTFELGFBQU87QUFBQTtBQUFBO0FBQUEsZ0JBR0ssU0FBUyxFQUFFLFFBQVEsR0FBRyxTQUFTLE1BQU0sQ0FBQztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsVUFRNUMsQ0FBQyxXQUNDO0FBQUEsc0JBQ1UsU0FBUyxFQUFFLDhDQUE4QyxHQUFHLFFBQVEsS0FBSyxDQUFDO0FBQUEsZ0dBQ0EsUUFBUSx5Q0FBeUMsU0FBUztBQUFBLHVCQUU5SSxPQUFPO0FBQUEsVUFDVCxhQUNFO0FBQUEscUdBQ3lGLFVBQVUsSUFBSSxlQUFlO0FBQUEsdUJBRXRILE9BQU87QUFBQSxVQUNULFlBQVksV0FBVyxJQUNyQjtBQUFBLHNCQUNVLFNBQVMsRUFBRSw0Q0FBNEMsR0FBRyxRQUFRLEtBQUssQ0FBQztBQUFBO0FBQUEsdUJBR2xGLE9BQU87QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUlqQjtBQUFBLEtBL0NBLG9FQUtBOztvREFOQyxTQUFTLEVBQUUsV0FBVyx3Q0FBd0MsTUFBTSxPQUFBLENBQVEsQ0FBQztBQUk3RSxtQ0FBQSxDQUFBLGFBQ0EsU0FBUyxFQUFFLFdBQVcscUJBQXFCLFNBQVMsTUFBTSxNQUFNLFFBQUEsQ0FBUyxDQUFDO0FBSjNFLGlCQUFBLElBQUEsTUFBQSw4Q0FBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLG9DQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLHNDQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0Isa0NBQWdDLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFoQyxtQ0FBZ0M7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsZ0RBQUEsbURBQUE7QUFLaEQsaUJBQUEsSUFBQSxNQUFBLDhCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsb0JBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsc0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixrQkFBZ0IsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWhCLG1CQUFnQjtBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxnQ0FBQSxtQ0FBQTs7UUFWQSxHQUFBLGNBQXNCLGlDQUMvQixHQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUssR0FGNUQ7OyJ9
+import { t as SbbPearlChainVerticalItemElement } from "../pearl-chain-vertical-item.component-BDzbcIaf.js";
+export { SbbPearlChainVerticalItemElement };