@sbb-esta/lyne-elements-experimental 3.1.0 → 3.3.0

package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js

@@ -1,14 +1,6 @@
-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, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { customElement } from "lit/decorators.js";
 const style = css`*,
 ::before,
 ::after {
@@ -16,173 +8,27 @@ const style = css`*,
 }
 
 :host {
+  --sbb-seat-reservation-scoped-width: 0;
+  --sbb-seat-reservation-scoped-height: 0;
   display: block;
 }
-:host .coach-border,
-:host .coach-wrapper,
-:host .graphical-element {
-  width: var(--sbb-seat-reservation-scoped-width);
-  height: var(--sbb-seat-reservation-scoped-height);
-  inset-block-start: var(--sbb-seat-reservation-scoped-inset-block-start);
-  inset-inline-start: var(--sbb-seat-reservation-scoped-inset-inline-start);
-  z-index: var(--sbb-seat-reservation-scoped-z-index);
-}
-:host .coach-border,
-:host .graphical-element ::slotted(*),
-:host .graphical-element {
-  position: absolute;
-}
-:host .coach-border {
-  z-index: 0;
+:host .scoped-element {
+  width: calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));
+  height: calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));
 }`;
 let SbbSeatReservationScopedElement = (() => {
-  var _insetBlockStart_accessor_storage, _insetInlineStart_accessor_storage, _width_accessor_storage, _height_accessor_storage, _zIndex_accessor_storage, _cellId_accessor_storage, _scopedClasses_accessor_storage, _a;
+  var _a;
   let _classDecorators = [customElement("sbb-seat-reservation-scoped")];
   let _classDescriptor;
   let _classExtraInitializers = [];
   let _classThis;
   let _classSuper = LitElement;
-  let _insetBlockStart_decorators;
-  let _insetBlockStart_initializers = [];
-  let _insetBlockStart_extraInitializers = [];
-  let _insetInlineStart_decorators;
-  let _insetInlineStart_initializers = [];
-  let _insetInlineStart_extraInitializers = [];
-  let _width_decorators;
-  let _width_initializers = [];
-  let _width_extraInitializers = [];
-  let _height_decorators;
-  let _height_initializers = [];
-  let _height_extraInitializers = [];
-  let _zIndex_decorators;
-  let _zIndex_initializers = [];
-  let _zIndex_extraInitializers = [];
-  let _cellId_decorators;
-  let _cellId_initializers = [];
-  let _cellId_extraInitializers = [];
-  let _scopedClasses_decorators;
-  let _scopedClasses_initializers = [];
-  let _scopedClasses_extraInitializers = [];
   _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _insetBlockStart_accessor_storage, __runInitializers(this, _insetBlockStart_initializers, ""));
-      __privateAdd(this, _insetInlineStart_accessor_storage, (__runInitializers(this, _insetBlockStart_extraInitializers), __runInitializers(this, _insetInlineStart_initializers, "")));
-      __privateAdd(this, _width_accessor_storage, (__runInitializers(this, _insetInlineStart_extraInitializers), __runInitializers(this, _width_initializers, "")));
-      __privateAdd(this, _height_accessor_storage, (__runInitializers(this, _width_extraInitializers), __runInitializers(this, _height_initializers, "")));
-      __privateAdd(this, _zIndex_accessor_storage, (__runInitializers(this, _height_extraInitializers), __runInitializers(this, _zIndex_initializers, "")));
-      __privateAdd(this, _cellId_accessor_storage, (__runInitializers(this, _zIndex_extraInitializers), __runInitializers(this, _cellId_initializers, "")));
-      __privateAdd(this, _scopedClasses_accessor_storage, (__runInitializers(this, _cellId_extraInitializers), __runInitializers(this, _scopedClasses_initializers, "")));
-      __runInitializers(this, _scopedClasses_extraInitializers);
-    }
-    /** Inset block start in pixels (without unit) */
-    get insetBlockStart() {
-      return __privateGet(this, _insetBlockStart_accessor_storage);
-    }
-    set insetBlockStart(value) {
-      __privateSet(this, _insetBlockStart_accessor_storage, value);
-    }
-    /** Inset inline start in pixels (without unit) */
-    get insetInlineStart() {
-      return __privateGet(this, _insetInlineStart_accessor_storage);
-    }
-    set insetInlineStart(value) {
-      __privateSet(this, _insetInlineStart_accessor_storage, value);
-    }
-    /** Width of the scoped element in pixels (without unit) */
-    get width() {
-      return __privateGet(this, _width_accessor_storage);
-    }
-    set width(value) {
-      __privateSet(this, _width_accessor_storage, value);
-    }
-    /** Height of the scoped element in pixels (without unit) */
-    get height() {
-      return __privateGet(this, _height_accessor_storage);
-    }
-    set height(value) {
-      __privateSet(this, _height_accessor_storage, value);
-    }
-    /** Z-index of the scoped element */
-    get zIndex() {
-      return __privateGet(this, _zIndex_accessor_storage);
-    }
-    set zIndex(value) {
-      __privateSet(this, _zIndex_accessor_storage, value);
-    }
-    /** Cell id of the scoped element, if it is used in a table */
-    get cellId() {
-      return __privateGet(this, _cellId_accessor_storage);
-    }
-    set cellId(value) {
-      __privateSet(this, _cellId_accessor_storage, value);
-    }
-    /** Scoped classes for the scoped element */
-    get scopedClasses() {
-      return __privateGet(this, _scopedClasses_accessor_storage);
-    }
-    set scopedClasses(value) {
-      __privateSet(this, _scopedClasses_accessor_storage, value);
-    }
-    willUpdate(_changedProperties) {
-      super.willUpdate(_changedProperties);
-      if (_changedProperties.has("width")) {
-        this.style?.setProperty("--sbb-seat-reservation-scoped-width", `${this.width}`);
-      }
-      if (_changedProperties.has("height")) {
-        this.style?.setProperty("--sbb-seat-reservation-scoped-height", `${this.height}`);
-      }
-      if (_changedProperties.has("insetBlockStart")) {
-        this.style?.setProperty("--sbb-seat-reservation-scoped-inset-block-start", `${this.insetBlockStart}`);
-      }
-      if (_changedProperties.has("insetInlineStart")) {
-        this.style?.setProperty("--sbb-seat-reservation-scoped-inset-inline-start", `${this.insetInlineStart}`);
-      }
-      if (_changedProperties.has("zIndex")) {
-        this.style?.setProperty("--sbb-seat-reservation-scoped-z-index", `${this.zIndex}`);
-      }
-    }
     render() {
-      if (!this.cellId) {
-        return html`<div class="${this.scopedClasses}">
-        <slot></slot>
-      </div>`;
-      } else {
-        return html`<td id="${this.cellId}" class="${this.scopedClasses}">
-        <slot></slot>
-      </td>`;
-      }
+      return html`<div class="scoped-element"><slot></slot></div>`;
     }
-  }, _insetBlockStart_accessor_storage = new WeakMap(), _insetInlineStart_accessor_storage = new WeakMap(), _width_accessor_storage = new WeakMap(), _height_accessor_storage = new WeakMap(), _zIndex_accessor_storage = new WeakMap(), _cellId_accessor_storage = new WeakMap(), _scopedClasses_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+  }, _classThis = _a, (() => {
     const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _insetBlockStart_decorators = [forceType(), property({ attribute: "inset-block-start" })];
-    _insetInlineStart_decorators = [forceType(), property({ attribute: "inset-inline-start" })];
-    _width_decorators = [forceType(), property({ attribute: "width" })];
-    _height_decorators = [forceType(), property({ attribute: "height" })];
-    _zIndex_decorators = [forceType(), property({ attribute: "z-index" })];
-    _cellId_decorators = [forceType(), property({ attribute: "cell-id" })];
-    _scopedClasses_decorators = [forceType(), property({ attribute: "scoped-classes" })];
-    __esDecorate(_a, null, _insetBlockStart_decorators, { kind: "accessor", name: "insetBlockStart", static: false, private: false, access: { has: (obj) => "insetBlockStart" in obj, get: (obj) => obj.insetBlockStart, set: (obj, value) => {
-      obj.insetBlockStart = value;
-    } }, metadata: _metadata }, _insetBlockStart_initializers, _insetBlockStart_extraInitializers);
-    __esDecorate(_a, null, _insetInlineStart_decorators, { kind: "accessor", name: "insetInlineStart", static: false, private: false, access: { has: (obj) => "insetInlineStart" in obj, get: (obj) => obj.insetInlineStart, set: (obj, value) => {
-      obj.insetInlineStart = value;
-    } }, metadata: _metadata }, _insetInlineStart_initializers, _insetInlineStart_extraInitializers);
-    __esDecorate(_a, null, _width_decorators, { kind: "accessor", name: "width", static: false, private: false, access: { has: (obj) => "width" in obj, get: (obj) => obj.width, set: (obj, value) => {
-      obj.width = value;
-    } }, metadata: _metadata }, _width_initializers, _width_extraInitializers);
-    __esDecorate(_a, null, _height_decorators, { kind: "accessor", name: "height", static: false, private: false, access: { has: (obj) => "height" in obj, get: (obj) => obj.height, set: (obj, value) => {
-      obj.height = value;
-    } }, metadata: _metadata }, _height_initializers, _height_extraInitializers);
-    __esDecorate(_a, null, _zIndex_decorators, { kind: "accessor", name: "zIndex", static: false, private: false, access: { has: (obj) => "zIndex" in obj, get: (obj) => obj.zIndex, set: (obj, value) => {
-      obj.zIndex = value;
-    } }, metadata: _metadata }, _zIndex_initializers, _zIndex_extraInitializers);
-    __esDecorate(_a, null, _cellId_decorators, { kind: "accessor", name: "cellId", static: false, private: false, access: { has: (obj) => "cellId" in obj, get: (obj) => obj.cellId, set: (obj, value) => {
-      obj.cellId = value;
-    } }, metadata: _metadata }, _cellId_initializers, _cellId_extraInitializers);
-    __esDecorate(_a, null, _scopedClasses_decorators, { kind: "accessor", name: "scopedClasses", static: false, private: false, access: { has: (obj) => "scopedClasses" in obj, get: (obj) => obj.scopedClasses, set: (obj, value) => {
-      obj.scopedClasses = value;
-    } }, metadata: _metadata }, _scopedClasses_initializers, _scopedClasses_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 });
@@ -192,4 +38,4 @@ let SbbSeatReservationScopedElement = (() => {
 export {
   SbbSeatReservationScopedElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhdC1yZXNlcnZhdGlvbi1zY29wZWQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3NlYXQtcmVzZXJ2YXRpb24vc2VhdC1yZXNlcnZhdGlvbi1zY29wZWQvc2VhdC1yZXNlcnZhdGlvbi1zY29wZWQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFByb3BlcnR5VmFsdWVzLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NlYXQtcmVzZXJ2YXRpb24tc2NvcGVkLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogV3JhcHBlciBjbGFzcyBmb3Igc2NvcGVkIGVsZW1lbnRzIHdpdGggc2ltaWxhciBwcm9wZXJ0aWVzIHRvIHNldC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXNlYXQtcmVzZXJ2YXRpb24tc2NvcGVkJylcbmNsYXNzIFNiYlNlYXRSZXNlcnZhdGlvblNjb3BlZEVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIEluc2V0IGJsb2NrIHN0YXJ0IGluIHBpeGVscyAod2l0aG91dCB1bml0KSAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaW5zZXQtYmxvY2stc3RhcnQnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpbnNldEJsb2NrU3RhcnQ6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBJbnNldCBpbmxpbmUgc3RhcnQgaW4gcGl4ZWxzICh3aXRob3V0IHVuaXQpICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbnNldC1pbmxpbmUtc3RhcnQnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpbnNldElubGluZVN0YXJ0OiBzdHJpbmcgPSAnJztcblxuICAvKiogV2lkdGggb2YgdGhlIHNjb3BlZCBlbGVtZW50IGluIHBpeGVscyAod2l0aG91dCB1bml0KSAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnd2lkdGgnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB3aWR0aDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIEhlaWdodCBvZiB0aGUgc2NvcGVkIGVsZW1lbnQgaW4gcGl4ZWxzICh3aXRob3V0IHVuaXQpICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdoZWlnaHQnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBoZWlnaHQ6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBaLWluZGV4IG9mIHRoZSBzY29wZWQgZWxlbWVudCAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnei1pbmRleCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIHpJbmRleDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIENlbGwgaWQgb2YgdGhlIHNjb3BlZCBlbGVtZW50LCBpZiBpdCBpcyB1c2VkIGluIGEgdGFibGUgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2NlbGwtaWQnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBjZWxsSWQ6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBTY29wZWQgY2xhc3NlcyBmb3IgdGhlIHNjb3BlZCBlbGVtZW50ICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdzY29wZWQtY2xhc3NlcycgfSlcbiAgcHVibGljIGFjY2Vzc29yIHNjb3BlZENsYXNzZXM6IHN0cmluZyA9ICcnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKF9jaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXMpOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKF9jaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoX2NoYW5nZWRQcm9wZXJ0aWVzLmhhcygnd2lkdGgnKSkge1xuICAgICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoJy0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tc2NvcGVkLXdpZHRoJywgYCR7dGhpcy53aWR0aH1gKTtcbiAgICB9XG5cbiAgICBpZiAoX2NoYW5nZWRQcm9wZXJ0aWVzLmhhcygnaGVpZ2h0JykpIHtcbiAgICAgIHRoaXMuc3R5bGU/LnNldFByb3BlcnR5KCctLXNiYi1zZWF0LXJlc2VydmF0aW9uLXNjb3BlZC1oZWlnaHQnLCBgJHt0aGlzLmhlaWdodH1gKTtcbiAgICB9XG5cbiAgICBpZiAoX2NoYW5nZWRQcm9wZXJ0aWVzLmhhcygnaW5zZXRCbG9ja1N0YXJ0JykpIHtcbiAgICAgIHRoaXMuc3R5bGU/LnNldFByb3BlcnR5KFxuICAgICAgICAnLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1zY29wZWQtaW5zZXQtYmxvY2stc3RhcnQnLFxuICAgICAgICBgJHt0aGlzLmluc2V0QmxvY2tTdGFydH1gLFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoX2NoYW5nZWRQcm9wZXJ0aWVzLmhhcygnaW5zZXRJbmxpbmVTdGFydCcpKSB7XG4gICAgICB0aGlzLnN0eWxlPy5zZXRQcm9wZXJ0eShcbiAgICAgICAgJy0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tc2NvcGVkLWluc2V0LWlubGluZS1zdGFydCcsXG4gICAgICAgIGAke3RoaXMuaW5zZXRJbmxpbmVTdGFydH1gLFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoX2NoYW5nZWRQcm9wZXJ0aWVzLmhhcygnekluZGV4JykpIHtcbiAgICAgIHRoaXMuc3R5bGU/LnNldFByb3BlcnR5KCctLXNiYi1zZWF0LXJlc2VydmF0aW9uLXNjb3BlZC16LWluZGV4JywgYCR7dGhpcy56SW5kZXh9YCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgaWYgKCF0aGlzLmNlbGxJZCkge1xuICAgICAgcmV0dXJuIGh0bWxgPGRpdiBjbGFzcz1cIiR7dGhpcy5zY29wZWRDbGFzc2VzfVwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L2Rpdj5gO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gaHRtbGA8dGQgaWQ9XCIke3RoaXMuY2VsbElkfVwiIGNsYXNzPVwiJHt0aGlzLnNjb3BlZENsYXNzZXN9XCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvdGQ+YDtcbiAgICB9XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zZWF0LXJlc2VydmF0aW9uLXNjb3BlZCc6IFNiYlNlYXRSZXNlcnZhdGlvblNjb3BlZEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBWU0sbUNBQStCLE1BQUE7OzBCQURwQyxjQUFjLDZCQUE2QixDQUFDOzs7O29CQUNDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUE7O0FBTXRELDREQUFBLGtCQUFBLE1BQUEsK0JBQTBDLEVBQUU7QUFLNUMsOERB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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhdC1yZXNlcnZhdGlvbi1zY29wZWQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3NlYXQtcmVzZXJ2YXRpb24vc2VhdC1yZXNlcnZhdGlvbi1zY29wZWQvc2VhdC1yZXNlcnZhdGlvbi1zY29wZWQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zZWF0LXJlc2VydmF0aW9uLXNjb3BlZC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIFdyYXBwZXIgY2xhc3MgZm9yIHNjb3BlZCBlbGVtZW50cyB3aXRoIHNpbWlsYXIgcHJvcGVydGllcyB0byBzZXQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zZWF0LXJlc2VydmF0aW9uLXNjb3BlZCcpXG5jbGFzcyBTYmJTZWF0UmVzZXJ2YXRpb25TY29wZWRFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxkaXYgY2xhc3M9XCJzY29wZWQtZWxlbWVudFwiPjxzbG90Pjwvc2xvdD48L2Rpdj5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2VhdC1yZXNlcnZhdGlvbi1zY29wZWQnOiBTYmJTZWF0UmVzZXJ2YXRpb25TY29wZWRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBV00sbUNBQStCLE1BQUE7OzBCQURwQyxjQUFjLDZCQUE2QixDQUFDOzs7O29CQUNDO0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUEsSUFHbkMsU0FBTTtBQUN2QixhQUFPO0FBQUEsSUFDVDtBQUFBOztBQUxGLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixPQUQ1QyxrQkFBQSxZQUFBLHVCQUFBLEdBQWdDOzs7In0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -11,7 +11,7 @@
   "type": "module",
   "customElements": "custom-elements.json",
   "peerDependencies": {
-    "@sbb-esta/lyne-elements": "3.1.0"
+    "@sbb-esta/lyne-elements": "3.3.0"
   },
   "dependencies": {
     "lit": "^3.3.1",

package/seat-reservation/common/mapper/icon-mapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-mapper.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/seat-reservation/common/mapper/icon-mapper.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAkE5D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqGG"}
+{"version":3,"file":"icon-mapper.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/seat-reservation/common/mapper/icon-mapper.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAiE5D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqGG"}

package/seat-reservation/common/mapper/icon-mapper.js

@@ -20,8 +20,8 @@ const E = {
   COMPARTMENT_PASSAGE_HIGH: { svg: a.chassisPassageCompartmentLeftTop },
   COMPARTMENT_PASSAGE_LOW: { svg: a.chassisPassageCompartmentRightBottom },
   DRIVER_AREA: { svg: a.chassisDriverTrain },
-  DRIVER_AREA_FULL_BUS: { svg: a.chassisDriverBus },
-  DRIVER_AREA_FULL_TRAIN: { svg: a.chassisDriverTrainFull },
+  DRIVER_AREA_BUS: { svg: a.chassisDriverBus },
+  DRIVER_AREA_TRAIN: { svg: a.chassisDriverTrainFull },
   EASY_ACCESS: { svgName: "sa-em" },
   EASY_ACCESS_AREA: { svgName: "sa-em" },
   EASY_ACCESS_ICON: { svgName: "sa-em" },
@@ -52,9 +52,8 @@ const E = {
   SILENCE_ICON: { svgName: "sa-rz" },
   SKI_AREA: { svgName: "sa-sa" },
   SKI_ICON: { svgName: "sa-sa" },
+  STAFF_AREA: { svgName: "avatar-train-staff-medium" },
   STAIR_AREA: { svgName: "sa-ac" },
-  TABLE: { svg: a.interiorTable },
-  TABLE_RESTAURANT: { svg: a.interiorTable },
   TOILET_AREA: { svgName: "sa-wc" },
   TOILET_ICON: { svgName: "sa-wc" },
   TOILET_WHEELCHAIR_AREA: { svgName: "sa-rw" },

package/seat-reservation/common/mapper/mapper.d.ts

@@ -1,15 +1,15 @@
-import { CoachItem, Place, PlaceSelection, SeatReservation, SeatReservationCoachSelection, SeatReservationPlaceSelection, VehicleType } from '../types.js';
+import { CoachItem, CoachNumberOfFreePlaces, Place, PlaceSelection, SeatReservation, SeatReservationPlaceSelection, SeatReservationSelectedCoach, VehicleType } from '../types.js';
 /**
  * Map function that converts the RAW OSDM mock data into SeatReservation
  */
 export declare const mapRawDataToSeatReservation: (vehicleType: VehicleType) => SeatReservation;
 /**
- * Mapped place and coach informations to place selection
+ * Mapped place and coach information to place selection
  * @param place
  * @param coachIndex
  * @returns PlaceSelection
  */
-export declare const mapPlaceInfosToPlaceSelection: (place: Place, coachIndex: number) => PlaceSelection;
+export declare const mapPlaceInfosToPlaceSelection: (place: Place, deckIndex: number, coachIndex: number) => PlaceSelection;
 /**
  * Mapped information from place, coach and the coachindex  to the seatReservationPlaceSelection.
  * This Object information is emitted outwards
@@ -18,12 +18,13 @@ export declare const mapPlaceInfosToPlaceSelection: (place: Place, coachIndex: n
  * @param coachIndex
  * @returns SeatReservationPlaceSelection
  */
-export declare const mapPlaceAndCoachToSeatReservationPlaceSelection: (place: Place, coach: CoachItem, coachIndex: number) => SeatReservationPlaceSelection;
+export declare const mapPlaceAndCoachToSeatReservationPlaceSelection: (place: Place, coach: CoachItem, deckIndex: number, coachIndex: number) => SeatReservationPlaceSelection;
 /**
  * Mapped coach information to coach selection
  * @param coachIndex
  * @param coach
+ * @param coachNumberOfFreePlaces
  * @returns PlaceSelection
  */
-export declare const mapCoachInfosToCoachSelection: (coachIndex: number, coach: CoachItem) => SeatReservationCoachSelection;
+export declare const mapCoachInfosToCoachSelection: (coachIndex: number, coach: CoachItem, coachNumberOfFreePlaces: CoachNumberOfFreePlaces) => SeatReservationSelectedCoach;
 //# sourceMappingURL=mapper.d.ts.map

package/seat-reservation/common/mapper/mapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mapper.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/seat-reservation/common/mapper/mapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,KAAK,EACL,cAAc,EAEd,eAAe,EACf,6BAA6B,EAC7B,6BAA6B,EAC7B,WAAW,EACZ,MAAM,aAAa,CAAC;AAIrB;;GAEG;AACH,eAAO,MAAM,2BAA2B,GAAI,aAAa,WAAW,KAAG,eAoFtE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,GAAI,OAAO,KAAK,EAAE,YAAY,MAAM,KAAG,cAQhF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,+CAA+C,GAC1D,OAAO,KAAK,EACZ,OAAO,SAAS,EAChB,YAAY,MAAM,KACjB,6BAYF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,GACxC,YAAY,MAAM,EAClB,OAAO,SAAS,KACf,6BASF,CAAC"}
+{"version":3,"file":"mapper.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/seat-reservation/common/mapper/mapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,uBAAuB,EACvB,KAAK,EACL,cAAc,EAEd,eAAe,EACf,6BAA6B,EAC7B,4BAA4B,EAC5B,WAAW,EACZ,MAAM,aAAa,CAAC;AAIrB;;GAEG;AACH,eAAO,MAAM,2BAA2B,GAAI,aAAa,WAAW,KAAG,eAmFtE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,GACxC,OAAO,KAAK,EACZ,WAAW,MAAM,EACjB,YAAY,MAAM,KACjB,cAWF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,+CAA+C,GAC1D,OAAO,KAAK,EACZ,OAAO,SAAS,EAChB,WAAW,MAAM,EACjB,YAAY,MAAM,KACjB,6BAcF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,6BAA6B,GACxC,YAAY,MAAM,EAClB,OAAO,SAAS,EAChB,yBAAyB,uBAAuB,KAC/C,4BAUF,CAAC"}

package/seat-reservation/common/mapper/mapper.js

@@ -1,22 +1,20 @@
 import { MOCK_COACHES_RAW_0 as l, MOCK_COACHES_RAW_1 as h } from "./seat-reservation-sample-data.js";
 const u = (e) => {
-  const i = (e === "TRAIN" ? l : h).map((c) => {
-    const s = c?.coachDeckLayout, a = [], r = [], d = s.placeGroups.map((t) => (a.indexOf(t.travelClass) === -1 && a.push(t.travelClass), r.indexOf(t.accommodationSubType) === -1 && r.push(t.accommodationSubType), t.places?.map((o) => ({
-      number: o?.number,
-      state: o?.state,
+  const o = (e === "TRAIN" ? l : h).map((a) => {
+    const i = a?.coachDeckLayout, r = [], c = [], m = i.placeGroups.map((t) => (r.indexOf(t.travelClass) === -1 && r.push(t.travelClass), c.indexOf(t.accommodationSubType) === -1 && c.push(t.accommodationSubType), t.places?.map((s) => ({
+      number: s?.number,
+      state: s?.state,
       type: t.accommodationSubType.indexOf("BICYCLE") === -1 ? "SEAT" : "BICYCLE",
-      dimension: { w: o.rectangle.dimension.width, h: o.rectangle.dimension.height },
+      dimension: { w: s.rectangle.dimension.width, h: s.rectangle.dimension.height },
       position: {
-        x: o.rectangle.position.x,
-        y: o.rectangle.position.y,
-        z: o.rectangle.position.z
+        x: s.rectangle.position.x,
+        y: s.rectangle.position.y,
+        z: s.rectangle.position.z
       },
-      rotation: o?.orientation || 0,
+      rotation: s?.orientation || 0,
       travelClass: t?.travelClass,
-      remarkId: "",
-      propertyIds: o.placeProperties || [],
-      selected: !1
-    })))).flat(), m = s.serviceIcons.map((t) => ({
+      propertyIds: s.placeProperties || []
+    })))).flat(), p = i.serviceIcons.map((t) => ({
       icon: t.type,
       position: {
         x: t.rectangle.position.x,
@@ -27,7 +25,7 @@ const u = (e) => {
         w: t.rectangle.dimension.width,
         h: t.rectangle.dimension.height
       }
-    })), p = s.graphicElements.map((t) => ({
+    })), d = i.graphicElements.map((t) => ({
       icon: t?.type,
       position: {
         x: t.rectangle.position.x,
@@ -38,42 +36,47 @@ const u = (e) => {
       rotation: t.orientation
     }));
     return {
-      id: s?.id,
-      number: s?.name,
-      dimension: { w: s.dimension?.width, h: s.dimension?.height },
-      places: d,
-      serviceElements: m,
-      graphicElements: p,
-      travelClass: a,
-      propertyIds: r
+      id: i?.id,
+      number: i?.name,
+      dimension: { w: i.dimension?.width, h: i.dimension?.height },
+      places: m,
+      serviceElements: p,
+      graphicElements: d,
+      travelClass: r,
+      propertyIds: c
     };
   });
   return {
     vehicleType: e,
     deckCoachIndex: 0,
-    coachItems: i
+    deckCoachLevel: "SINGLE_DECK",
+    coachItems: o
   };
-}, y = (e, n) => ({
-  id: "seat-reservation__place-button-" + n + "-" + e.number,
+}, y = (e, n, o) => ({
+  id: "seat-reservation__place-button-" + n + "-" + o + "-" + e.number,
   number: e.number,
-  coachIndex: n,
-  state: e.state
-}), g = (e, n, i) => ({
-  id: "seat-reservation__place-button-" + i + "-" + e.number,
+  deckIndex: n,
+  coachIndex: o,
+  state: e.state,
+  placeType: e.type
+}), g = (e, n, o, a) => ({
+  id: "seat-reservation__place-button-" + o + "-" + a + "-" + e.number,
   coachId: n.id,
   coachNumber: n.number,
-  coachIndex: i,
+  coachIndex: a,
+  deckIndex: o,
   placeNumber: e.number,
   placeType: e.type,
   placeTravelClass: e.travelClass || "ANY_CLASS",
   propertyIds: e.propertyIds || []
-}), b = (e, n) => ({
+}), b = (e, n, o) => ({
   coachId: n.id,
   coachNumber: n.number,
   coachIndex: e,
   coachType: n?.type,
   coachTravelClass: n?.travelClass,
-  coachPropertyIds: n?.propertyIds
+  coachPropertyIds: n?.propertyIds,
+  coachNumberOfFreePlaces: o
 });
 export {
   b as mapCoachInfosToCoachSelection,

package/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts

@@ -222,4 +222,117 @@ export declare const MOCK_COACHES_RAW_REAL_DATA: {
         }[];
     };
 }[];
+export declare const MOCK_GIRUNO_TRAIN: {
+    vehicleType: string;
+    deckCoachIndex: number;
+    coachItems: ({
+        id: string;
+        number: string;
+        dimension: {
+            w: number;
+            h: number;
+        };
+        places: {
+            number: string;
+            state: string;
+            type: string;
+            travelClass: string;
+            remarkId: string;
+            propertyIds: string[];
+            selected: boolean;
+            rotation: number;
+            dimension: {
+                w: number;
+                h: number;
+            };
+            position: {
+                x: number;
+                y: number;
+                z: number;
+            };
+        }[];
+        serviceElements: {
+            icon: string;
+            dimension: {
+                w: number;
+                h: number;
+            };
+            position: {
+                x: number;
+                y: number;
+                z: number;
+            };
+        }[];
+        graphicElements: {
+            icon: string;
+            dimension: {
+                w: number;
+                h: number;
+            };
+            position: {
+                x: number;
+                y: number;
+                z: number;
+            };
+            rotation: number;
+        }[];
+        travelClass: string[];
+        propertyIds: string[];
+        type?: undefined;
+    } | {
+        id: string;
+        number: string;
+        dimension: {
+            w: number;
+            h: number;
+        };
+        places: {
+            number: string;
+            state: string;
+            type: string;
+            travelClass: string;
+            remarkId: string;
+            propertyIds: never[];
+            selected: boolean;
+            rotation: number;
+            dimension: {
+                w: number;
+                h: number;
+            };
+            position: {
+                x: number;
+                y: number;
+                z: number;
+            };
+        }[];
+        serviceElements: {
+            icon: string;
+            dimension: {
+                w: number;
+                h: number;
+            };
+            position: {
+                x: number;
+                y: number;
+                z: number;
+            };
+        }[];
+        graphicElements: {
+            icon: string;
+            dimension: {
+                w: number;
+                h: number;
+            };
+            position: {
+                x: number;
+                y: number;
+                z: number;
+            };
+            rotation: number;
+        }[];
+        travelClass: string[];
+        propertyIds: string[];
+        type: string;
+    })[];
+};
 //# sourceMappingURL=seat-reservation-sample-data.d.ts.map

package/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"seat-reservation-sample-data.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/seat-reservation/common/mapper/seat-reservation-sample-data.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4rJ9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0hB9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4yBtC,CAAC"}
+{"version":3,"file":"seat-reservation-sample-data.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/seat-reservation/common/mapper/seat-reservation-sample-data.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyjT9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0hB9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4yBtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA24nB7B,CAAC"}