@sbb-esta/lyne-elements 2.6.0 → 2.7.0

package/development/map-container/map-container.js

@@ -0,0 +1,285 @@
+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 { __runInitializers, __esDecorate } from "tslib";
+import { IntersectionController } from "@lit-labs/observers/intersection-controller.js";
+import { css, LitElement, nothing, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { SbbLanguageController } from "../core/controllers.js";
+import { forceType } from "../core/decorators.js";
+import { forwardEvent } from "../core/eventing.js";
+import { i18nMapContainerButtonLabel } from "../core/i18n.js";
+import "../button/accent-button.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  --sbb-map-container-map-height-zero: 18.4375rem;
+  --sbb-map-container-map-height-small: 20rem;
+  --sbb-map-container-sidebar-width: 25rem;
+  --sbb-map-container-sidebar-background-color: var(--sbb-color-white);
+  --sbb-map-container-border-radius: var(--sbb-border-radius-4x);
+  --sbb-map-container-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-4x)
+  );
+  --sbb-map-container-map-height: calc(
+    var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius)
+  );
+  --sbb-map-container-mobile-sticky-block-start: 0;
+}
+@media (min-width: calc(37.5rem)) {
+  :host {
+    --sbb-map-container-map-height: calc(
+      var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius)
+    );
+  }
+}
+@media (min-width: calc(80rem)) {
+  :host {
+    --sbb-map-container-sidebar-width: 30rem;
+  }
+}
+
+.sbb-map-container {
+  display: grid;
+  grid-template-rows: auto auto;
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-map-container {
+    grid-template-columns: max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));
+    position: fixed;
+    inset: var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0;
+  }
+}
+
+.sbb-map-container__sidebar-button {
+  position: fixed;
+  left: 50%;
+  inset-block-end: var(--sbb-spacing-fixed-5x);
+  visibility: hidden;
+  opacity: 0;
+  transform: translateX(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));
+  transition: opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration), transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing);
+}
+:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button {
+  transition: visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), transform var(--sbb-map-container-animation-duration) ease-out;
+  visibility: visible;
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-map-container__sidebar-button {
+    display: none;
+  }
+}
+
+.sbb-map-container__sidebar {
+  --sbb-scrollbar-thumb-width: 0.5rem;
+  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
+  --sbb-scrollbar-width-firefox: auto;
+  --sbb-scrollbar-color: var(--sbb-color-black-alpha-30);
+  --sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);
+  --sbb-scrollbar-track-color: var(--sbb-color-cloud);
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
+}
+.sbb-map-container__sidebar::-webkit-scrollbar {
+  width: var(--sbb-scrollbar-width);
+  height: var(--sbb-scrollbar-width);
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-corner {
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-thumb {
+  background-color: var(--sbb-scrollbar-color, currentcolor);
+  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
+  border-radius: var(--sbb-border-radius-4x);
+  background-clip: padding-box;
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover {
+  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
+  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-button, .sbb-map-container__sidebar::-webkit-scrollbar-corner {
+  display: none;
+}
+@supports not selector(::-webkit-scrollbar) {
+  .sbb-map-container__sidebar {
+    scrollbar-width: var(--sbb-scrollbar-width-firefox);
+    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
+  }
+}
+.sbb-map-container__sidebar {
+  grid-column: 1/3;
+  grid-row: 2/3;
+  width: 100%;
+  overflow: hidden auto;
+  position: relative;
+  border-start-end-radius: var(--sbb-map-container-border-radius);
+  border-start-start-radius: var(--sbb-map-container-border-radius);
+  margin-block-start: calc(var(--sbb-map-container-border-radius) * -1);
+  background-color: var(--sbb-map-container-sidebar-background-color);
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-map-container__sidebar {
+    grid-column: 1/2;
+    grid-row: 1/3;
+    border-radius: 0;
+    margin-block-start: 0;
+    border-block-start: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);
+  }
+}
+
+.sbb-map-container__map {
+  position: sticky;
+  inset-block-start: 0;
+  inset-inline: 0;
+  grid-row: 1/2;
+  grid-column: 1/3;
+}
+@media (max-width: calc(52.4375rem)) {
+  .sbb-map-container__map {
+    inset-block-start: var(--sbb-map-container-mobile-sticky-block-start);
+    height: var(--sbb-map-container-map-height);
+  }
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-map-container__map {
+    grid-row: 1/3;
+    grid-column: 2/3;
+    position: relative;
+  }
+}`;
+let SbbMapContainerElement = (() => {
+  var _hideScrollUpButton_accessor_storage, __scrollUpButtonVisible_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-map-container")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  let _hideScrollUpButton_decorators;
+  let _hideScrollUpButton_initializers = [];
+  let _hideScrollUpButton_extraInitializers = [];
+  let __scrollUpButtonVisible_decorators;
+  let __scrollUpButtonVisible_initializers = [];
+  let __scrollUpButtonVisible_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _hideScrollUpButton_accessor_storage);
+      __privateAdd(this, __scrollUpButtonVisible_accessor_storage);
+      __privateSet(this, _hideScrollUpButton_accessor_storage, __runInitializers(this, _hideScrollUpButton_initializers, false));
+      __privateSet(this, __scrollUpButtonVisible_accessor_storage, (__runInitializers(this, _hideScrollUpButton_extraInitializers), __runInitializers(this, __scrollUpButtonVisible_initializers, false)));
+      this._language = (__runInitializers(this, __scrollUpButtonVisible_extraInitializers), new SbbLanguageController(this));
+      this._observer = new IntersectionController(this, {
+        target: null,
+        callback: (entries) => this._toggleButtonVisibilityOnIntersect(entries)
+      });
+    }
+    /** Flag to show/hide the scroll up button inside the sidebar on mobile. */
+    get hideScrollUpButton() {
+      return __privateGet(this, _hideScrollUpButton_accessor_storage);
+    }
+    set hideScrollUpButton(value) {
+      __privateSet(this, _hideScrollUpButton_accessor_storage, value);
+    }
+    get _scrollUpButtonVisible() {
+      return __privateGet(this, __scrollUpButtonVisible_accessor_storage);
+    }
+    set _scrollUpButtonVisible(value) {
+      __privateSet(this, __scrollUpButtonVisible_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("hideScrollUpButton")) {
+        const intersectorElement = this._intersector();
+        if (!this.hideScrollUpButton && intersectorElement) {
+          this._observer.observe(intersectorElement);
+        } else if (intersectorElement) {
+          this._observer.unobserve(intersectorElement);
+        }
+      }
+    }
+    firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      if (!this.hideScrollUpButton) {
+        this._observer.observe(this._intersector());
+      }
+    }
+    _intersector() {
+      var _a2;
+      return ((_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector("#intersector")) ?? null;
+    }
+    /**
+     * Button click callback to trigger the scroll to container top
+     * @private
+     */
+    _onScrollButtonClick() {
+      this.scrollIntoView({ behavior: "smooth" });
+    }
+    /**
+     * Intersection callback. Toggles the visibility.
+     * @param entries
+     * @private
+     */
+    _toggleButtonVisibilityOnIntersect(entries) {
+      entries.forEach((entry) => {
+        const mapIsHidden = !entry.isIntersecting;
+        this.toggleAttribute("data-scroll-up-button-visible", mapIsHidden);
+        this._scrollUpButtonVisible = mapIsHidden;
+      });
+    }
+    render() {
+      return html`
+      <div class="sbb-map-container">
+        <div class="sbb-map-container__map">
+          <slot name="map"></slot>
+        </div>
+        <div class="sbb-map-container__sidebar" @scroll=${(e) => forwardEvent(e, document)}>
+          <span id="intersector"></span>
+
+          <slot></slot>
+
+          ${!this.hideScrollUpButton ? html`<sbb-accent-button
+                class="sbb-map-container__sidebar-button"
+                size="l"
+                icon-name="location-pin-map-small"
+                type="button"
+                @click=${() => this._onScrollButtonClick()}
+                ?inert=${!this._scrollUpButtonVisible}
+              >
+                ${i18nMapContainerButtonLabel[this._language.current]}
+              </sbb-accent-button>` : nothing}
+        </div>
+      </div>
+    `;
+    }
+  }, _hideScrollUpButton_accessor_storage = new WeakMap(), __scrollUpButtonVisible_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _hideScrollUpButton_decorators = [forceType(), property({ attribute: "hide-scroll-up-button", reflect: true, type: Boolean })];
+    __scrollUpButtonVisible_decorators = [state()];
+    __esDecorate(_a, null, _hideScrollUpButton_decorators, { kind: "accessor", name: "hideScrollUpButton", static: false, private: false, access: { has: (obj) => "hideScrollUpButton" in obj, get: (obj) => obj.hideScrollUpButton, set: (obj, value) => {
+      obj.hideScrollUpButton = value;
+    } }, metadata: _metadata }, _hideScrollUpButton_initializers, _hideScrollUpButton_extraInitializers);
+    __esDecorate(_a, null, __scrollUpButtonVisible_decorators, { kind: "accessor", name: "_scrollUpButtonVisible", static: false, private: false, access: { has: (obj) => "_scrollUpButtonVisible" in obj, get: (obj) => obj._scrollUpButtonVisible, set: (obj, value) => {
+      obj._scrollUpButtonVisible = value;
+    } }, metadata: _metadata }, __scrollUpButtonVisible_initializers, __scrollUpButtonVisible_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 {
+  SbbMapContainerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL21hcC1jb250YWluZXIvbWFwLWNvbnRhaW5lci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnRlcnNlY3Rpb25Db250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9pbnRlcnNlY3Rpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCwgbm90aGluZyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGZvcndhcmRFdmVudCB9IGZyb20gJy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgaTE4bk1hcENvbnRhaW5lckJ1dHRvbkxhYmVsIH0gZnJvbSAnLi4vY29yZS9pMThuLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbWFwLWNvbnRhaW5lci5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uL2J1dHRvbi9hY2NlbnQtYnV0dG9uLmpzJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3IgbWFwcy5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBzaWRlYmFyLlxuICogQHNsb3QgbWFwIC0gVXNlZCBmb3Igc2xvdHRpbmcgdGhlIG1hcC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tYXAtY29udGFpbmVyLW1hcmdpbi1zdGFydD12YXIoLS1zYmItaGVhZGVyLWhlaWdodCldIC0gVGhlIGNvbXBvbmVudFxuICogY29tZXMgYWxvbmcgd2l0aCBhIGhlaWdodCBjYWxjdWxhdGlvbiB0aGF0IHN1YnRyYWN0cyB0aGUgaGVpZ2h0IG9mIHRoZSBoZWFkZXIuXG4gKiBGb3Igc3BlY2lmaWMgdXNlIGNhc2VzLCB0aGlzIHZhcmlhYmxlIGNhbiBiZSB1c2VkIHRvIG1vZGlmeSB0aGUgcHJlc2V0IGhlaWdodC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tYXAtY29udGFpbmVyLXNpZGViYXItd2lkdGg9emVyby1sYXJnZTo0MDBweDt3aWRlLXVsdHJhOjQ4MHB4XSAtIENhbiBiZSB1c2VkXG4gKiB0byBtb2RpZnkgdGhlIHdpZHRoIG9mIHRoZSBsZWZ0IHNpZGViYXIuXG4gKiBAY3NzcHJvcCBbLS1zYmItbWFwLWNvbnRhaW5lci1tb2JpbGUtc3RpY2t5LWJsb2NrLXN0YXJ0PTBdIC0gSWYgZS5nLiBhIGhlYWRlciB3aXRoIGEgZml4ZWQgaGVpZ2h0XG4gKiBpcyBwbGFjZWQgYmVmb3JlIHRoZSBtYXAtY29udGFpbmVyLCB0aGUgbWFwIHNob3VsZCBiZSBzdGlja3kgcmVzcGVjdGluZ1xuICogdGhpcyBvZmZzZXQgZnJvbSB0aGUgZG9jdW1lbnQncyB0b3AuIE9ubHkgYXBwbGllZCBvbiBtb2JpbGUgdmlld3MuXG4gKiBNb3N0IGNvbW1vbmx5IGl0IGNhbiBiZSBzZXQgdG8gYHZhcigtLXNiYi1oZWFkZXItaGVpZ2h0KWAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1tYXAtY29udGFpbmVyJylcbmNsYXNzIFNiYk1hcENvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIEZsYWcgdG8gc2hvdy9oaWRlIHRoZSBzY3JvbGwgdXAgYnV0dG9uIGluc2lkZSB0aGUgc2lkZWJhciBvbiBtb2JpbGUuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdoaWRlLXNjcm9sbC11cC1idXR0b24nLCByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBoaWRlU2Nyb2xsVXBCdXR0b246IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9zY3JvbGxVcEJ1dHRvblZpc2libGUgPSBmYWxzZTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX29ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBjYWxsYmFjazogKGVudHJpZXMpID0+IHRoaXMuX3RvZ2dsZUJ1dHRvblZpc2liaWxpdHlPbkludGVyc2VjdChlbnRyaWVzKSxcbiAgfSk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdoaWRlU2Nyb2xsVXBCdXR0b24nKSkge1xuICAgICAgY29uc3QgaW50ZXJzZWN0b3JFbGVtZW50ID0gdGhpcy5faW50ZXJzZWN0b3IoKTtcblxuICAgICAgaWYgKCF0aGlzLmhpZGVTY3JvbGxVcEJ1dHRvbiAmJiBpbnRlcnNlY3RvckVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZShpbnRlcnNlY3RvckVsZW1lbnQpO1xuICAgICAgfSBlbHNlIGlmIChpbnRlcnNlY3RvckVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5fb2JzZXJ2ZXIudW5vYnNlcnZlKGludGVyc2VjdG9yRWxlbWVudCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmICghdGhpcy5oaWRlU2Nyb2xsVXBCdXR0b24pIHtcbiAgICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUodGhpcy5faW50ZXJzZWN0b3IoKSEpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2ludGVyc2VjdG9yKCk6IEhUTUxFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcignI2ludGVyc2VjdG9yJykgPz8gbnVsbDtcbiAgfVxuXG4gIC8qKlxuICAgKiBCdXR0b24gY2xpY2sgY2FsbGJhY2sgdG8gdHJpZ2dlciB0aGUgc2Nyb2xsIHRvIGNvbnRhaW5lciB0b3BcbiAgICogQHByaXZhdGVcbiAgICovXG4gIHByaXZhdGUgX29uU2Nyb2xsQnV0dG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBJbnRlcnNlY3Rpb24gY2FsbGJhY2suIFRvZ2dsZXMgdGhlIHZpc2liaWxpdHkuXG4gICAqIEBwYXJhbSBlbnRyaWVzXG4gICAqIEBwcml2YXRlXG4gICAqL1xuICBwcml2YXRlIF90b2dnbGVCdXR0b25WaXNpYmlsaXR5T25JbnRlcnNlY3QoZW50cmllczogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdKTogdm9pZCB7XG4gICAgZW50cmllcy5mb3JFYWNoKChlbnRyeSkgPT4ge1xuICAgICAgY29uc3QgbWFwSXNIaWRkZW4gPSAhZW50cnkuaXNJbnRlcnNlY3Rpbmc7XG4gICAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1zY3JvbGwtdXAtYnV0dG9uLXZpc2libGUnLCBtYXBJc0hpZGRlbik7XG4gICAgICB0aGlzLl9zY3JvbGxVcEJ1dHRvblZpc2libGUgPSBtYXBJc0hpZGRlbjtcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lcl9fbWFwXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cIm1hcFwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lcl9fc2lkZWJhclwiIEBzY3JvbGw9JHsoZTogRXZlbnQpID0+IGZvcndhcmRFdmVudChlLCBkb2N1bWVudCl9PlxuICAgICAgICAgIDxzcGFuIGlkPVwiaW50ZXJzZWN0b3JcIj48L3NwYW4+XG5cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG5cbiAgICAgICAgICAkeyF0aGlzLmhpZGVTY3JvbGxVcEJ1dHRvblxuICAgICAgICAgICAgPyBodG1sYDxzYmItYWNjZW50LWJ1dHRvblxuICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLW1hcC1jb250YWluZXJfX3NpZGViYXItYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBzaXplPVwibFwiXG4gICAgICAgICAgICAgICAgaWNvbi1uYW1lPVwibG9jYXRpb24tcGluLW1hcC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5fb25TY3JvbGxCdXR0b25DbGljaygpfVxuICAgICAgICAgICAgICAgID9pbmVydD0keyF0aGlzLl9zY3JvbGxVcEJ1dHRvblZpc2libGV9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAke2kxOG5NYXBDb250YWluZXJCdXR0b25MYWJlbFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgPC9zYmItYWNjZW50LWJ1dHRvbj5gXG4gICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW1hcC1jb250YWluZXInOiBTYmJNYXBDb250YWluZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBK0JNLDBCQUFzQixNQUFBOzswQkFEM0IsY0FBYyxtQkFBbUIsQ0FBQzs7OztvQkFDRTs7Ozs7OztBQUFSLEVBQUEsbUJBQVEsWUFBVTtBQUFBOztBQU03QztBQUVTO0FBRk8seUJBQUEsc0NBQUEsa0JBQUEsTUFBQSxrQ0FBOEIsS0FBSztBQUV6Qix5QkFBQSwyQ0FBQSxrQkFBQSxNQUFBLHFDQUFBLEdBQUEsa0JBQUEsTUFBQSxzQ0FBeUIsS0FBSztBQUVoRCxXQUFBLGlGQUFZLElBQUksc0JBQXNCLElBQUk7QUFDMUMsV0FBQSxZQUFZLElBQUksdUJBQXVCLE1BQU07QUFBQSxRQUNuRCxRQUFRO0FBQUEsUUFDUixVQUFVLENBQUMsWUFBWSxLQUFLLG1DQUFtQyxPQUFPO0FBQUEsTUFBQSxD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

package/development/map-container.d.ts

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

package/development/map-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../src/elements/map-container.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../src/elements/map-container.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kCAAkC,CAAC"}

package/development/map-container.js

@@ -1,285 +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 { __runInitializers, __esDecorate } from "tslib";
-import { IntersectionController } from "@lit-labs/observers/intersection-controller.js";
-import { css, LitElement, nothing, html } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { SbbLanguageController } from "./core/controllers.js";
-import { forceType } from "./core/decorators.js";
-import { forwardEvent } from "./core/eventing.js";
-import { i18nMapContainerButtonLabel } from "./core/i18n.js";
-import "./button/accent-button.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  display: block;
-  --sbb-map-container-map-height-zero: 18.4375rem;
-  --sbb-map-container-map-height-small: 20rem;
-  --sbb-map-container-sidebar-width: 25rem;
-  --sbb-map-container-sidebar-background-color: var(--sbb-color-white);
-  --sbb-map-container-border-radius: var(--sbb-border-radius-4x);
-  --sbb-map-container-animation-duration: var(
-    --sbb-disable-animation-duration,
-    var(--sbb-animation-duration-4x)
-  );
-  --sbb-map-container-map-height: calc(
-    var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius)
-  );
-  --sbb-map-container-mobile-sticky-block-start: 0;
-}
-@media (min-width: calc(37.5rem)) {
-  :host {
-    --sbb-map-container-map-height: calc(
-      var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius)
-    );
-  }
-}
-@media (min-width: calc(80rem)) {
-  :host {
-    --sbb-map-container-sidebar-width: 30rem;
-  }
-}
-
-.sbb-map-container {
-  display: grid;
-  grid-template-rows: auto auto;
-}
-@media (min-width: calc(52.5rem)) {
-  .sbb-map-container {
-    grid-template-columns: max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));
-    position: fixed;
-    inset: var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0;
-  }
-}
-
-.sbb-map-container__sidebar-button {
-  position: fixed;
-  left: 50%;
-  inset-block-end: var(--sbb-spacing-fixed-5x);
-  visibility: hidden;
-  opacity: 0;
-  transform: translateX(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));
-  transition: opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration), transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing);
-}
-:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button {
-  transition: visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), transform var(--sbb-map-container-animation-duration) ease-out;
-  visibility: visible;
-  opacity: 1;
-  transform: translateX(-50%) translateY(0);
-}
-@media (min-width: calc(52.5rem)) {
-  .sbb-map-container__sidebar-button {
-    display: none;
-  }
-}
-
-.sbb-map-container__sidebar {
-  --sbb-scrollbar-thumb-width: 0.5rem;
-  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
-  --sbb-scrollbar-width-firefox: auto;
-  --sbb-scrollbar-color: var(--sbb-color-black-alpha-30);
-  --sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);
-  --sbb-scrollbar-track-color: var(--sbb-color-cloud);
-  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
-}
-.sbb-map-container__sidebar::-webkit-scrollbar {
-  width: var(--sbb-scrollbar-width);
-  height: var(--sbb-scrollbar-width);
-  background-color: var(--sbb-scrollbar-track-color, transparent);
-}
-.sbb-map-container__sidebar::-webkit-scrollbar-corner {
-  background-color: var(--sbb-scrollbar-track-color, transparent);
-}
-.sbb-map-container__sidebar::-webkit-scrollbar-thumb {
-  background-color: var(--sbb-scrollbar-color, currentcolor);
-  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
-  border-radius: var(--sbb-border-radius-4x);
-  background-clip: padding-box;
-}
-.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover {
-  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
-  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
-}
-.sbb-map-container__sidebar::-webkit-scrollbar-button, .sbb-map-container__sidebar::-webkit-scrollbar-corner {
-  display: none;
-}
-@supports not selector(::-webkit-scrollbar) {
-  .sbb-map-container__sidebar {
-    scrollbar-width: var(--sbb-scrollbar-width-firefox);
-    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
-  }
-}
-.sbb-map-container__sidebar {
-  grid-column: 1/3;
-  grid-row: 2/3;
-  width: 100%;
-  overflow: hidden auto;
-  position: relative;
-  border-start-end-radius: var(--sbb-map-container-border-radius);
-  border-start-start-radius: var(--sbb-map-container-border-radius);
-  margin-block-start: calc(var(--sbb-map-container-border-radius) * -1);
-  background-color: var(--sbb-map-container-sidebar-background-color);
-}
-@media (min-width: calc(52.5rem)) {
-  .sbb-map-container__sidebar {
-    grid-column: 1/2;
-    grid-row: 1/3;
-    border-radius: 0;
-    margin-block-start: 0;
-    border-block-start: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);
-  }
-}
-
-.sbb-map-container__map {
-  position: sticky;
-  inset-block-start: 0;
-  inset-inline: 0;
-  grid-row: 1/2;
-  grid-column: 1/3;
-}
-@media (max-width: calc(52.4375rem)) {
-  .sbb-map-container__map {
-    inset-block-start: var(--sbb-map-container-mobile-sticky-block-start);
-    height: var(--sbb-map-container-map-height);
-  }
-}
-@media (min-width: calc(52.5rem)) {
-  .sbb-map-container__map {
-    grid-row: 1/3;
-    grid-column: 2/3;
-    position: relative;
-  }
-}`;
-let SbbMapContainerElement = (() => {
-  var _hideScrollUpButton_accessor_storage, __scrollUpButtonVisible_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-map-container")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = LitElement;
-  let _hideScrollUpButton_decorators;
-  let _hideScrollUpButton_initializers = [];
-  let _hideScrollUpButton_extraInitializers = [];
-  let __scrollUpButtonVisible_decorators;
-  let __scrollUpButtonVisible_initializers = [];
-  let __scrollUpButtonVisible_extraInitializers = [];
-  _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _hideScrollUpButton_accessor_storage);
-      __privateAdd(this, __scrollUpButtonVisible_accessor_storage);
-      __privateSet(this, _hideScrollUpButton_accessor_storage, __runInitializers(this, _hideScrollUpButton_initializers, false));
-      __privateSet(this, __scrollUpButtonVisible_accessor_storage, (__runInitializers(this, _hideScrollUpButton_extraInitializers), __runInitializers(this, __scrollUpButtonVisible_initializers, false)));
-      this._language = (__runInitializers(this, __scrollUpButtonVisible_extraInitializers), new SbbLanguageController(this));
-      this._observer = new IntersectionController(this, {
-        target: null,
-        callback: (entries) => this._toggleButtonVisibilityOnIntersect(entries)
-      });
-    }
-    /** Flag to show/hide the scroll up button inside the sidebar on mobile. */
-    get hideScrollUpButton() {
-      return __privateGet(this, _hideScrollUpButton_accessor_storage);
-    }
-    set hideScrollUpButton(value) {
-      __privateSet(this, _hideScrollUpButton_accessor_storage, value);
-    }
-    get _scrollUpButtonVisible() {
-      return __privateGet(this, __scrollUpButtonVisible_accessor_storage);
-    }
-    set _scrollUpButtonVisible(value) {
-      __privateSet(this, __scrollUpButtonVisible_accessor_storage, value);
-    }
-    willUpdate(changedProperties) {
-      super.willUpdate(changedProperties);
-      if (changedProperties.has("hideScrollUpButton")) {
-        const intersectorElement = this._intersector();
-        if (!this.hideScrollUpButton && intersectorElement) {
-          this._observer.observe(intersectorElement);
-        } else if (intersectorElement) {
-          this._observer.unobserve(intersectorElement);
-        }
-      }
-    }
-    firstUpdated(changedProperties) {
-      super.firstUpdated(changedProperties);
-      if (!this.hideScrollUpButton) {
-        this._observer.observe(this._intersector());
-      }
-    }
-    _intersector() {
-      var _a2;
-      return ((_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector("#intersector")) ?? null;
-    }
-    /**
-     * Button click callback to trigger the scroll to container top
-     * @private
-     */
-    _onScrollButtonClick() {
-      this.scrollIntoView({ behavior: "smooth" });
-    }
-    /**
-     * Intersection callback. Toggles the visibility.
-     * @param entries
-     * @private
-     */
-    _toggleButtonVisibilityOnIntersect(entries) {
-      entries.forEach((entry) => {
-        const mapIsHidden = !entry.isIntersecting;
-        this.toggleAttribute("data-scroll-up-button-visible", mapIsHidden);
-        this._scrollUpButtonVisible = mapIsHidden;
-      });
-    }
-    render() {
-      return html`
-      <div class="sbb-map-container">
-        <div class="sbb-map-container__map">
-          <slot name="map"></slot>
-        </div>
-        <div class="sbb-map-container__sidebar" @scroll=${(e) => forwardEvent(e, document)}>
-          <span id="intersector"></span>
-
-          <slot></slot>
-
-          ${!this.hideScrollUpButton ? html`<sbb-accent-button
-                class="sbb-map-container__sidebar-button"
-                size="l"
-                icon-name="location-pin-map-small"
-                type="button"
-                @click=${() => this._onScrollButtonClick()}
-                ?inert=${!this._scrollUpButtonVisible}
-              >
-                ${i18nMapContainerButtonLabel[this._language.current]}
-              </sbb-accent-button>` : nothing}
-        </div>
-      </div>
-    `;
-    }
-  }, _hideScrollUpButton_accessor_storage = new WeakMap(), __scrollUpButtonVisible_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _hideScrollUpButton_decorators = [forceType(), property({ attribute: "hide-scroll-up-button", reflect: true, type: Boolean })];
-    __scrollUpButtonVisible_decorators = [state()];
-    __esDecorate(_a, null, _hideScrollUpButton_decorators, { kind: "accessor", name: "hideScrollUpButton", static: false, private: false, access: { has: (obj) => "hideScrollUpButton" in obj, get: (obj) => obj.hideScrollUpButton, set: (obj, value) => {
-      obj.hideScrollUpButton = value;
-    } }, metadata: _metadata }, _hideScrollUpButton_initializers, _hideScrollUpButton_extraInitializers);
-    __esDecorate(_a, null, __scrollUpButtonVisible_decorators, { kind: "accessor", name: "_scrollUpButtonVisible", static: false, private: false, access: { has: (obj) => "_scrollUpButtonVisible" in obj, get: (obj) => obj._scrollUpButtonVisible, set: (obj, value) => {
-      obj._scrollUpButtonVisible = value;
-    } }, metadata: _metadata }, __scrollUpButtonVisible_initializers, __scrollUpButtonVisible_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 { SbbMapContainerElement } from "./map-container/map-container.js";
 export {
   SbbMapContainerElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL21hcC1jb250YWluZXIvbWFwLWNvbnRhaW5lci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnRlcnNlY3Rpb25Db250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9pbnRlcnNlY3Rpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCwgbm90aGluZyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGZvcndhcmRFdmVudCB9IGZyb20gJy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgaTE4bk1hcENvbnRhaW5lckJ1dHRvbkxhYmVsIH0gZnJvbSAnLi4vY29yZS9pMThuLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbWFwLWNvbnRhaW5lci5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uL2J1dHRvbi9hY2NlbnQtYnV0dG9uLmpzJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3IgbWFwcy5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBzaWRlYmFyLlxuICogQHNsb3QgbWFwIC0gVXNlZCBmb3Igc2xvdHRpbmcgdGhlIG1hcC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tYXAtY29udGFpbmVyLW1hcmdpbi1zdGFydD12YXIoLS1zYmItaGVhZGVyLWhlaWdodCldIC0gVGhlIGNvbXBvbmVudFxuICogY29tZXMgYWxvbmcgd2l0aCBhIGhlaWdodCBjYWxjdWxhdGlvbiB0aGF0IHN1YnRyYWN0cyB0aGUgaGVpZ2h0IG9mIHRoZSBoZWFkZXIuXG4gKiBGb3Igc3BlY2lmaWMgdXNlIGNhc2VzLCB0aGlzIHZhcmlhYmxlIGNhbiBiZSB1c2VkIHRvIG1vZGlmeSB0aGUgcHJlc2V0IGhlaWdodC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tYXAtY29udGFpbmVyLXNpZGViYXItd2lkdGg9emVyby1sYXJnZTo0MDBweDt3aWRlLXVsdHJhOjQ4MHB4XSAtIENhbiBiZSB1c2VkXG4gKiB0byBtb2RpZnkgdGhlIHdpZHRoIG9mIHRoZSBsZWZ0IHNpZGViYXIuXG4gKiBAY3NzcHJvcCBbLS1zYmItbWFwLWNvbnRhaW5lci1tb2JpbGUtc3RpY2t5LWJsb2NrLXN0YXJ0PTBdIC0gSWYgZS5nLiBhIGhlYWRlciB3aXRoIGEgZml4ZWQgaGVpZ2h0XG4gKiBpcyBwbGFjZWQgYmVmb3JlIHRoZSBtYXAtY29udGFpbmVyLCB0aGUgbWFwIHNob3VsZCBiZSBzdGlja3kgcmVzcGVjdGluZ1xuICogdGhpcyBvZmZzZXQgZnJvbSB0aGUgZG9jdW1lbnQncyB0b3AuIE9ubHkgYXBwbGllZCBvbiBtb2JpbGUgdmlld3MuXG4gKiBNb3N0IGNvbW1vbmx5IGl0IGNhbiBiZSBzZXQgdG8gYHZhcigtLXNiYi1oZWFkZXItaGVpZ2h0KWAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1tYXAtY29udGFpbmVyJylcbmNsYXNzIFNiYk1hcENvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIEZsYWcgdG8gc2hvdy9oaWRlIHRoZSBzY3JvbGwgdXAgYnV0dG9uIGluc2lkZSB0aGUgc2lkZWJhciBvbiBtb2JpbGUuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdoaWRlLXNjcm9sbC11cC1idXR0b24nLCByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBoaWRlU2Nyb2xsVXBCdXR0b246IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9zY3JvbGxVcEJ1dHRvblZpc2libGUgPSBmYWxzZTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX29ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBjYWxsYmFjazogKGVudHJpZXMpID0+IHRoaXMuX3RvZ2dsZUJ1dHRvblZpc2liaWxpdHlPbkludGVyc2VjdChlbnRyaWVzKSxcbiAgfSk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdoaWRlU2Nyb2xsVXBCdXR0b24nKSkge1xuICAgICAgY29uc3QgaW50ZXJzZWN0b3JFbGVtZW50ID0gdGhpcy5faW50ZXJzZWN0b3IoKTtcblxuICAgICAgaWYgKCF0aGlzLmhpZGVTY3JvbGxVcEJ1dHRvbiAmJiBpbnRlcnNlY3RvckVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZShpbnRlcnNlY3RvckVsZW1lbnQpO1xuICAgICAgfSBlbHNlIGlmIChpbnRlcnNlY3RvckVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5fb2JzZXJ2ZXIudW5vYnNlcnZlKGludGVyc2VjdG9yRWxlbWVudCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmICghdGhpcy5oaWRlU2Nyb2xsVXBCdXR0b24pIHtcbiAgICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUodGhpcy5faW50ZXJzZWN0b3IoKSEpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2ludGVyc2VjdG9yKCk6IEhUTUxFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcignI2ludGVyc2VjdG9yJykgPz8gbnVsbDtcbiAgfVxuXG4gIC8qKlxuICAgKiBCdXR0b24gY2xpY2sgY2FsbGJhY2sgdG8gdHJpZ2dlciB0aGUgc2Nyb2xsIHRvIGNvbnRhaW5lciB0b3BcbiAgICogQHByaXZhdGVcbiAgICovXG4gIHByaXZhdGUgX29uU2Nyb2xsQnV0dG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBJbnRlcnNlY3Rpb24gY2FsbGJhY2suIFRvZ2dsZXMgdGhlIHZpc2liaWxpdHkuXG4gICAqIEBwYXJhbSBlbnRyaWVzXG4gICAqIEBwcml2YXRlXG4gICAqL1xuICBwcml2YXRlIF90b2dnbGVCdXR0b25WaXNpYmlsaXR5T25JbnRlcnNlY3QoZW50cmllczogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdKTogdm9pZCB7XG4gICAgZW50cmllcy5mb3JFYWNoKChlbnRyeSkgPT4ge1xuICAgICAgY29uc3QgbWFwSXNIaWRkZW4gPSAhZW50cnkuaXNJbnRlcnNlY3Rpbmc7XG4gICAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1zY3JvbGwtdXAtYnV0dG9uLXZpc2libGUnLCBtYXBJc0hpZGRlbik7XG4gICAgICB0aGlzLl9zY3JvbGxVcEJ1dHRvblZpc2libGUgPSBtYXBJc0hpZGRlbjtcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lcl9fbWFwXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cIm1hcFwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lcl9fc2lkZWJhclwiIEBzY3JvbGw9JHsoZTogRXZlbnQpID0+IGZvcndhcmRFdmVudChlLCBkb2N1bWVudCl9PlxuICAgICAgICAgIDxzcGFuIGlkPVwiaW50ZXJzZWN0b3JcIj48L3NwYW4+XG5cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG5cbiAgICAgICAgICAkeyF0aGlzLmhpZGVTY3JvbGxVcEJ1dHRvblxuICAgICAgICAgICAgPyBodG1sYDxzYmItYWNjZW50LWJ1dHRvblxuICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLW1hcC1jb250YWluZXJfX3NpZGViYXItYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBzaXplPVwibFwiXG4gICAgICAgICAgICAgICAgaWNvbi1uYW1lPVwibG9jYXRpb24tcGluLW1hcC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5fb25TY3JvbGxCdXR0b25DbGljaygpfVxuICAgICAgICAgICAgICAgID9pbmVydD0keyF0aGlzLl9zY3JvbGxVcEJ1dHRvblZpc2libGV9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAke2kxOG5NYXBDb250YWluZXJCdXR0b25MYWJlbFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgPC9zYmItYWNjZW50LWJ1dHRvbj5gXG4gICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW1hcC1jb250YWluZXInOiBTYmJNYXBDb250YWluZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBK0JNLDBCQUFzQixNQUFBOzswQkFEM0IsY0FBYyxtQkFBbUIsQ0FBQzs7OztvQkFDRTs7Ozs7OztBQUFSLEVBQUEsbUJBQVEsWUFBVTtBQUFBOztBQU03QztBQUVTO0FBRk8seUJBQUEsc0NBQUEsa0JBQUEsTUFBQSxrQ0FBOEIsS0FBSztBQUV6Qix5QkFBQSwyQ0FBQSxrQkFBQSxNQUFBLHFDQUFBLEdBQUEsa0JBQUEsTUFBQSxzQ0FBeUIsS0FBSztBQUVoRCxXQUFBLGlGQUFZLElBQUksc0JBQXNCLElBQUk7QUFDMUMsV0FBQSxZQUFZLElBQUksdUJBQXVCLE1BQU07QUFBQSxRQUNuRCxRQUFRO0FBQUEsUUFDUixVQUFVLENBQUMsWUFBWSxLQUFLLG1DQUFtQyxPQUFPO0FBQUEsTUFBQSxDQUN2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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=