@sbb-esta/lyne-elements 2.5.1 → 2.7.0

package/development/train/train.js

@@ -1,245 +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 { css, LitElement, nothing } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { unsafeStatic, html } from "lit/static-html.js";
-import { SbbLanguageController } from "../core/controllers.js";
-import { forceType, omitEmptyConverter } from "../core/decorators.js";
-import { EventEmitter } from "../core/eventing.js";
-import { i18nTrain, i18nWagonsLabel } from "../core/i18n.js";
-import { SbbNamedSlotListMixin } from "../core/mixins.js";
-import "../icon.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  display: block;
-  --sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x);
-}
-
-.sbb-train {
-  --sbb-text-font-size: var(--sbb-font-size-text-xs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
-  font-size: var(--sbb-text-font-size);
-  display: flex;
-  flex-direction: column;
-  gap: var(--sbb-train-formation-vertical-gap);
-  position: relative;
-}
-.sbb-train::before {
-  content: "";
-  display: var(--sbb-train-formation-reserve-spacing-display, none);
-  height: max(var(--sbb-size-icon-ui-small), 1em * var(--sbb-typo-line-height-body-text));
-}
-
-.sbb-train__wagons {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  font-size: inherit;
-  display: flex;
-  gap: var(--sbb-train-formation-wagon-gap);
-}
-
-.sbb-train__direction-heading {
-  display: flex;
-  position: absolute;
-  width: 100%;
-}
-
-.sbb-train__direction-sticky-wrapper {
-  position: sticky;
-  inset-inline-start: 0;
-  display: inline-flex;
-  align-items: center;
-  gap: var(--sbb-train-direction-label-spacing);
-  max-width: 100%;
-}
-
-.sbb-train__direction-label {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.sbb-train__direction-label-sr {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}`;
-let SbbTrainElement = (() => {
-  var _directionLabel_accessor_storage, _directionLabelLevel_accessor_storage, _station_accessor_storage, _accessibilityLabel_accessor_storage, _direction_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-train")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbNamedSlotListMixin(LitElement);
-  let _directionLabel_decorators;
-  let _directionLabel_initializers = [];
-  let _directionLabel_extraInitializers = [];
-  let _directionLabelLevel_decorators;
-  let _directionLabelLevel_initializers = [];
-  let _directionLabelLevel_extraInitializers = [];
-  let _station_decorators;
-  let _station_initializers = [];
-  let _station_extraInitializers = [];
-  let _accessibilityLabel_decorators;
-  let _accessibilityLabel_initializers = [];
-  let _accessibilityLabel_extraInitializers = [];
-  let _direction_decorators;
-  let _direction_initializers = [];
-  let _direction_extraInitializers = [];
-  var SbbTrainElement2 = (_a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _directionLabel_accessor_storage);
-      __privateAdd(this, _directionLabelLevel_accessor_storage);
-      __privateAdd(this, _station_accessor_storage);
-      __privateAdd(this, _accessibilityLabel_accessor_storage);
-      __privateAdd(this, _direction_accessor_storage);
-      this.listChildLocalNames = [
-        "sbb-train-wagon",
-        "sbb-train-blocked-passage"
-      ];
-      __privateSet(this, _directionLabel_accessor_storage, __runInitializers(this, _directionLabel_initializers, ""));
-      __privateSet(this, _directionLabelLevel_accessor_storage, (__runInitializers(this, _directionLabel_extraInitializers), __runInitializers(this, _directionLabelLevel_initializers, "6")));
-      __privateSet(this, _station_accessor_storage, (__runInitializers(this, _directionLabelLevel_extraInitializers), __runInitializers(this, _station_initializers, "")));
-      __privateSet(this, _accessibilityLabel_accessor_storage, (__runInitializers(this, _station_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, "")));
-      __privateSet(this, _direction_accessor_storage, (__runInitializers(this, _accessibilityLabel_extraInitializers), __runInitializers(this, _direction_initializers, "left")));
-      this._language = (__runInitializers(this, _direction_extraInitializers), new SbbLanguageController(this));
-      this._trainSlotChange = new EventEmitter(this, SbbTrainElement2.events.trainSlotChange, {
-        bubbles: true,
-        cancelable: true
-      });
-    }
-    /** General label for "driving direction". */
-    get directionLabel() {
-      return __privateGet(this, _directionLabel_accessor_storage);
-    }
-    set directionLabel(value) {
-      __privateSet(this, _directionLabel_accessor_storage, value);
-    }
-    /** Heading level of the direction label, used for screen readers. */
-    get directionLabelLevel() {
-      return __privateGet(this, _directionLabelLevel_accessor_storage);
-    }
-    set directionLabelLevel(value) {
-      __privateSet(this, _directionLabelLevel_accessor_storage, value);
-    }
-    /** Label for the destination station of the train. */
-    get station() {
-      return __privateGet(this, _station_accessor_storage);
-    }
-    set station(value) {
-      __privateSet(this, _station_accessor_storage, value);
-    }
-    /** Accessibility label for additional information regarding the leaving direction of the train. */
-    get accessibilityLabel() {
-      return __privateGet(this, _accessibilityLabel_accessor_storage);
-    }
-    set accessibilityLabel(value) {
-      __privateSet(this, _accessibilityLabel_accessor_storage, value);
-    }
-    /** Controls the direction indicator to show the arrow left or right. Default is left.  */
-    get direction() {
-      return __privateGet(this, _direction_accessor_storage);
-    }
-    set direction(value) {
-      __privateSet(this, _direction_accessor_storage, value);
-    }
-    /**
-     * Create the aria-label text out of the direction label, station and the accessibility label.
-     */
-    _getDirectionAriaLabel() {
-      const textParts = [i18nTrain[this._language.current]];
-      if (this.directionLabel && this.station) {
-        textParts.push(`${this.directionLabel} ${this.station}`);
-      }
-      if (this.accessibilityLabel) {
-        textParts.push(this.accessibilityLabel);
-      }
-      return `${textParts.join(", ")}.`;
-    }
-    willUpdate(changedProperties) {
-      super.willUpdate(changedProperties);
-      if (changedProperties.has("listChildren")) {
-        this._trainSlotChange.emit();
-      }
-    }
-    render() {
-      const TITLE_TAG_NAME = `h${this.directionLabelLevel}`;
-      return html`
-      <div class="sbb-train">
-        <${unsafeStatic(TITLE_TAG_NAME)} class="sbb-train__direction-label-sr">
-          ${this._getDirectionAriaLabel()}
-        </${unsafeStatic(TITLE_TAG_NAME)}>
-        ${this.directionLabel ? html`<div class="sbb-train__direction-heading" aria-hidden="true">
-                <span class="sbb-train__direction-sticky-wrapper">
-                  ${this.direction === "left" ? html`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : nothing}
-
-                  <span class="sbb-train__direction-label">
-                    ${this.directionLabel} ${this.station}
-                  </span>
-
-                  ${this.direction === "right" ? html`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : nothing}
-                </span>
-              </div>` : nothing}
-        ${this.renderList({
-        class: "sbb-train__wagons",
-        ariaLabel: i18nWagonsLabel[this._language.current]
-      })}
-      </div>
-    `;
-    }
-  }, _directionLabel_accessor_storage = new WeakMap(), _directionLabelLevel_accessor_storage = new WeakMap(), _station_accessor_storage = new WeakMap(), _accessibilityLabel_accessor_storage = new WeakMap(), _direction_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _directionLabel_decorators = [forceType(), property({ attribute: "direction-label", reflect: true, converter: omitEmptyConverter })];
-    _directionLabelLevel_decorators = [property({ attribute: "direction-label-level" })];
-    _station_decorators = [forceType(), property()];
-    _accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
-    _direction_decorators = [property({ reflect: true })];
-    __esDecorate(_a, null, _directionLabel_decorators, { kind: "accessor", name: "directionLabel", static: false, private: false, access: { has: (obj) => "directionLabel" in obj, get: (obj) => obj.directionLabel, set: (obj, value) => {
-      obj.directionLabel = value;
-    } }, metadata: _metadata }, _directionLabel_initializers, _directionLabel_extraInitializers);
-    __esDecorate(_a, null, _directionLabelLevel_decorators, { kind: "accessor", name: "directionLabelLevel", static: false, private: false, access: { has: (obj) => "directionLabelLevel" in obj, get: (obj) => obj.directionLabelLevel, set: (obj, value) => {
-      obj.directionLabelLevel = value;
-    } }, metadata: _metadata }, _directionLabelLevel_initializers, _directionLabelLevel_extraInitializers);
-    __esDecorate(_a, null, _station_decorators, { kind: "accessor", name: "station", static: false, private: false, access: { has: (obj) => "station" in obj, get: (obj) => obj.station, set: (obj, value) => {
-      obj.station = value;
-    } }, metadata: _metadata }, _station_initializers, _station_extraInitializers);
-    __esDecorate(_a, null, _accessibilityLabel_decorators, { kind: "accessor", name: "accessibilityLabel", static: false, private: false, access: { has: (obj) => "accessibilityLabel" in obj, get: (obj) => obj.accessibilityLabel, set: (obj, value) => {
-      obj.accessibilityLabel = value;
-    } }, metadata: _metadata }, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
-    __esDecorate(_a, null, _direction_decorators, { kind: "accessor", name: "direction", static: false, private: false, access: { has: (obj) => "direction" in obj, get: (obj) => obj.direction, set: (obj, value) => {
-      obj.direction = value;
-    } }, metadata: _metadata }, _direction_initializers, _direction_extraInitializers);
-    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-    SbbTrainElement2 = _classThis = _classDescriptor.value;
-    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), _a.styles = style, _a.events = {
-    trainSlotChange: "trainSlotChange"
-  }, __runInitializers(_classThis, _classExtraInitializers), _a);
-  return SbbTrainElement2 = _classThis;
-})();
+import { SbbTrainElement } from "./train/train.js";
 export {
   SbbTrainElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90cmFpbi90cmFpbi90cmFpbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBMaXRFbGVtZW50LFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSwgb21pdEVtcHR5Q29udmVydGVyIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgaTE4blRyYWluLCBpMThuV2Fnb25zTGFiZWwgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiTmFtZWRTbG90TGlzdE1peGluLCB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50IH0gZnJvbSAnLi4vdHJhaW4tYmxvY2tlZC1wYXNzYWdlLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVHJhaW5XYWdvbkVsZW1lbnQgfSBmcm9tICcuLi90cmFpbi13YWdvbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RyYWluLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vaWNvbi5qcyc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIGBzYmItdHJhaW4td2Fnb25gIG9yIGBzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlYCBjb21wb25lbnRzLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkICdzYmItdHJhaW4td2Fnb24nIGVsZW1lbnRzIHRvIHRoZSBgc2JiLXRyYWluYC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRyYWluJylcbmNsYXNzIFNiYlRyYWluRWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiVHJhaW5XYWdvbkVsZW1lbnQgfCBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCxcbiAgdHlwZW9mIExpdEVsZW1lbnRcbj4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgdHJhaW5TbG90Q2hhbmdlOiAndHJhaW5TbG90Q2hhbmdlJyxcbiAgfSBhcyBjb25zdDtcbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbXG4gICAgJ3NiYi10cmFpbi13YWdvbicsXG4gICAgJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnLFxuICBdO1xuXG4gIC8qKiBHZW5lcmFsIGxhYmVsIGZvciBcImRyaXZpbmcgZGlyZWN0aW9uXCIuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkaXJlY3Rpb24tbGFiZWwnLCByZWZsZWN0OiB0cnVlLCBjb252ZXJ0ZXI6IG9taXRFbXB0eUNvbnZlcnRlciB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZGlyZWN0aW9uTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBIZWFkaW5nIGxldmVsIG9mIHRoZSBkaXJlY3Rpb24gbGFiZWwsIHVzZWQgZm9yIHNjcmVlbiByZWFkZXJzLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkaXJlY3Rpb24tbGFiZWwtbGV2ZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBkaXJlY3Rpb25MYWJlbExldmVsOiBTYmJUaXRsZUxldmVsID0gJzYnO1xuXG4gIC8qKiBMYWJlbCBmb3IgdGhlIGRlc3RpbmF0aW9uIHN0YXRpb24gb2YgdGhlIHRyYWluLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIHN0YXRpb246IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBBY2Nlc3NpYmlsaXR5IGxhYmVsIGZvciBhZGRpdGlvbmFsIGluZm9ybWF0aW9uIHJlZ2FyZGluZyB0aGUgbGVhdmluZyBkaXJlY3Rpb24gb2YgdGhlIHRyYWluLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIENvbnRyb2xzIHRoZSBkaXJlY3Rpb24gaW5kaWNhdG9yIHRvIHNob3cgdGhlIGFycm93IGxlZnQgb3IgcmlnaHQuIERlZmF1bHQgaXMgbGVmdC4gICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGRpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBFbWl0cyB3aGVuZXZlciB0aGUgdHJhaW4gc2xvdCBjaGFuZ2VzLlxuICAgKi9cbiAgcHJpdmF0ZSBfdHJhaW5TbG90Q2hhbmdlOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiVHJhaW5FbGVtZW50LmV2ZW50cy50cmFpblNsb3RDaGFuZ2UsXG4gICAge1xuICAgICAgYnViYmxlczogdHJ1ZSxcbiAgICAgIGNhbmNlbGFibGU6IHRydWUsXG4gICAgfSxcbiAgKTtcblxuICAvKipcbiAgICogQ3JlYXRlIHRoZSBhcmlhLWxhYmVsIHRleHQgb3V0IG9mIHRoZSBkaXJlY3Rpb24gbGFiZWwsIHN0YXRpb24gYW5kIHRoZSBhY2Nlc3NpYmlsaXR5IGxhYmVsLlxuICAgKi9cbiAgcHJpdmF0ZSBfZ2V0RGlyZWN0aW9uQXJpYUxhYmVsKCk6IHN0cmluZyB7XG4gICAgY29uc3QgdGV4dFBhcnRzOiBzdHJpbmdbXSA9IFtpMThuVHJhaW5bdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF1dO1xuXG4gICAgaWYgKHRoaXMuZGlyZWN0aW9uTGFiZWwgJiYgdGhpcy5zdGF0aW9uKSB7XG4gICAgICB0ZXh0UGFydHMucHVzaChgJHt0aGlzLmRpcmVjdGlvbkxhYmVsfSAke3RoaXMuc3RhdGlvbn1gKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwpIHtcbiAgICAgIHRleHRQYXJ0cy5wdXNoKHRoaXMuYWNjZXNzaWJpbGl0eUxhYmVsKTtcbiAgICB9XG5cbiAgICByZXR1cm4gYCR7dGV4dFBhcnRzLmpvaW4oJywgJyl9LmA7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLl90cmFpblNsb3RDaGFuZ2UuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IFRJVExFX1RBR19OQU1FID0gYGgke3RoaXMuZGlyZWN0aW9uTGFiZWxMZXZlbH1gO1xuXG4gICAgLyogZXNsaW50LWRpc2FibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXRyYWluXCI+XG4gICAgICAgIDwke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9IGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24tbGFiZWwtc3JcIj5cbiAgICAgICAgICAke3RoaXMuX2dldERpcmVjdGlvbkFyaWFMYWJlbCgpfVxuICAgICAgICA8LyR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0+XG4gICAgICAgICR7XG4gICAgICAgICAgdGhpcy5kaXJlY3Rpb25MYWJlbFxuICAgICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCJzYmItdHJhaW5fX2RpcmVjdGlvbi1oZWFkaW5nXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdHJhaW5fX2RpcmVjdGlvbi1zdGlja3ktd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgJHt0aGlzLmRpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICAgICAgICAgICAgICAgID8gaHRtbGA8c2JiLWljb24gbmFtZT1cImNoZXZyb24tc21hbGwtbGVmdC1zbWFsbFwiPjwvc2JiLWljb24+YFxuICAgICAgICAgICAgICAgICAgICA6IG5vdGhpbmd9XG5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24tbGFiZWxcIj5cbiAgICAgICAgICAgICAgICAgICAgJHt0aGlzLmRpcmVjdGlvbkxhYmVsfSAke3RoaXMuc3RhdGlvbn1cbiAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cblxuICAgICAgICAgICAgICAgICAgJHt0aGlzLmRpcmVjdGlvbiA9PT0gJ3JpZ2h0J1xuICAgICAgICAgICAgICAgICAgICA/IGh0bWxgPHNiYi1pY29uIG5hbWU9XCJjaGV2cm9uLXNtYWxsLXJpZ2h0LXNtYWxsXCI+PC9zYmItaWNvbj5gXG4gICAgICAgICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICAgIDogbm90aGluZ1xuICAgICAgICB9XG4gICAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgICBjbGFzczogJ3NiYi10cmFpbl9fd2Fnb25zJyxcbiAgICAgICAgICBhcmlhTGFiZWw6IGkxOG5XYWdvbnNMYWJlbFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XSxcbiAgICAgICAgfSl9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdHJhaW4nOiBTYmJUcmFpbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJTYmJUcmFpbkVsZW1lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQThCTSxtQkFBZSxNQUFBOzswQkFEcEIsY0FBYyxXQUFXLENBQUM7Ozs7b0JBQ0csc0JBRzVCLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7QUFIVUEsTUFBQUEsb0JBQUEsbUJBQVEsWUFHakI7QUFBQTs7QUFhWDtBQUlBO0FBS0E7QUFLQTtBQUc2QjtBQXpC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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4uanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/train.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './train/train.js';
 export * from './train/train-blocked-passage.js';
 export * from './train/train-formation.js';

package/development/train.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"train.d.ts","sourceRoot":"","sources":["../../../src/elements/train.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"train.d.ts","sourceRoot":"","sources":["../../../src/elements/train.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}

package/development/train.js

@@ -1,5 +1,11 @@
-export * from "./train/train.js";
-export * from "./train/train-blocked-passage.js";
-export * from "./train/train-formation.js";
-export * from "./train/train-wagon.js";
+import { SbbTrainElement } from "./train/train/train.js";
+import { SbbTrainBlockedPassageElement } from "./train/train-blocked-passage/train-blocked-passage.js";
+import { SbbTrainFormationElement } from "./train/train-formation/train-formation.js";
+import { SbbTrainWagonElement } from "./train/train-wagon/train-wagon.js";
+export {
+  SbbTrainBlockedPassageElement,
+  SbbTrainElement,
+  SbbTrainFormationElement,
+  SbbTrainWagonElement
+};
 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4uanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OyJ9

package/development/transparent-button-Ddb_s0a0.js

@@ -0,0 +1,338 @@
+import { css } from "lit";
+const buttonCommon = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: inline-block;
+  outline: none !important;
+  --sbb-button-icon-size: var(--sbb-size-icon-ui-small);
+  --sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
+  --sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
+  --sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
+  --sbb-button-shadow-2-blur: var(--sbb-shadow-elevation-level-3-shadow-2-blur);
+  --sbb-button-color-disabled-background: var(--sbb-color-milk);
+  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
+  --sbb-button-color-disabled-text: var(--sbb-color-granite);
+  --sbb-button-border-disabled-style: dashed;
+  --sbb-button-border-width: var(--sbb-border-width-2x);
+  --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
+  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
+  --sbb-button-min-height: var(--sbb-size-element-m);
+  --sbb-button-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-button-transition-easing-function: var(--sbb-animation-easing);
+  --sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
+  --sbb-button-padding-inline: var(--sbb-spacing-fixed-8x);
+  --sbb-button-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-button-box-shadow: transparent 0 0;
+  --sbb-button-box-shadow-definition:
+    var(--sbb-shadow-elevation-level-3-shadow-2-offset-x) var(--sbb-button-shadow-2-offset-y)
+      var(--sbb-button-shadow-2-blur) var(--sbb-shadow-elevation-level-3-shadow-2-spread)
+      var(--sbb-button-shadow-2-color),
+    var(--sbb-shadow-elevation-level-3-shadow-1-offset-x) var(--sbb-button-shadow-1-offset-y)
+      var(--sbb-button-shadow-1-blur) var(--sbb-shadow-elevation-level-3-shadow-1-spread)
+      var(--sbb-button-shadow-1-color);
+  --_width: unset;
+  --_border-color: var(--sbb-button-color-default-border);
+  --_background-color: var(--sbb-button-color-default-background);
+  --_color: var(--sbb-button-color-default-text);
+  --_button-inset: 0;
+  --_border: calc(var(--sbb-button-border-width) + var(--sbb-button-border-overlap-fix, 1px)) solid
+    var(--_border-color);
+}
+@media (min-width: calc(52.5rem)) {
+  :host {
+    --sbb-button-padding-inline: var(--sbb-spacing-fixed-10x);
+  }
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-button-color-default-border: CanvasText !important;
+    --sbb-button-color-active-border: Highlight !important;
+    --sbb-button-color-default-background: Canvas !important;
+    --sbb-button-color-hover-background: Canvas !important;
+    --sbb-button-color-active-background: Canvas !important;
+    --sbb-button-color-disabled-background: Canvas !important;
+    --sbb-button-color-disabled-text: GrayText !important;
+    --sbb-button-color-default-text: CanvasText !important;
+    --sbb-button-color-hover-text: CanvasText !important;
+    --sbb-button-color-active-text: CanvasText !important;
+    --sbb-button-border-overlap-fix: 0rem;
+  }
+}
+
+@media (forced-colors: active) {
+  :host([data-button]) {
+    --sbb-button-color-default-text: ButtonText !important;
+    --sbb-button-color-hover-text: ButtonText !important;
+    --sbb-button-color-active-text: ButtonText !important;
+  }
+}
+
+@media (forced-colors: active) {
+  :host([data-link]) {
+    --sbb-button-color-default-text: LinkText !important;
+    --sbb-button-color-hover-text: LinkText !important;
+    --sbb-button-color-active-text: LinkText !important;
+  }
+}
+
+:host([negative]) {
+  --sbb-button-color-disabled-background: var(--sbb-color-charcoal);
+  --sbb-button-color-disabled-text: var(--sbb-color-aluminium);
+}
+
+:host([size=m]) {
+  --sbb-button-min-height: var(--sbb-size-element-s);
+  --sbb-button-padding-inline: var(--sbb-spacing-fixed-5x);
+}
+@media (min-width: calc(52.5rem)) {
+  :host([size=m]) {
+    --sbb-button-padding-inline: var(--sbb-spacing-fixed-8x);
+  }
+}
+
+:host([size=s]) {
+  --sbb-button-min-height: var(--sbb-size-element-xs);
+  --sbb-button-padding-inline: var(--sbb-spacing-fixed-4x);
+  --sbb-button-gap: var(--sbb-spacing-fixed-1x);
+}
+@media (min-width: calc(52.5rem)) {
+  :host([size=s]) {
+    --sbb-button-padding-inline: var(--sbb-spacing-fixed-5x);
+  }
+}
+
+:host(:where([data-slot-names~=icon], [icon-name]):not([data-slot-names~=unnamed])) {
+  --sbb-button-padding-inline: 0;
+  --_width: var(--sbb-button-min-height);
+}
+
+@media (any-hover: hover) {
+  :host(:not([disabled], :disabled, [disabled-interactive], :active, [data-active]):hover) {
+    --sbb-button-translate-y-content-hover: -0.0625rem;
+    --sbb-button-shadow-1-offset-y: calc(
+      0.5 * var(--sbb-shadow-elevation-level-3-shadow-1-offset-y)
+    );
+    --sbb-button-shadow-1-blur: calc(0.5 * var(--sbb-shadow-elevation-level-3-shadow-1-blur));
+    --sbb-button-shadow-2-blur: calc(0.5 * var(--sbb-shadow-elevation-level-3-shadow-2-blur));
+    --sbb-button-cursor: pointer;
+    --_border-color: var(--sbb-button-color-hover-border);
+    --_color: var(--sbb-button-color-hover-text);
+    --_background-color: var(--sbb-button-color-hover-background);
+    --_button-inset: calc(var(--sbb-button-border-width) * -1);
+  }
+}
+@media (forced-colors: active) {
+  :host(:not([disabled], :disabled, [disabled-interactive], :active, [data-active]):hover) {
+    --sbb-button-color-hover-border: Highlight !important;
+  }
+}
+
+:host(:is([disabled], :disabled, [disabled-interactive])) {
+  --sbb-button-cursor: default;
+  --_color: var(--sbb-button-color-disabled-text);
+  --_background-color: var(--sbb-button-color-disabled-background);
+  --_border-color: var(--sbb-button-color-disabled-border);
+  --_border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style)
+    var(--_border-color);
+}
+
+:host(:not([disabled], :disabled, [disabled-interactive]):is(:active, [data-active])) {
+  --_color: var(--sbb-button-color-active-text);
+  --_background-color: var(--sbb-button-color-active-background);
+  --_border-color: var(--sbb-button-color-active-border);
+}
+
+.sbb-action-base {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+  display: flex;
+  gap: var(--sbb-button-gap);
+  align-items: center;
+  justify-content: center;
+  text-align: left;
+  white-space: nowrap;
+  text-decoration: none;
+  min-height: var(--sbb-button-min-height);
+  outline: none;
+  width: var(--_width);
+  border-radius: var(--sbb-button-border-radius);
+  color: var(--_color);
+  cursor: var(--sbb-button-cursor);
+  user-select: none;
+  background-color: var(--_background-color);
+  transition-duration: var(--sbb-button-transition-duration);
+  transition-timing-function: var(--sbb-button-transition-easing-function);
+  transition-property: color, background-color;
+  padding-block: var(--sbb-button-padding-block-min);
+  padding-inline: var(--sbb-button-padding-inline);
+  position: relative;
+}
+.sbb-action-base::before {
+  content: "";
+  position: absolute;
+  inset: var(--_button-inset);
+  border: var(--_border);
+  border-radius: var(--sbb-button-border-radius);
+  pointer-events: none;
+  box-shadow: var(--sbb-button-box-shadow);
+  transition-duration: var(--sbb-button-transition-duration);
+  transition-timing-function: var(--sbb-button-transition-easing-function);
+  transition-property: inset, border, box-shadow;
+}
+:host([data-focus-visible]) .sbb-action-base::before, :host(:focus-visible) .sbb-action-base::before, .sbb-action-base:focus-visible::before {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+}
+
+.sbb-button__label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+:host(:where([data-slot-names~=icon], [icon-name]):not([data-slot-names~=unnamed])) .sbb-button__label {
+  display: none;
+}
+
+.sbb-button__label,
+::slotted([slot=icon]),
+sbb-icon {
+  transition: translate var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);
+  translate: 0 var(--sbb-button-translate-y-content-hover, 0);
+}`;
+const primaryButton = css`:host {
+  --sbb-button-color-active-background: var(--sbb-color-red150);
+  --sbb-button-color-active-border: var(--sbb-color-red150);
+  --sbb-button-color-active-text: var(--sbb-color-cloud);
+  --sbb-button-color-default-background: var(--sbb-color-red);
+  --sbb-button-color-default-border: var(--sbb-color-red);
+  --sbb-button-color-default-text: var(--sbb-color-white);
+  --sbb-button-color-hover-background: var(--sbb-color-red125);
+  --sbb-button-color-hover-border: var(--sbb-color-red125);
+  --sbb-button-color-hover-text: var(--sbb-color-milk);
+  --sbb-button-shadow-1-color: var(--sbb-color-red-alpha-20);
+  --sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-20);
+}
+
+:host([negative]) {
+  --sbb-button-color-active-background: var(--sbb-color-red150);
+  --sbb-button-color-active-border: var(--sbb-color-red150);
+  --sbb-button-color-active-text: var(--sbb-color-cloud);
+  --sbb-button-color-default-background: var(--sbb-color-red);
+  --sbb-button-color-default-border: var(--sbb-color-red);
+  --sbb-button-color-default-text: var(--sbb-color-white);
+  --sbb-button-color-hover-background: var(--sbb-color-red125);
+  --sbb-button-color-hover-border: var(--sbb-color-red125);
+  --sbb-button-color-hover-text: var(--sbb-color-milk);
+  --sbb-button-shadow-1-color: var(--sbb-color-red-alpha-60);
+  --sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-60);
+}
+
+:host(:not([disabled], :disabled, [disabled-interactive], :active, [data-active])) {
+  --sbb-button-box-shadow: var(--sbb-button-box-shadow-definition);
+}`;
+const secondaryButton = css`:host {
+  --sbb-button-color-active-background: var(--sbb-color-milk);
+  --sbb-button-color-active-border: var(--sbb-color-cloud);
+  --sbb-button-color-active-text: var(--sbb-color-anthracite);
+  --sbb-button-color-default-background: var(--sbb-color-white);
+  --sbb-button-color-default-border: var(--sbb-color-cloud);
+  --sbb-button-color-default-text: var(--sbb-color-charcoal);
+  --sbb-button-color-hover-background: var(--sbb-color-white);
+  --sbb-button-color-hover-border: var(--sbb-color-cloud);
+  --sbb-button-color-hover-text: var(--sbb-color-iron);
+  --sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);
+  --sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20);
+  --sbb-button-border-overlap-fix: 0rem;
+}
+
+:host([negative]) {
+  --sbb-button-color-active-background: var(--sbb-color-charcoal);
+  --sbb-button-color-active-border: var(--sbb-color-iron);
+  --sbb-button-color-active-text: var(--sbb-color-graphite);
+  --sbb-button-color-default-background: var(--sbb-color-midnight);
+  --sbb-button-color-default-border: var(--sbb-color-iron);
+  --sbb-button-color-default-text: var(--sbb-color-white);
+  --sbb-button-color-hover-background: var(--sbb-color-midnight);
+  --sbb-button-color-hover-border: var(--sbb-color-iron);
+  --sbb-button-color-hover-text: var(--sbb-color-cloud);
+  --sbb-button-shadow-1-color: var(--sbb-color-black-alpha-30);
+  --sbb-button-shadow-2-color: var(--sbb-color-black-alpha-30);
+}
+
+:host(:not([disabled], :disabled, [disabled-interactive], :active, [data-active])) {
+  --sbb-button-box-shadow: var(--sbb-button-box-shadow-definition);
+}`;
+const accentButton = css`:host {
+  --sbb-button-color-active-background: var(--sbb-color-midnight);
+  --sbb-button-color-active-border: var(--sbb-color-midnight);
+  --sbb-button-color-active-text: var(--sbb-color-cloud);
+  --sbb-button-color-default-background: var(--sbb-color-charcoal);
+  --sbb-button-color-default-border: var(--sbb-color-charcoal);
+  --sbb-button-color-default-text: var(--sbb-color-white);
+  --sbb-button-color-hover-background: var(--sbb-color-charcoal);
+  --sbb-button-color-hover-border: var(--sbb-color-charcoal);
+  --sbb-button-color-hover-text: var(--sbb-color-milk);
+  --sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);
+  --sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20);
+}
+
+:host([negative]) {
+  --sbb-button-color-active-background: var(--sbb-color-white);
+  --sbb-button-color-active-border: var(--sbb-color-white);
+  --sbb-button-color-active-text: var(--sbb-color-anthracite);
+  --sbb-button-color-default-background: var(--sbb-color-milk);
+  --sbb-button-color-default-border: var(--sbb-color-milk);
+  --sbb-button-color-default-text: var(--sbb-color-midnight);
+  --sbb-button-color-hover-background: var(--sbb-color-milk);
+  --sbb-button-color-hover-border: var(--sbb-color-milk);
+  --sbb-button-color-hover-text: var(--sbb-color-iron);
+  --sbb-button-shadow-1-color: var(--sbb-color-black-alpha-30);
+  --sbb-button-shadow-2-color: var(--sbb-color-black-alpha-30);
+}
+
+:host(:not([disabled], :disabled, [disabled-interactive], :active, [data-active])) {
+  --sbb-button-box-shadow: var(--sbb-button-box-shadow-definition);
+}`;
+const transparentButton = css`:host {
+  --sbb-button-color-active-background: var(--sbb-color-cloud);
+  --sbb-button-color-active-border: var(--sbb-color-cloud);
+  --sbb-button-color-active-text: var(--sbb-color-midnight);
+  --sbb-button-color-default-background: transparent;
+  --sbb-button-color-default-border: transparent;
+  --sbb-button-color-default-text: var(--sbb-color-midnight);
+  --sbb-button-color-hover-background: var(--sbb-color-milk);
+  --sbb-button-color-hover-border: var(--sbb-color-milk);
+  --sbb-button-color-hover-text: var(--sbb-color-midnight);
+}
+
+:host([negative]) {
+  --sbb-button-color-active-background: var(--sbb-color-iron);
+  --sbb-button-color-active-border: var(--sbb-color-iron);
+  --sbb-button-color-active-text: var(--sbb-color-white);
+  --sbb-button-color-default-background: transparent;
+  --sbb-button-color-default-border: transparent;
+  --sbb-button-color-default-text: var(--sbb-color-white);
+  --sbb-button-color-hover-background: var(--sbb-color-charcoal);
+  --sbb-button-color-hover-border: var(--sbb-color-charcoal);
+  --sbb-button-color-hover-text: var(--sbb-color-white);
+}`;
+export {
+  accentButton as a,
+  buttonCommon as b,
+  primaryButton as p,
+  secondaryButton as s,
+  transparentButton as t
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNwYXJlbnQtYnV0dG9uLURkYl9zMGEwLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9