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

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

@@ -0,0 +1,395 @@
+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;
+})();
+export {
+  SbbPearlChainVerticalItemElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVhcmwtY2hhaW4tdmVydGljYWwtaXRlbS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtL3BlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW0udHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3BlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW0uc2Nzcz9saXQmaW5saW5lJztcblxuZXhwb3J0IHR5cGUgTGluZVR5cGUgPSAnZG90dGVkJyB8ICdzdGFuZGFyZCcgfCAndGhpbic7XG5cbmV4cG9ydCB0eXBlIEJ1bGxldFR5cGUgPSAnZGVmYXVsdCcgfCAncGFzdCcgfCAnaXJyZWxldmFudCcgfCAnc2tpcHBlZCcgfCAnZGlzcnVwdGlvbic7XG5cbmV4cG9ydCB0eXBlIExpbmVDb2xvciA9ICdkZWZhdWx0JyB8ICdwYXN0JyB8ICdkaXNydXB0aW9uJyB8ICd3YWxrJztcblxuZXhwb3J0IHR5cGUgQnVsbGV0U2l6ZSA9ICdzdGFydC1lbmQnIHwgJ3N0b3AnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBlYXJsQ2hhaW5WZXJ0aWNhbEl0ZW1BdHRyaWJ1dGVzIHtcbiAgbGluZVR5cGU6IExpbmVUeXBlO1xuICBsaW5lQ29sb3I6IExpbmVDb2xvcjtcbiAgYnVsbGV0VHlwZT86IEJ1bGxldFR5cGU7XG4gIG1pbkhlaWdodDogbnVtYmVyO1xuICBoaWRlTGluZTogYm9vbGVhbjtcbiAgYnVsbGV0U2l6ZTogQnVsbGV0U2l6ZTtcbiAgcG9zaXRpb24/OiBudW1iZXI7XG59XG5cbi8qKlxuICogSXQgZGlzcGxheXMgZGV0YWlscyBhYm91dCBjb25uZWN0aW9uIGJldHdlZW4gc3RhdGlvbnMuXG4gKlxuICogQHNsb3QgbGVmdCAtIENvbnRlbnQgb2YgdGhlIGxlZnQgc2lkZSBvZiB0aGUgaXRlbVxuICogQHNsb3QgcmlnaHQgLSBDb250ZW50IG9mIHRoZSByaWdodCBzaWRlIG9mIHRoZSBpdGVtXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtJylcbmNsYXNzIFNiYlBlYXJsQ2hhaW5WZXJ0aWNhbEl0ZW1FbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBUaGUgcGVhcmxDaGFpblZlcnRpY2FsSXRlbUF0dHJpYnV0ZXMgUHJvcCBmb3Igc3R5bGluZyB0aGUgYnVsbGV0cyBhbmQgbGluZS4qL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdwZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtLWF0dHJpYnV0ZXMnLCB0eXBlOiBPYmplY3QgfSlcbiAgcHVibGljIGFjY2Vzc29yIHBlYXJsQ2hhaW5WZXJ0aWNhbEl0ZW1BdHRyaWJ1dGVzOiBQZWFybENoYWluVmVydGljYWxJdGVtQXR0cmlidXRlcyA9IG51bGwhO1xuXG4gIC8qKiBJZiB0cnVlLCB0aGUgcG9zaXRpb24gd29uJ3QgYmUgYW5pbWF0ZWQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkaXNhYmxlLWFuaW1hdGlvbicsIHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGRpc2FibGVBbmltYXRpb246IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCB7IGJ1bGxldFR5cGUsIGxpbmVUeXBlLCBsaW5lQ29sb3IsIGhpZGVMaW5lLCBtaW5IZWlnaHQsIGJ1bGxldFNpemUsIHBvc2l0aW9uIH0gPVxuICAgICAgdGhpcy5wZWFybENoYWluVmVydGljYWxJdGVtQXR0cmlidXRlcyB8fCB7fTtcblxuICAgIGNvbnN0IGJ1bGxldFR5cGVDbGFzcyA9XG4gICAgICBwb3NpdGlvbiAmJiBwb3NpdGlvbiA+IDAgJiYgcG9zaXRpb24gPD0gMTAwXG4gICAgICAgID8gJ3NiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19idWxsZXQtLXBhc3QnXG4gICAgICAgIDogYHNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19idWxsZXQtLSR7YnVsbGV0VHlwZX1gO1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2NvbHVtblwiIHN0eWxlPVwiaGVpZ2h0OiAke21pbkhlaWdodH1weDtcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cImxlZnRcIj48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgY2xhc3M9XCJzYmItcGVhcmwtY2hhaW4tdmVydGljYWwtaXRlbV9fY29sdW1uIHNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19jb2x1bW4tLW1pZGRsZVwiXG4gICAgICA+XG4gICAgICAgICR7IWhpZGVMaW5lXG4gICAgICAgICAgPyBodG1sYDxkaXZcbiAgICAgICAgICAgICAgc3R5bGU9XCItLXNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtLWxlZy1zdGF0dXM6JHtwb3NpdGlvbn0lO1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2xpbmUgc2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2xpbmUtLSR7bGluZVR5cGV9IHNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19saW5lLS0ke2xpbmVDb2xvcn1cIlxuICAgICAgICAgICAgPjwvZGl2PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICR7YnVsbGV0VHlwZVxuICAgICAgICAgID8gaHRtbGA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2J1bGxldCAgc2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW1fX2J1bGxldC0tJHtidWxsZXRTaXplfSAke2J1bGxldFR5cGVDbGFzc31cIlxuICAgICAgICAgICAgPjwvZGl2PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICR7cG9zaXRpb24gJiYgcG9zaXRpb24gPiAwXG4gICAgICAgICAgPyBodG1sYDxkaXZcbiAgICAgICAgICAgICAgc3R5bGU9XCItLXNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtLXBvc2l0aW9uOiR7cG9zaXRpb259JTtcIlxuICAgICAgICAgICAgICBjbGFzcz1cInNiYi1wZWFybC1jaGFpbi12ZXJ0aWNhbC1pdGVtX19idWxsZXQtLXBvc2l0aW9uXCJcbiAgICAgICAgICAgID48L2Rpdj5gXG4gICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgPC9kaXY+XG4gICAgICA8c2xvdCBuYW1lPVwicmlnaHRcIj48L3Nsb3Q+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXBlYXJsLWNoYWluLXZlcnRpY2FsLWl0ZW0nOiBTYmJQZWFybENoYWluVmVydGljYWxJdGVt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

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

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

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

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