@opentrainticketing/netex-deckplan-editor 1.0.8 → 1.0.9

package/dist/netex-deckplan-editor-vue.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as se, ref as $, computed as ae, resolveComponent as oe, createBlock as D, openBlock as m, withCtx as ve, createVNode as G, createElementBlock as k, createCommentVNode as be, Fragment as z, renderList as j, createElementVNode as S, withDirectives as me, toDisplayString as Z, vModelText as We, normalizeClass as le, vModelDynamic as st, vModelCheckbox as nt, watch as Ue, nextTick as it, reactive as Ae, mergeProps as rt, withModifiers as we } from "vue";
+import { defineComponent as ne, ref as $, computed as le, resolveComponent as ae, createBlock as D, openBlock as m, withCtx as ve, createVNode as G, createElementBlock as k, createCommentVNode as be, Fragment as z, renderList as j, createElementVNode as w, withDirectives as me, toDisplayString as Z, vModelText as We, normalizeClass as te, vModelDynamic as st, vModelCheckbox as nt, watch as Ue, nextTick as it, reactive as Ae, mergeProps as rt, withModifiers as we } from "vue";
 const qe = ":A-Za-z_\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD", ot = qe + "\\-.\\d\\u00B7\\u0300-\\u036F\\u203F-\\u2040", at = "[" + qe + "][" + ot + "]*", lt = new RegExp("^" + at + "$");
 function Be(t, e) {
   const s = [];
@@ -651,7 +651,7 @@ const $t = function(t) {
   for (let o = 0; o < t.length; o++)
     if (t[o] === "<")
       if (t[o + 1] === "/") {
-        const a = te(t, ">", o, "Closing Tag is not closed.");
+        const a = se(t, ">", o, "Closing Tag is not closed.");
         let l = t.substring(o + 2, a).trim();
         if (this.options.removeNSPrefix) {
           const f = l.indexOf(":");
@@ -672,7 +672,7 @@ const $t = function(t) {
         }
         o = a.closeIndex + 1;
       } else if (t.substr(o + 1, 3) === "!--") {
-        const a = te(t, "-->", o + 4, "Comment is not closed.");
+        const a = se(t, "-->", o + 4, "Comment is not closed.");
         if (this.options.commentPropName) {
           const l = t.substring(o + 4, a - 2);
           n = this.saveTextToParentTag(n, s, i), s.add(this.options.commentPropName, [{ [this.options.textNodeName]: l }]);
@@ -682,7 +682,7 @@ const $t = function(t) {
         const a = r.readDocType(t, o);
         this.docTypeEntities = a.entities, o = a.i;
       } else if (t.substr(o + 1, 2) === "![") {
-        const a = te(t, "]]>", o, "CDATA is not closed.") - 2, l = t.substring(o + 9, a);
+        const a = se(t, "]]>", o, "CDATA is not closed.") - 2, l = t.substring(o + 9, a);
         n = this.saveTextToParentTag(n, s, i);
         let h = this.parseTextData(l, s.tagname, i, !0, !1, !0, !0);
         h == null && (h = ""), this.options.cdataPropName ? s.add(this.options.cdataPropName, [{ [this.options.textNodeName]: l }]) : s.add(this.options.textNodeName, h), o = a + 2;
@@ -691,15 +691,15 @@ const $t = function(t) {
         const h = a.rawTagName;
         let d = a.tagExp, f = a.attrExpPresent, y = a.closeIndex;
         if (this.options.transformTagName) {
-          const w = this.options.transformTagName(l);
-          d === l && (d = w), l = w;
+          const S = this.options.transformTagName(l);
+          d === l && (d = S), l = S;
         }
         s && n && s.tagname !== "!xml" && (n = this.saveTextToParentTag(n, s, i, !1));
         const x = s;
         x && this.options.unpairedTags.indexOf(x.tagname) !== -1 && (s = this.tagsNodeStack.pop(), i = i.substring(0, i.lastIndexOf("."))), l !== e.tagname && (i += i ? "." + l : l);
         const V = o;
         if (this.isItStopNode(this.stopNodesExact, this.stopNodesWildcard, i, l)) {
-          let w = "";
+          let S = "";
           if (d.length > 0 && d.lastIndexOf("/") === d.length - 1)
             l[l.length - 1] === "/" ? (l = l.substr(0, l.length - 1), i = i.substr(0, i.length - 1), d = l) : d = d.substr(0, d.length - 1), o = a.closeIndex;
           else if (this.options.unpairedTags.indexOf(l) !== -1)
@@ -707,24 +707,24 @@ const $t = function(t) {
           else {
             const B = this.readStopNodeData(t, h, y + 1);
             if (!B) throw new Error(`Unexpected end of ${h}`);
-            o = B.i, w = B.tagContent;
+            o = B.i, S = B.tagContent;
           }
           const F = new ee(l);
           l !== d && f && (F[":@"] = this.buildAttributesMap(
             d,
             i
-          )), w && (w = this.parseTextData(w, l, i, !0, f, !0, !0)), i = i.substr(0, i.lastIndexOf(".")), F.add(this.options.textNodeName, w), this.addChild(s, F, i, V);
+          )), S && (S = this.parseTextData(S, l, i, !0, f, !0, !0)), i = i.substr(0, i.lastIndexOf(".")), F.add(this.options.textNodeName, S), this.addChild(s, F, i, V);
         } else {
           if (d.length > 0 && d.lastIndexOf("/") === d.length - 1) {
             if (l[l.length - 1] === "/" ? (l = l.substr(0, l.length - 1), i = i.substr(0, i.length - 1), d = l) : d = d.substr(0, d.length - 1), this.options.transformTagName) {
               const F = this.options.transformTagName(l);
               d === l && (d = F), l = F;
             }
-            const w = new ee(l);
-            l !== d && f && (w[":@"] = this.buildAttributesMap(d, i)), this.addChild(s, w, i, V), i = i.substr(0, i.lastIndexOf("."));
+            const S = new ee(l);
+            l !== d && f && (S[":@"] = this.buildAttributesMap(d, i)), this.addChild(s, S, i, V), i = i.substr(0, i.lastIndexOf("."));
           } else {
-            const w = new ee(l);
-            this.tagsNodeStack.push(s), l !== d && f && (w[":@"] = this.buildAttributesMap(d, i)), this.addChild(s, w, i, V), s = w;
+            const S = new ee(l);
+            this.tagsNodeStack.push(s), l !== d && f && (S[":@"] = this.buildAttributesMap(d, i)), this.addChild(s, S, i, V), s = S;
           }
           n = "", o = y;
         }
@@ -794,7 +794,7 @@ function qt(t, e, s = ">") {
     i += o;
   }
 }
-function te(t, e, s, n) {
+function se(t, e, s, n) {
   const i = t.indexOf(e, s);
   if (i === -1)
     throw new Error(n);
@@ -826,7 +826,7 @@ function Bt(t, e, s) {
   for (; s < t.length; s++)
     if (t[s] === "<")
       if (t[s + 1] === "/") {
-        const r = te(t, ">", s, `${e} is not closed`);
+        const r = se(t, ">", s, `${e} is not closed`);
         if (t.substring(s + 2, r).trim() === e && (i--, i === 0))
           return {
             tagContent: t.substring(n, s),
@@ -834,11 +834,11 @@ function Bt(t, e, s) {
           };
         s = r;
       } else if (t[s + 1] === "?")
-        s = te(t, "?>", s + 1, "StopNode is not closed.");
+        s = se(t, "?>", s + 1, "StopNode is not closed.");
       else if (t.substr(s + 1, 3) === "!--")
-        s = te(t, "-->", s + 3, "StopNode is not closed.");
+        s = se(t, "-->", s + 3, "StopNode is not closed.");
       else if (t.substr(s + 1, 2) === "![")
-        s = te(t, "]]>", s, "StopNode is not closed.") - 2;
+        s = se(t, "]]>", s, "StopNode is not closed.") - 2;
       else {
         const r = Ne(t, s, ">");
         r && ((r && r.tagName) === e && r.tagExp[r.tagExp.length - 1] !== "/" && i++, s = r.closeIndex);
@@ -972,8 +972,8 @@ function Ge(t, e, s, n) {
       continue;
     } else if (a[0] === "?") {
       const x = Oe(c[":@"], e), V = a === "?xml" ? "" : n;
-      let w = c[a][0][e.textNodeName];
-      w = w.length !== 0 ? " " + w : "", i += V + `<${a}${w}${x}?>`, r = !0;
+      let S = c[a][0][e.textNodeName];
+      S = S.length !== 0 ? " " + S : "", i += V + `<${a}${S}${x}?>`, r = !0;
       continue;
     }
     let h = n;
@@ -1321,13 +1321,13 @@ class Ke {
     IsEmergencyExit: y,
     HasDoor: x,
     IsAutomatic: V,
-    Centroid: w = void 0
+    Centroid: S = void 0
     // sensorInEntrance,
   }) {
     this.attr_id = e, this.attr_version = s, this.Name = n ? new je(n) : void 0, this.Label = i?.text_value, this.Width = r?.text_value, this.Height = o?.text_value, this.actualVehicleEquipments = P(
       c?.ActualVehicleEquipment,
       ge
-    ), this.PublicUse = a?.text_value, this.VehicleSide = l?.text_value, this.SequenceFromFront = h?.text_value, this.HeightFromGround = d?.text_value, this.DeckEntranceType = f?.text_value, this.IsEmergencyExit = y?.text_value, this.HasDoor = x?.text_value, this.IsAutomatic = V?.text_value, this.Centroid = w ? Q.fromXML(w) : void 0;
+    ), this.PublicUse = a?.text_value, this.VehicleSide = l?.text_value, this.SequenceFromFront = h?.text_value, this.HeightFromGround = d?.text_value, this.DeckEntranceType = f?.text_value, this.IsEmergencyExit = y?.text_value, this.HasDoor = x?.text_value, this.IsAutomatic = V?.text_value, this.Centroid = S ? Q.fromXML(S) : void 0;
   }
   toXML() {
     return {
@@ -1723,13 +1723,13 @@ class W {
     ServiceFacilitySetRef: x,
     // spotAffinities,
     Centroid: V,
-    Polygon: w,
+    Polygon: S,
     PublicUse: F,
     TotalCapacity: B,
     FareClass: de,
-    AirConditioned: ne
+    AirConditioned: ie
   }) {
-    this.attr_id = e, this.attr_version = s, this.Name = n, this.SmokingAllowed = i, this.StandingAllowed = r, this.PassengerSpaceType = o, this.passengerSpots = c ? Object.entries(c).flatMap(([H, b]) => H === "PassengerSpot" ? P(b, ce) : H === "PassengerSpotRef" ? P(b, gs) : []) : [], this.luggageSpots = a ? Object.entries(a).flatMap(([H, b]) => H === "LuggageSpot" ? P(b, hs) : H === "LuggageSpotRef" ? P(b, fs) : []) : [], this.deckEntrances = P(l?.PassengerEntrance, Ke), this.deckEntranceUsage = P(h?.DeckEntranceUsage, ls), this.deckEntranceCouples = P(d?.DeckEntranceCouple, rs), this.deckSpaceCapacities = P(f?.DeckSpaceCapacity, cs), this.actualVehicleEquipments = P(y?.ActualVehicleEquipment, ge), this.ServiceFacilitySetRef = x ? new ps(x) : void 0, this.Centroid = V ? Q.fromXML(V) : void 0, this.Polygon = w ? new Je(w) : void 0, this.PublicUse = F?.text_value, this.TotalCapacity = B?.text_value, this.FareClass = de?.text_value, this.AirConditioned = ne?.text_value;
+    this.attr_id = e, this.attr_version = s, this.Name = n, this.SmokingAllowed = i, this.StandingAllowed = r, this.PassengerSpaceType = o, this.passengerSpots = c ? Object.entries(c).flatMap(([H, b]) => H === "PassengerSpot" ? P(b, ce) : H === "PassengerSpotRef" ? P(b, gs) : []) : [], this.luggageSpots = a ? Object.entries(a).flatMap(([H, b]) => H === "LuggageSpot" ? P(b, hs) : H === "LuggageSpotRef" ? P(b, fs) : []) : [], this.deckEntrances = P(l?.PassengerEntrance, Ke), this.deckEntranceUsage = P(h?.DeckEntranceUsage, ls), this.deckEntranceCouples = P(d?.DeckEntranceCouple, rs), this.deckSpaceCapacities = P(f?.DeckSpaceCapacity, cs), this.actualVehicleEquipments = P(y?.ActualVehicleEquipment, ge), this.ServiceFacilitySetRef = x ? new ps(x) : void 0, this.Centroid = V ? Q.fromXML(V) : void 0, this.Polygon = S ? new Je(S) : void 0, this.PublicUse = F?.text_value, this.TotalCapacity = B?.text_value, this.FareClass = de?.text_value, this.AirConditioned = ie?.text_value;
   }
   toXML() {
     return {
@@ -1835,7 +1835,7 @@ class De {
     };
   }
 }
-const et = /* @__PURE__ */ se({
+const et = /* @__PURE__ */ ne({
   __name: "DeckVisualization",
   props: {
     deck: {
@@ -1856,10 +1856,10 @@ const et = /* @__PURE__ */ se({
   },
   emits: ["select", "area-select"],
   setup(t, { emit: e }) {
-    const s = t, n = e, i = $(null), r = $(!1), o = $({ x: 0, y: 0 }), c = $([]), a = $(/* @__PURE__ */ new Map()), l = ae(() => s.deck.deckspaces?.flatMap((u) => u instanceof W ? u.passengerSpots?.filter((g) => g instanceof ce) || [] : []).map((u) => {
+    const s = t, n = e, i = $(null), r = $(!1), o = $({ x: 0, y: 0 }), c = $([]), a = $(/* @__PURE__ */ new Map()), l = le(() => s.deck.deckspaces?.flatMap((u) => u instanceof W ? u.passengerSpots?.filter((g) => g instanceof ce) || [] : []).map((u) => {
       const g = u;
       return g.availability = s.availability && u.attr_id ? fe[s.availability[u.attr_id] ?? "Undefined"] : fe.Undefined, g;
-    }) || []), h = ae(() => s.deck.deckspaces?.flatMap((u) => u instanceof W ? u.deckEntrances || [] : []) || []), d = (u) => s.selectedElements.includes(u) ? {
+    }) || []), h = le(() => s.deck.deckspaces?.flatMap((u) => u instanceof W ? u.deckEntrances || [] : []) || []), d = (u) => s.selectedElements.includes(u) ? {
       stroke: "#68a691",
       strokeWidth: 3
     } : {}, f = (u, g) => {
@@ -1894,7 +1894,7 @@ const et = /* @__PURE__ */ se({
       E.invert();
       const N = E.point(p);
       i.value.width = N.x - o.value.x, i.value.height = N.y - o.value.y;
-    }, w = () => {
+    }, S = () => {
       if (!r.value) return;
       r.value = !1;
       const u = i.value;
@@ -1935,29 +1935,29 @@ const et = /* @__PURE__ */ se({
         s.selectedElements.forEach((Y) => {
           if (Y !== g && Y instanceof ce) {
             const X = a.value.get(Y);
-            X && ne(Y, X.x + _, X.y + M);
+            X && ie(Y, X.x + _, X.y + M);
           }
         });
       }
     }, de = (u, g) => {
       c.value = [];
       const p = u.target.x(), E = u.target.y();
-      ne(g, p, E), a.value.clear();
-    }, ne = (u, g, p) => {
+      ie(g, p, E), a.value.clear();
+    }, ie = (u, g, p) => {
       u.Centroid ? (u.Centroid.x = (g - 5) / s.scale + u.Width / 2, u.Centroid.y = (p - 5) / s.scale + u.Length / 2) : u.Centroid = new Q(
         (g - 5) / s.scale + u.Width / 2,
         (p - 5) / s.scale + u.Length / 2
       );
     }, H = (u, g) => {
       const p = u.target.x(), E = u.target.y(), N = s.deck.Width * s.scale, I = s.deck.Length * s.scale, A = g.getShape(s.scale, s.deck.Length, s.deck.Width), C = A.width, v = A.height, L = 5, _ = 5, M = L + I, Y = _ + N, X = p + C / 2, xe = E + v / 2, Ce = Math.abs(X - L), Te = Math.abs(X - M), Pe = Math.abs(xe - _), Le = Math.abs(xe - Y), pe = Math.min(Ce, Te, Pe, Le);
-      let ie = p, re = E;
-      pe === Pe ? (re = _, ie = Math.max(L, Math.min(p, M - C))) : pe === Le ? (re = Y - v, ie = Math.max(L, Math.min(p, M - C))) : pe === Ce ? (ie = L, re = N / 2 + 5 - v / 2) : pe === Te && (ie = M - C, re = N / 2 + 5 - v / 2), u.target.x(ie), u.target.y(re), g.Centroid || (g.Centroid = new Q(0, 0)), g.Centroid.x = ie / s.scale, g.Centroid.y = re / s.scale;
+      let re = p, oe = E;
+      pe === Pe ? (oe = _, re = Math.max(L, Math.min(p, M - C))) : pe === Le ? (oe = Y - v, re = Math.max(L, Math.min(p, M - C))) : pe === Ce ? (re = L, oe = N / 2 + 5 - v / 2) : pe === Te && (re = M - C, oe = N / 2 + 5 - v / 2), u.target.x(re), u.target.y(oe), g.Centroid || (g.Centroid = new Q(0, 0)), g.Centroid.x = re / s.scale, g.Centroid.y = oe / s.scale;
     }, b = (u, g) => {
       const p = u.target.x(), E = u.target.y(), N = s.deck.Width * s.scale, I = s.deck.Length * s.scale, A = g.getShape(s.scale, s.deck.Length, s.deck.Width), C = A.width, v = A.height, L = 5, _ = 5, M = L + I, Y = _ + N, X = 1;
       Math.abs(E - _) < X ? (g.VehicleSide = "leftSide", g.SequenceFromFront = (p - L + C / 2) / s.scale) : Math.abs(E - (Y - v)) < X ? (g.VehicleSide = "rightSide", g.SequenceFromFront = (p - L + C / 2) / s.scale) : Math.abs(p - L) < X ? (g.VehicleSide = "front", g.SequenceFromFront = 0) : Math.abs(p - (M - C)) < X && (g.VehicleSide = "back", g.SequenceFromFront = s.deck.Length);
     };
     return (u, g) => {
-      const p = oe("v-rect"), E = oe("v-text"), N = oe("v-group"), I = oe("v-line"), A = oe("v-layer"), C = oe("v-stage");
+      const p = ae("v-rect"), E = ae("v-text"), N = ae("v-group"), I = ae("v-line"), A = ae("v-layer"), C = ae("v-stage");
       return m(), D(C, {
         config: f(t.deck, t.scale)
       }, {
@@ -1979,7 +1979,7 @@ const et = /* @__PURE__ */ se({
                 },
                 onMousedown: x,
                 onMousemove: V,
-                onMouseup: w
+                onMouseup: S
               }, null, 8, ["config"]),
               (m(!0), k(z, null, j(l.value, (v, L) => (m(), D(N, {
                 key: `seats-${L}`,
@@ -2060,7 +2060,7 @@ const et = /* @__PURE__ */ se({
       }, 8, ["config"]);
     };
   }
-}), ms = { class: "flex flex-col h-full" }, bs = { class: "flex p-4 w-full items-center justify-center gap-10" }, ys = { for: "scale-slider" }, Es = { style: { display: "flex", "flex-direction": "row", "overflow-x": "auto", gap: "20px", padding: "20px" } }, ws = ["onClick"], tt = /* @__PURE__ */ se({
+}), ms = { class: "flex flex-col h-full" }, bs = { class: "flex p-4 w-full items-center justify-center gap-10" }, ys = { for: "scale-slider" }, Es = { style: { display: "flex", "flex-direction": "row", "overflow-x": "auto", gap: "20px", padding: "20px" } }, ws = ["onClick"], tt = /* @__PURE__ */ ne({
   __name: "WagonVisualization",
   props: {
     deckPlans: {
@@ -2075,9 +2075,9 @@ const et = /* @__PURE__ */ se({
   setup(t) {
     const e = $(20);
     return (s, n) => (m(), k("div", ms, [
-      S("div", bs, [
-        S("label", ys, "Scale: " + Z(e.value), 1),
-        me(S("input", {
+      w("div", bs, [
+        w("label", ys, "Scale: " + Z(e.value), 1),
+        me(w("input", {
           id: "scale-slider",
           type: "range",
           min: "10",
@@ -2092,17 +2092,17 @@ const et = /* @__PURE__ */ se({
           ]
         ])
       ]),
-      S("div", Es, [
+      w("div", Es, [
         (m(!0), k(z, null, j(t.deckPlans, (i, r) => (m(), k("div", {
           key: `deckplan-${r}`
         }, [
-          S("h3", null, Z(i.attr_id), 1),
+          w("h3", null, Z(i.attr_id), 1),
           (m(!0), k(z, null, j(i.decks, (o, c) => (m(), k("div", {
             key: `deck-${c}`
           }, [
-            S("h4", {
+            w("h4", {
               onClick: (a) => s.$emit("select", { element: o, ctrlKey: !1 }),
-              class: le(`${t.selectedElements.includes(o) ? "text-ott-accent" : ""} cursor-pointer`)
+              class: te(`${t.selectedElements.includes(o) ? "text-ott-accent" : ""} cursor-pointer`)
             }, Z(o.Name), 11, ws),
             G(et, {
               deck: o,
@@ -2116,7 +2116,7 @@ const et = /* @__PURE__ */ se({
       ])
     ]));
   }
-}), Ss = { class: "bg-ott-bg-primary p-4" }, Ns = { class: "flex justify-between items-center mb-4" }, ks = { key: 0 }, _s = ["for"], xs = ["id", "onUpdate:modelValue", "type"], Cs = ["id", "onUpdate:modelValue"], Ts = { key: 2 }, Ps = ["id", "onUpdate:modelValue"], Ls = { key: 3 }, As = { key: 4 }, Is = { key: 1 }, Ms = /* @__PURE__ */ se({
+}), Ss = { class: "bg-ott-bg-primary p-4" }, Ns = { class: "flex justify-between items-center mb-4" }, ks = { key: 0 }, _s = ["for"], xs = ["id", "onUpdate:modelValue", "type"], Cs = ["id", "onUpdate:modelValue"], Ts = { key: 2 }, Ps = ["id", "onUpdate:modelValue"], Ls = { key: 3 }, As = { key: 4 }, Is = { key: 1 }, Ms = /* @__PURE__ */ ne({
   __name: "ObjectProperties",
   props: {
     element: {
@@ -2127,8 +2127,8 @@ const et = /* @__PURE__ */ se({
   emits: ["delete"],
   setup(t) {
     return (e, s) => (m(), k("div", Ss, [
-      S("div", Ns, [
-        s[1] || (s[1] = S("h3", { class: "font-bold" }, "Properties", -1)),
+      w("div", Ns, [
+        s[1] || (s[1] = w("h3", { class: "font-bold" }, "Properties", -1)),
         t.element ? (m(), k("button", {
           key: 0,
           class: "ott-button border-ott-error! text-ott-error!",
@@ -2140,7 +2140,7 @@ const et = /* @__PURE__ */ se({
           key: i,
           class: "flex items-center mb-10"
         }, [
-          S("label", {
+          w("label", {
             for: i,
             class: "min-w-[150px] font-bold"
           }, Z(i), 9, _s),
@@ -2159,7 +2159,7 @@ const et = /* @__PURE__ */ se({
           }, null, 8, Cs)), [
             [nt, t.element[i]]
           ]) : n && typeof n == "object" && n.value !== void 0 ? (m(), k("span", Ts, [
-            me(S("input", {
+            me(w("input", {
               id: i,
               "onUpdate:modelValue": (r) => n.value = r,
               type: "text"
@@ -2169,7 +2169,7 @@ const et = /* @__PURE__ */ se({
           ])) : n && Array.isArray(n) ? (m(), k("span", Ls, Z(n.length) + " elements ", 1)) : (m(), k("span", As, Z(n), 1))
         ]))), 128))
       ])) : (m(), k("div", Is, [...s[2] || (s[2] = [
-        S("p", null, "Select an element to view properties.", -1)
+        w("p", null, "Select an element to view properties.", -1)
       ])]))
     ]));
   }
@@ -2178,25 +2178,25 @@ const et = /* @__PURE__ */ se({
   for (const [n, i] of e)
     s[n] = i;
   return s;
-}, Rs = /* @__PURE__ */ Vs(Ms, [["__scopeId", "data-v-1987e529"]]), Os = { class: "flex flex-col gap-2 p-4 bg-white flex-1" }, $s = { class: "flex flex-col gap-2" }, Fs = /* @__PURE__ */ se({
+}, Rs = /* @__PURE__ */ Vs(Ms, [["__scopeId", "data-v-1987e529"]]), Os = { class: "flex flex-col gap-2 p-4 bg-white flex-1" }, $s = { class: "flex flex-col gap-2" }, Fs = /* @__PURE__ */ ne({
   __name: "ElementCatalog",
   emits: ["add-seat", "add-door"],
   setup(t) {
     return (e, s) => (m(), k("div", Os, [
-      s[2] || (s[2] = S("h3", { class: "font-bold mb-2" }, "Catalog", -1)),
-      S("div", $s, [
-        S("button", {
+      s[2] || (s[2] = w("h3", { class: "font-bold mb-2" }, "Catalog", -1)),
+      w("div", $s, [
+        w("button", {
           class: "ott-button w-fit text-left",
           onClick: s[0] || (s[0] = (n) => e.$emit("add-seat"))
         }, " + Add Seat "),
-        S("button", {
+        w("button", {
           class: "ott-button w-fit text-left",
           onClick: s[1] || (s[1] = (n) => e.$emit("add-door"))
         }, " + Add Door ")
       ])
     ]));
   }
-}), Xs = { class: "h-full overflow-y-auto bg-gray-100 p-4 font-mono text-sm" }, Ws = ["id"], Us = /* @__PURE__ */ se({
+}), Xs = { class: "h-full overflow-y-auto bg-gray-100 p-4 font-mono text-sm" }, Ws = ["id"], Us = /* @__PURE__ */ ne({
   __name: "XmlViewer",
   props: {
     xml: {
@@ -2209,7 +2209,7 @@ const et = /* @__PURE__ */ se({
     }
   },
   setup(t) {
-    const e = t, s = ae(() => e.xml.split(`
+    const e = t, s = le(() => e.xml.split(`
 `)), n = $(null), i = (o) => n.value ? o >= n.value.start && o <= n.value.end : !1, r = () => {
       if (!e.selectedId) {
         n.value = null;
@@ -2251,9 +2251,9 @@ const et = /* @__PURE__ */ se({
       (m(!0), k(z, null, j(s.value, (a, l) => (m(), k("div", {
         key: l,
         id: `line-${l}`,
-        class: le({ "bg-yellow-200": i(l) })
+        class: te({ "bg-yellow-200": i(l) })
       }, [
-        S("pre", null, Z(a), 1)
+        w("pre", null, Z(a), 1)
       ], 10, Ws))), 128))
     ]));
   }
@@ -2263,11 +2263,11 @@ const et = /* @__PURE__ */ se({
     attributeNamePrefix: "attr_",
     removeNSPrefix: !0
   }).parse(t);
-  return console.log(s), P(
+  return P(
     s.PublicationDelivery.dataObjects.CompositeFrame.frames.ResourceFrame.deckPlans.DeckPlan,
     De
   );
-}, Bs = { class: "flex flex-col h-full" }, Hs = { class: "p-4 border-b border-b-ott-bg-dark flex gap-2 items-center bg-ott-bg-primary" }, Ys = { class: "flex-1 flex overflow-hidden" }, Gs = { class: "flex-1 overflow-hidden" }, zs = { class: "flex flex-row h-75 border-t border-ott-bg-dark" }, js = /* @__PURE__ */ se({
+}, Bs = { class: "flex flex-col h-full" }, Hs = { class: "p-4 border-b border-b-ott-bg-dark flex gap-2 items-center bg-ott-bg-primary" }, Ys = { class: "flex-1 flex overflow-hidden" }, Gs = { class: "flex-1 overflow-hidden" }, zs = { class: "flex flex-row h-75 border-t border-ott-bg-dark" }, js = /* @__PURE__ */ ne({
   __name: "DeckplanEditor",
   setup(t, { expose: e }) {
     const s = $(null), n = $([]), i = $([]), r = $(null), o = $(!1), c = $(""), a = () => {
@@ -2330,7 +2330,7 @@ const et = /* @__PURE__ */ se({
         p.href = URL.createObjectURL(g), p.download = "Demo.xml", p.click();
       }
     }
-    const V = () => n.value.length > 0 && n.value[0]?.decks.length && n.value[0]?.decks?.length > 0 ? n.value[0].decks[0] : null, w = () => {
+    const V = () => n.value.length > 0 && n.value[0]?.decks.length && n.value[0]?.decks?.length > 0 ? n.value[0].decks[0] : null, S = () => {
       const b = V();
       if (!b) return;
       const u = b.deckspaces?.find((p) => p instanceof W);
@@ -2408,7 +2408,7 @@ const et = /* @__PURE__ */ se({
         format: !0
       }).build(r.value)) : null;
     }
-    function ne() {
+    function ie() {
       return new W({
         attr_id: `ps-${Date.now()}`,
         attr_version: "1",
@@ -2460,7 +2460,7 @@ const et = /* @__PURE__ */ se({
       p.forEach((E) => {
         E.decks.forEach((N) => {
           if (!N.deckspaces || N.deckspaces.length === 0) {
-            N.deckspaces = [ne()];
+            N.deckspaces = [ie()];
             return;
           }
           const I = [];
@@ -2474,8 +2474,8 @@ const et = /* @__PURE__ */ se({
       exportXml: de,
       loadXml: H
     }), (b, u) => (m(), k("div", Bs, [
-      S("div", Hs, [
-        S("input", {
+      w("div", Hs, [
+        w("input", {
           ref: "inputRef",
           class: "ott-button",
           type: "file",
@@ -2483,21 +2483,21 @@ const et = /* @__PURE__ */ se({
           onChange: f,
           accept: "text/xml"
         }, null, 544),
-        S("button", {
+        w("button", {
           onClick: y,
           class: "ott-button"
         }, "Load"),
-        S("button", {
+        w("button", {
           onClick: x,
           class: "ott-button"
         }, "Save"),
-        S("button", {
+        w("button", {
           onClick: l,
-          class: le(["ott-button", { "bg-ott-accent text-white": o.value }])
+          class: te(["ott-button", { "bg-ott-accent text-white": o.value }])
         }, "XML", 2)
       ]),
-      S("div", Ys, [
-        S("div", Gs, [
+      w("div", Ys, [
+        w("div", Gs, [
           n.value.length > 0 ? (m(), D(tt, {
             key: 0,
             deckPlans: n.value,
@@ -2513,7 +2513,7 @@ const et = /* @__PURE__ */ se({
           class: "w-1/3 border-l border-ott-bg-dark"
         }, null, 8, ["xml", "selectedId"])) : be("", !0)
       ]),
-      S("div", zs, [
+      w("div", zs, [
         G(Rs, {
           element: i.value.length === 1 ? i.value[0] : null,
           class: "flex-1 overflow-y-auto",
@@ -2521,7 +2521,7 @@ const et = /* @__PURE__ */ se({
         }, null, 8, ["element"]),
         G(Fs, {
           class: "w-50 border-l border-ott-bg-dark",
-          onAddSeat: w,
+          onAddSeat: S,
           onAddDoor: F
         })
       ])
@@ -2532,22 +2532,23 @@ const et = /* @__PURE__ */ se({
   DeckVisualization: et,
   DeckplanEditor: js,
   WagonVisualization: tt
-}, Symbol.toStringTag, { value: "Module" })), Ks = ["width", "height"], Zs = ["transform", "onClick"], Qs = ["transform"], Js = ["width", "height"], Ds = ["x", "width", "height"], en = ["x", "y", "font-size"], tn = ["transform", "onClick"], sn = ["width", "height"], nn = /* @__PURE__ */ se({
+}, Symbol.toStringTag, { value: "Module" })), Ks = ["width", "height"], Zs = ["transform"], Qs = ["transform", "onClick"], Js = ["transform"], Ds = ["width", "height"], en = ["x", "width", "height"], tn = ["transform"], sn = ["x", "y", "font-size"], nn = ["transform", "onClick"], rn = ["width", "height"], on = /* @__PURE__ */ ne({
   __name: "DeckRendering",
   props: {
     deck: { type: Object, required: !0 },
     scale: { type: Number, required: !0 },
     availability: {
       type: Object
-    }
+    },
+    vertical: { type: Boolean, default: !1 }
   },
   emits: ["select"],
   setup(t, { emit: e }) {
-    const s = t, n = Ae(/* @__PURE__ */ new Map()), i = Ae(/* @__PURE__ */ new Map()), r = e, o = ae(() => s.deck.deckspaces?.flatMap((h) => h instanceof W ? h.passengerSpots?.filter((d) => d instanceof ce) || [] : []).map((h) => (h.availability = s.availability && h.attr_id ? fe[s.availability[h.attr_id] ?? "Undefined"] : fe.Undefined, h)) || []), c = ae(
+    const s = t, n = Ae(/* @__PURE__ */ new Map()), i = Ae(/* @__PURE__ */ new Map()), r = e, o = le(() => s.deck.deckspaces?.flatMap((h) => h instanceof W ? h.passengerSpots?.filter((d) => d instanceof ce) || [] : []).map((h) => (h.availability = s.availability && h.attr_id ? fe[s.availability[h.attr_id] ?? "Undefined"] : fe.Undefined, h)) || []), c = le(
       () => s.deck.deckspaces?.flatMap(
         (h) => h instanceof W ? h.deckEntrances ?? [] : []
       ) ?? []
-    ), a = ae(() => {
+    ), a = le(() => {
       const { width: h, height: d } = s.deck.getBoundingBox();
       return {
         width: h * s.scale + 10,
@@ -2558,86 +2559,104 @@ const et = /* @__PURE__ */ se({
       r("select", { element: d, ctrlKey: h.ctrlKey || h.metaKey });
     }
     return (h, d) => (m(), k("svg", {
-      width: a.value.width,
-      height: a.value.height,
+      width: t.vertical ? a.value.height : a.value.width,
+      height: t.vertical ? a.value.width : a.value.height,
       class: "vehicle-frame",
       style: { "user-select": "none" }
     }, [
-      S("rect", rt({ ...t.deck.getShape(t.scale), y: 5 }, {
-        onClick: d[0] || (d[0] = we((f) => l(f, t.deck), ["stop"])),
-        class: "vehicle-deck"
-      }), null, 16),
-      (m(!0), k(z, null, j(o.value, (f, y) => (m(), k("g", {
-        key: `seat-${y}`,
-        transform: `translate(${n.get(f)?.x ?? f.getShape(t.scale).x},
-                             ${n.get(f)?.y ?? f.getShape(t.scale).y})`,
-        onClick: we((x) => l(x, f), ["stop"]),
-        class: le(`seat ${f.getClasses()}`)
+      w("g", {
+        class: te(`${t.vertical ? "vehicle-frame--vertical" : ""}`),
+        transform: `rotate(
+      ${t.vertical ? 90 : 0},
+      ${a.value.height / 2},
+      ${a.value.height / 2}
+    )`
       }, [
-        S("g", {
-          class: "seat__container",
-          transform: `rotate(  ${f.Orientation === "forwards" ? 180 : 0},  ${f.getShape(t.scale).width / 2}, ${f.getShape(t.scale).height / 2})`
+        w("rect", rt({ ...t.deck.getShape(t.scale), y: 5 }, {
+          onClick: d[0] || (d[0] = we((f) => l(f, t.deck), ["stop"])),
+          class: "vehicle-deck"
+        }), null, 16),
+        (m(!0), k(z, null, j(o.value, (f, y) => (m(), k("g", {
+          key: `seat-${y}`,
+          transform: `translate(${n.get(f)?.x ?? f.getShape(t.scale).x},
+                              ${n.get(f)?.y ?? f.getShape(t.scale).y})`,
+          onClick: we((x) => l(x, f), ["stop"]),
+          class: te(`seat ${f.getClasses()}`)
         }, [
-          S("rect", {
-            width: f.getShape(t.scale).width,
-            height: f.getShape(t.scale).height,
-            class: le("seat__base")
-          }, null, 8, Js),
-          S("rect", {
-            x: f.getShape(t.scale).width * 0.9,
-            y: "0",
-            width: f.getShape(t.scale).width * 0.2,
-            height: f.getShape(t.scale).height,
-            rx: "6",
-            ry: "6",
-            class: le(["seat__backrest", "seat__backrest"]),
-            "pointer-events": "none"
-          }, null, 8, Ds)
-        ], 8, Qs),
-        S("text", {
-          x: f.getShape(t.scale).width / 2,
-          y: f.getShape(t.scale).height / 2,
-          "text-anchor": "middle",
-          "dominant-baseline": "middle",
-          class: "seat__text",
-          "font-size": Math.max(
-            Math.min(f.getShape(t.scale).width, f.getShape(t.scale).height) / 3,
-            10
-          ),
-          "pointer-events": "none"
-        }, Z(f.Label), 9, en)
-      ], 10, Zs))), 128)),
-      (m(!0), k(z, null, j(c.value, (f, y) => (m(), k("g", {
-        key: `entrance-${y}`,
-        transform: `translate(${i.get(f)?.x ?? f.getShape(t.scale, t.deck.Length, t.deck.Width).x},
-                             ${i.get(f)?.y ?? f.getShape(t.scale, t.deck.Length, t.deck.Width).y})`,
-        onClick: we((x) => l(x, f), ["stop"])
-      }, [
-        S("rect", {
-          width: f.getShape(t.scale, t.deck.Length, t.deck.Width).width,
-          height: f.getShape(t.scale, t.deck.Length, t.deck.Width).height,
-          class: "door"
-        }, null, 8, sn)
-      ], 8, tn))), 128))
+          w("g", {
+            class: "seat__container",
+            transform: `rotate(  ${f.Orientation === "forwards" ? 180 : 0},  ${f.getShape(t.scale).width / 2}, ${f.getShape(t.scale).height / 2})`
+          }, [
+            w("rect", {
+              width: f.getShape(t.scale).width,
+              height: f.getShape(t.scale).height,
+              class: te("seat__base")
+            }, null, 8, Ds),
+            w("rect", {
+              x: f.getShape(t.scale).width * 0.9,
+              y: "0",
+              width: f.getShape(t.scale).width * 0.2,
+              height: f.getShape(t.scale).height,
+              rx: "6",
+              ry: "6",
+              class: te(["seat__backrest", "seat__backrest"]),
+              "pointer-events": "none"
+            }, null, 8, en)
+          ], 8, Js),
+          w("g", {
+            class: "seat__text-container",
+            transform: `rotate(
+          ${t.vertical ? -90 : 0},
+          ${f.getShape(t.scale).width / 2},
+          ${f.getShape(t.scale).height / 2}
+        )`
+          }, [
+            w("text", {
+              x: f.getShape(t.scale).width / 2,
+              y: f.getShape(t.scale).height / 2,
+              "text-anchor": "middle",
+              "dominant-baseline": "middle",
+              class: "seat__text",
+              "font-size": Math.max(
+                Math.min(f.getShape(t.scale).width, f.getShape(t.scale).height) / 3,
+                10
+              ),
+              "pointer-events": "none"
+            }, Z(f.Label), 9, sn)
+          ], 8, tn)
+        ], 10, Qs))), 128)),
+        (m(!0), k(z, null, j(c.value, (f, y) => (m(), k("g", {
+          key: `entrance-${y}`,
+          transform: `translate(${i.get(f)?.x ?? f.getShape(t.scale, t.deck.Length, t.deck.Width).x},
+                              ${i.get(f)?.y ?? f.getShape(t.scale, t.deck.Length, t.deck.Width).y})`,
+          onClick: we((x) => l(x, f), ["stop"])
+        }, [
+          w("rect", {
+            width: f.getShape(t.scale, t.deck.Length, t.deck.Width).width,
+            height: f.getShape(t.scale, t.deck.Length, t.deck.Width).height,
+            class: "door"
+          }, null, 8, rn)
+        ], 8, nn))), 128))
+      ], 10, Zs)
     ], 8, Ks));
   }
 }), Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DeckplanRenderer: nn
+  DeckplanRenderer: on
 }, Symbol.toStringTag, { value: "Module" }));
-function rn(t) {
+function an(t) {
   for (const e in Fe)
     t.component(e, Fe[e]);
   for (const e in Xe)
     t.component(e, Xe[e]);
 }
-const an = { install: rn };
+const cn = { install: an };
 export {
   et as DeckVisualization,
   js as DeckplanEditor,
-  nn as DeckplanRenderer,
+  on as DeckplanRenderer,
   fe as PassengerSpotAvailability,
   tt as WagonVisualization,
-  an as default,
+  cn as default,
   qs as parseNeTEx
 };