@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773409943 → 4.7.0-dev.1773412656
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +0 -136
- package/development/seat-reservation/common/mapper/mapper.js +11302 -4
- package/development/seat-reservation/common/svgs.js +2 -2
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +11 -10
- package/development/seat-reservation/seat-reservation/seat-reservation.component.js +8 -5
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +3 -3
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
- package/package.json +2 -2
- package/seat-reservation/common/mapper/mapper.js +11357 -62
- package/seat-reservation/common/svgs.js +12 -13
- package/seat-reservation/seat-reservation/seat-reservation-base-element.js +8 -6
- package/seat-reservation/seat-reservation/seat-reservation.component.js +23 -23
- package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +16 -16
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-bus.d.ts +0 -69
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-bus.d.ts.map +0 -1
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-bus.js +0 -559
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-decks.d.ts +0 -123
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-decks.d.ts.map +0 -1
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-decks.js +0 -972
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-giruno.d.ts +0 -114
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-giruno.d.ts.map +0 -1
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-giruno.js +0 -20368
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-others.d.ts +0 -85
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-others.d.ts.map +0 -1
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-others.js +0 -1739
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-train.d.ts +0 -69
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-train.d.ts.map +0 -1
- package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-train.js +0 -9783
- package/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-bus.js +0 -558
- package/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-decks.js +0 -970
- package/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-giruno.js +0 -20367
- package/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-others.js +0 -1738
- package/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-train.js +0 -9782
|
@@ -131,7 +131,7 @@ const C = `<svg class="color-immutable" part="coach-floor" width="110" height="1
|
|
|
131
131
|
<path d="M0 2H18V182H0V2Z"/>
|
|
132
132
|
<path d="M0 4H18V0H0V4ZM18 180H0V184H18V180Z" fill="#B7B7B7" mask="url(#path-1-outside-1_174_12083)"/>
|
|
133
133
|
</svg>
|
|
134
|
-
`,
|
|
134
|
+
`, L = `<svg class="color-immutable" part="coach-floor" width="20" height="184" viewBox="0 0 20 184" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
135
135
|
<mask id="path-1-outside-1_174_12089" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="184" fill="black">
|
|
136
136
|
<rect fill="white" width="20" height="184"/>
|
|
137
137
|
<path d="M2 6C2 3.79086 3.79086 2 6 2H20V182H6C3.79086 182 2 180.209 2 178V6Z"/>
|
|
@@ -139,7 +139,7 @@ const C = `<svg class="color-immutable" part="coach-floor" width="110" height="1
|
|
|
139
139
|
<path d="M2 6C2 3.79086 3.79086 2 6 2H20V182H6C3.79086 182 2 180.209 2 178V6Z"/>
|
|
140
140
|
<path d="M0 6C0 2.68629 2.68629 0 6 0H20V4H6C4.89543 4 4 4.89543 4 6H0ZM20 184H6C2.68629 184 0 181.314 0 178H4C4 179.105 4.89543 180 6 180H20V184ZM6 184C2.68629 184 0 181.314 0 178V6C0 2.68629 2.68629 0 6 0V4C4.89543 4 4 4.89543 4 6V178C4 179.105 4.89543 180 6 180V184ZM20 2V182V2Z" fill="#B7B7B7" mask="url(#path-1-outside-1_174_12089)"/>
|
|
141
141
|
</svg>
|
|
142
|
-
`,
|
|
142
|
+
`, H = `<svg part="coach-floor" width="18" height="184" viewBox="0 0 18 184" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
143
143
|
<mask id="path-1-outside-1_61_15149" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="184" fill="black">
|
|
144
144
|
<rect fill="white" width="18" height="184"/>
|
|
145
145
|
<path d="M0 2H18V182H0V2Z"/>
|
|
@@ -160,15 +160,14 @@ const C = `<svg class="color-immutable" part="coach-floor" width="110" height="1
|
|
|
160
160
|
</g>
|
|
161
161
|
</svg>
|
|
162
162
|
`, d = `<svg part="svg-place" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
163
|
-
<path part="svg-place" d="
|
|
164
|
-
<path d="
|
|
165
|
-
<
|
|
166
|
-
<path part="svg-icon" d="
|
|
167
|
-
<path part="svg-icon" d="M14.
|
|
168
|
-
<path part="svg-icon" d="
|
|
169
|
-
<path part="svg-icon" d="
|
|
170
|
-
<path part="svg-icon"
|
|
171
|
-
</g>
|
|
163
|
+
<path part="svg-place" d="M4 2.5H32C32.8284 2.5 33.5 3.17157 33.5 4V32C33.5 32.8284 32.8284 33.5 32 33.5H4C3.17157 33.5 2.5 32.8284 2.5 32V4C2.5 3.17157 3.17157 2.5 4 2.5Z" fill="#F6F6F6"/>
|
|
164
|
+
<path d="M4 2.5H32C32.8284 2.5 33.5 3.17157 33.5 4V32C33.5 32.8284 32.8284 33.5 32 33.5H4C3.17157 33.5 2.5 32.8284 2.5 32V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="#8D8D8D"/>
|
|
165
|
+
<path part="svg-icon" d="M19.6059 7.5122L21.0708 8.02454C21.1024 8.03655 21.1371 8.04177 21.1709 8.04177C21.2723 8.04177 21.3662 7.99141 21.4227 7.90736L21.7519 7.41905C21.7789 7.37852 21.7925 7.33118 21.7925 7.28379C21.7925 7.14938 21.6842 7.04045 21.5504 7.04045H19.6864C19.5518 7.04045 19.4428 7.14938 19.4428 7.28379C19.4428 7.38683 19.5089 7.47846 19.6059 7.5122Z" fill="#A8A8A8"/>
|
|
166
|
+
<path part="svg-icon" d="M14.4799 7.52597H16.6044V7.04052H14.4799C14.3461 7.04052 14.2378 7.14932 14.2378 7.28355C14.2378 7.41717 14.3461 7.52597 14.4799 7.52597Z" fill="#A8A8A8"/>
|
|
167
|
+
<path part="svg-icon" d="M14.4804 8.31508H14.784C14.9178 8.31508 15.0269 8.20616 15.0269 8.07236C15.0269 7.93795 14.9178 7.82902 14.784 7.82902H14.4804C14.3466 7.82902 14.2383 7.93795 14.2383 8.07236C14.2383 8.20616 14.3466 8.31508 14.4804 8.31508Z" fill="#A8A8A8"/>
|
|
168
|
+
<path part="svg-icon" d="M22.3084 9.01214C21.8355 9.01214 21.3689 9.12483 20.9487 9.34104L20.3661 8.40587H15.633L15.0506 9.34104C14.6304 9.12483 14.1644 9.01214 13.6916 9.01214C12.05 9.01214 10.7182 10.344 10.7182 11.9861C10.7182 13.6268 12.05 14.9595 13.6916 14.9595C15.3324 14.9595 16.6643 13.6267 16.6643 11.9861C16.6643 11.0441 16.2192 10.1592 15.4631 9.5973L15.7894 9.07301L17.3799 11.4379C17.2701 11.5768 17.2108 11.7481 17.2108 11.9253C17.2108 12.3603 17.5647 12.7141 17.9991 12.7141C18.3057 12.7141 18.5846 12.5361 18.7146 12.2589H19.3476C19.4882 13.789 20.7719 14.9595 22.3083 14.9595C23.9499 14.9595 25.2819 13.6267 25.2819 11.9861C25.2819 10.344 23.9499 9.01214 22.3084 9.01214ZM16.1795 11.9861C16.1795 13.3594 15.0648 14.4741 13.6916 14.4741C12.3183 14.4741 11.203 13.3594 11.203 11.9861C11.203 10.6122 12.3183 9.49802 13.6916 9.49802C14.0741 9.49802 14.4506 9.58595 14.7935 9.75495L13.4848 11.8577C13.4616 11.8959 13.4489 11.9403 13.4489 11.9861C13.4489 12.1199 13.557 12.2288 13.6916 12.2288C13.7758 12.2288 13.8532 12.1851 13.8975 12.1138L15.2061 10.0119C15.8196 10.483 16.1795 11.2124 16.1795 11.9861ZM18.2172 11.1665C18.1465 11.1463 18.0735 11.1365 17.9991 11.1365C17.9264 11.1365 17.8534 11.1462 17.7828 11.1665L16.2525 8.89108H19.7475L18.2172 11.1665ZM19.3423 11.7735H18.7741C18.75 11.651 18.6976 11.5354 18.62 11.4378L20.2099 9.07294L20.5368 9.59724C19.8407 10.114 19.4048 10.9089 19.3423 11.7735ZM20.7938 10.0119L21.8905 11.7735H19.8294C19.8888 11.0764 20.2392 10.4371 20.7938 10.0119ZM22.3084 14.4741C21.0396 14.4741 19.9745 13.5194 19.8346 12.2588H21.907C21.9973 12.3918 22.1476 12.4715 22.3083 12.4715C22.5759 12.4715 22.793 12.2535 22.793 11.9861C22.793 11.7179 22.5759 11.5001 22.3083 11.5001C22.3031 11.5001 22.297 11.5001 22.2927 11.501L21.2058 9.75501C21.5484 9.58601 21.9258 9.49808 22.3083 9.49808C23.6816 9.49808 24.7954 10.6123 24.7954 11.9862C24.7955 13.3594 23.6816 14.4741 22.3084 14.4741Z" fill="#A8A8A8"/>
|
|
169
|
+
<path part="svg-icon" fill-rule="evenodd" clip-rule="evenodd" d="M19.4024 7.28379C19.4024 7.12701 19.5294 7 19.6864 7H21.5504C21.7067 7 21.833 7.12724 21.833 7.28379C21.833 7.3389 21.8171 7.39406 21.7856 7.44145L21.4562 7.92991M19.6864 7.08091C19.5741 7.08091 19.4833 7.17175 19.4833 7.28379C19.4833 7.36939 19.5383 7.44584 19.6192 7.47399L21.0852 7.98672C21.1114 7.99667 21.141 8.00132 21.1709 8.00132C21.2587 8.00132 21.3401 7.95773 21.3891 7.88481L21.7182 7.39666C21.7406 7.36299 21.7521 7.32344 21.7521 7.28379C21.7521 7.17152 21.6617 7.08091 21.5504 7.08091H19.6864ZM14.1973 7.28355C14.1973 7.12712 14.3236 7.00006 14.4799 7.00006H16.6448V7.56643H14.4799C14.3237 7.56643 14.1973 7.43943 14.1973 7.28355ZM14.4799 7.08097C14.3686 7.08097 14.2782 7.17152 14.2782 7.28355C14.2782 7.39491 14.3685 7.48552 14.4799 7.48552H16.5639V7.08097H14.4799ZM19.4024 7.28379C19.4024 7.40427 19.4796 7.51108 19.5926 7.55041L19.4024 7.28379ZM19.5926 7.55041L21.057 8.06255L19.5926 7.55041ZM14.1978 8.07236C14.1978 7.9158 14.3241 7.78857 14.4804 7.78857H14.784C14.9402 7.78857 15.0674 7.91563 15.0674 8.07236C15.0674 8.22854 14.9401 8.35554 14.784 8.35554H14.4804C14.3241 8.35554 14.1978 8.22837 14.1978 8.07236ZM14.4804 7.86948C14.3692 7.86948 14.2788 7.96009 14.2788 8.07236C14.2788 8.18395 14.3691 8.27463 14.4804 8.27463H14.784C14.8955 8.27463 14.9865 8.18378 14.9865 8.07236C14.9865 7.96026 14.8955 7.86948 14.784 7.86948H14.4804ZM15.6106 8.36541H20.3885L20.9634 9.28821C21.3807 9.08005 21.8415 8.97169 22.3084 8.97169C23.9722 8.97169 25.3224 10.3217 25.3224 11.9861C25.3224 13.6491 23.9722 14.9999 22.3083 15C20.7633 15 19.4704 13.8323 19.3109 12.2993H18.7399C18.5988 12.5773 18.3128 12.7546 17.9991 12.7546C17.5423 12.7546 17.1703 12.3826 17.1703 11.9253C17.1703 11.7489 17.2262 11.578 17.3302 11.4364L15.7907 9.14745L15.517 9.58725C16.2653 10.1577 16.7048 11.0438 16.7048 11.9861C16.7048 13.649 15.3548 14.9999 13.6916 14.9999C12.0277 14.9999 10.6777 13.6491 10.6777 11.9861C10.6777 10.3217 12.0277 8.97169 13.6916 8.97169C14.1584 8.97169 14.6187 9.08005 15.0358 9.28821L15.6106 8.36541ZM15.6555 8.44632L15.0652 9.39407L15.0321 9.37701C14.6177 9.16375 14.158 9.0526 13.6916 9.0526C12.0724 9.0526 10.7586 10.3663 10.7586 11.9861C10.7586 13.6044 12.0724 14.919 13.6916 14.919C15.31 14.919 16.6239 13.6044 16.6239 11.9861C16.6239 11.0569 16.1848 10.1841 15.4389 9.62977L15.409 9.60755L15.7881 8.99856L17.4299 11.4398L17.4116 11.4629C17.3075 11.5947 17.2512 11.7571 17.2512 11.9253C17.2512 12.338 17.587 12.6737 17.9991 12.6737C18.29 12.6737 18.5546 12.5048 18.678 12.2417L18.6889 12.2184H19.3845L19.3879 12.2552C19.5265 13.7645 20.7928 14.9191 22.3082 14.9191C23.9275 14.919 25.2415 13.6044 25.2415 11.9861C25.2415 10.3663 23.9275 9.0526 22.3084 9.0526C21.8419 9.0526 21.3817 9.16376 20.9672 9.37701L20.934 9.39406L20.3436 8.44632H15.6555ZM16.1765 8.85063H19.8234L18.2343 11.2135L18.206 11.2054C18.1392 11.1863 18.07 11.177 17.9991 11.177C17.93 11.177 17.8608 11.1862 17.794 11.2054L17.7657 11.2136L16.1765 8.85063ZM16.3284 8.93154L17.8003 11.12C17.8657 11.1038 17.9326 11.096 17.9991 11.096C18.0672 11.096 18.1343 11.1038 18.1997 11.12L19.6715 8.93154H16.3284ZM20.2111 8.99854L20.5909 9.60749L20.5609 9.62972C19.8743 10.1395 19.4443 10.9235 19.3826 11.7764L19.3799 11.8139H18.7408L18.7344 11.7813C18.7115 11.665 18.6618 11.5553 18.5883 11.463L18.5699 11.4398L20.2111 8.99854ZM18.6698 11.4363C18.735 11.5249 18.7812 11.6262 18.8067 11.733H19.3049C19.3769 10.8836 19.8046 10.1038 20.4829 9.58719L20.2086 9.14735L18.6698 11.4363ZM13.6916 9.53848C12.3406 9.53848 11.2434 10.6346 11.2434 11.9861C11.2434 13.3371 12.3406 14.4337 13.6916 14.4337C15.0425 14.4337 16.1391 13.3371 16.1391 11.9861C16.1391 11.2399 15.7987 10.5355 15.2167 10.0715L13.9318 12.1351C13.8802 12.2182 13.79 12.2692 13.6916 12.2692C13.5345 12.2692 13.4084 12.1421 13.4084 11.9861C13.4084 11.9328 13.4233 11.8812 13.4502 11.8367L14.7353 9.77184C14.4089 9.61825 14.053 9.53848 13.6916 9.53848ZM11.1625 11.9861C11.1625 10.5899 12.2959 9.45757 13.6916 9.45757C14.0803 9.45757 14.463 9.54693 14.8114 9.71867L14.8514 9.73841L13.5194 11.8786C13.5001 11.9106 13.4893 11.9479 13.4893 11.9861C13.4893 12.0976 13.5794 12.1883 13.6916 12.1883C13.7616 12.1883 13.8261 12.152 13.8631 12.0924L15.1954 9.95262L15.2308 9.9798C15.8542 10.4585 16.22 11.1998 16.22 11.9861C16.22 13.3818 15.0871 14.5146 13.6916 14.5146C12.296 14.5146 11.1625 13.3818 11.1625 11.9861ZM21.2639 9.77189L22.3146 11.4597C22.6017 11.4631 22.8335 11.6978 22.8335 11.9861C22.8335 12.2757 22.5983 12.5119 22.3083 12.5119C22.1414 12.5119 21.9849 12.4326 21.8861 12.2993H19.8802C20.0378 13.5171 21.0753 14.4337 22.3084 14.4337C23.6592 14.4337 24.755 13.337 24.755 11.9862C24.755 10.6346 23.6592 9.53854 22.3083 9.53854C21.9469 9.53854 21.5902 9.61832 21.2639 9.77189ZM21.1879 9.71873C21.5361 9.54698 21.9196 9.45763 22.3083 9.45763C23.7039 9.45763 24.8359 10.5899 24.8359 11.9862C24.8359 13.3817 23.704 14.5146 22.3084 14.5146C21.0189 14.5146 19.9365 13.5443 19.7944 12.2633L19.7894 12.2184H21.9284L21.9404 12.2361C22.0232 12.358 22.161 12.431 22.3083 12.431C22.5535 12.431 22.7526 12.2312 22.7526 11.9861C22.7526 11.7401 22.5534 11.5406 22.3083 11.5406L22.3017 11.5406L22.3 11.5407L22.273 11.546L21.1478 9.73849L21.1879 9.71873ZM20.8046 9.95271L21.9633 11.8139H19.7853L19.7891 11.77C19.8495 11.0616 20.2055 10.412 20.7692 9.97984L20.8046 9.95271ZM19.8738 11.733H21.8176L20.7832 10.0715C20.2695 10.4805 19.9415 11.0792 19.8738 11.733Z" fill="#A8A8A8"/>
|
|
170
|
+
<path part="svg-icon" d="M18 24.557L22.2818 28.8388C22.4967 29.0537 22.8453 29.0537 23.0603 28.8388L23.8388 28.0603C24.0537 27.8453 24.0537 27.4967 23.8388 27.2818L19.557 23L23.8388 18.7182C24.0537 18.5033 24.0537 18.1547 23.8388 17.9397L23.0603 17.1612C22.8453 16.9463 22.4967 16.9463 22.2818 17.1612L18 21.443L13.7182 17.1612C13.5033 16.9463 13.1547 16.9463 12.9397 17.1612L12.1612 17.9397C11.9463 18.1547 11.9463 18.5033 12.1612 18.7182L16.443 23L12.1612 27.2818C11.9463 27.4967 11.9463 27.8453 12.1612 28.0603L12.9397 28.8388C13.1547 29.0537 13.5033 29.0537 13.7182 28.8388L18 24.557Z" fill="#A8A8A8"/>
|
|
172
171
|
</svg>
|
|
173
172
|
`, p = `<svg class="color-immutable" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
174
173
|
<path part="svg-place" d="M2 4C2 2.89543 2.89543 2 4 2H32C33.1046 2 34 2.89543 34 4V32C34 33.1046 33.1046 34 32 34H4C2.89543 34 2 33.1046 2 32V4Z" fill="#eb0000"/>
|
|
@@ -225,9 +224,9 @@ const C = `<svg class="color-immutable" part="coach-floor" width="110" height="1
|
|
|
225
224
|
chassisPassageCompartmentRightBottom: n,
|
|
226
225
|
chassisPassageWaggonBottomRight: s,
|
|
227
226
|
chassisPassageWaggonTopLeft: e,
|
|
228
|
-
chassisRowOuter:
|
|
227
|
+
chassisRowOuter: L,
|
|
229
228
|
chassisRowMiddle: h,
|
|
230
|
-
chassisSeparator:
|
|
229
|
+
chassisSeparator: H,
|
|
231
230
|
interiorPlaceBikeDefault: o,
|
|
232
231
|
interiorPlaceBikeNotBookable: d,
|
|
233
232
|
interiorPlaceBikeSelected: p,
|
|
@@ -685,12 +685,14 @@ let Ke = (() => {
|
|
|
685
685
|
}
|
|
686
686
|
}
|
|
687
687
|
_prepareCoachWidthAndGapCalculations() {
|
|
688
|
-
this.seatReservations && this.seatReservations
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
688
|
+
this.seatReservations && this.seatReservations.forEach((e) => {
|
|
689
|
+
e?.coachItems?.forEach((t) => {
|
|
690
|
+
const s = this._isOverhangingElementsPresent(t.dimension.w, t.places), i = t.graphicElements?.filter((o) => o.icon && !this.notAreaElements.includes(o.icon)), a = this._isOverhangingElementsPresent(t.dimension.w, i);
|
|
691
|
+
this.overHangingElementInformation.push({
|
|
692
|
+
coachId: t.id,
|
|
693
|
+
overhangingPlaces: s,
|
|
694
|
+
overhangingGraphicAreas: a
|
|
695
|
+
});
|
|
694
696
|
});
|
|
695
697
|
});
|
|
696
698
|
}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { SbbLanguageController as
|
|
2
|
-
import { boxSizingStyles as
|
|
3
|
-
import { css as
|
|
1
|
+
import { SbbLanguageController as x } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
2
|
+
import { boxSizingStyles as C } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
3
|
+
import { css as $, html as n, nothing as v, isServer as f } from "lit";
|
|
4
4
|
import { classMap as m } from "lit/directives/class-map.js";
|
|
5
|
-
import { repeat as
|
|
5
|
+
import { repeat as k } from "lit/directives/repeat.js";
|
|
6
6
|
import { styleMap as g } from "lit/directives/style-map.js";
|
|
7
7
|
import { getI18nSeatReservation as h } from "../common/translations.js";
|
|
8
|
-
import { SbbSeatReservationAreaElement as
|
|
9
|
-
import { SbbSeatReservationGraphicElement as
|
|
10
|
-
import { SbbSeatReservationNavigationCoachElement as
|
|
11
|
-
import { SbbSeatReservationPlaceControlElement as
|
|
12
|
-
import { SbbSeatReservationScopedElement as
|
|
13
|
-
import { SeatReservationBaseElement as
|
|
8
|
+
import { SbbSeatReservationAreaElement as y } from "../seat-reservation-area/seat-reservation-area.component.js";
|
|
9
|
+
import { SbbSeatReservationGraphicElement as R } from "../seat-reservation-graphic/seat-reservation-graphic.component.js";
|
|
10
|
+
import { SbbSeatReservationNavigationCoachElement as S } from "../seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
|
|
11
|
+
import { SbbSeatReservationPlaceControlElement as A } from "../seat-reservation-place-control/seat-reservation-place-control.component.js";
|
|
12
|
+
import { SbbSeatReservationScopedElement as N } from "../seat-reservation-scoped/seat-reservation-scoped.component.js";
|
|
13
|
+
import { SeatReservationBaseElement as T } from "./seat-reservation-base-element.js";
|
|
14
14
|
import "@sbb-esta/lyne-elements/button.js";
|
|
15
15
|
import "@sbb-esta/lyne-elements/screen-reader-only.js";
|
|
16
16
|
import "@sbb-esta/lyne-elements/popover.js";
|
|
17
|
-
const
|
|
18
|
-
k.define();
|
|
17
|
+
const E = $`:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-height: 0;--sbb-seat-reservation-decks: 1;display:block;height:inherit}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media(forced-colors:active){:host ::part(coach-floor){fill:transparent}}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(coach-floor){rotate:180deg}[popover]:where(sbb-popover){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}[popover]:where(sbb-popover) .sbb-sr-popover{margin-block:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr__component{flex-direction:row-reverse;justify-content:flex-end;gap:calc(22 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:inherit}@media(min-width:37.5rem){:host([align-vertical]) .sbb-sr__component{gap:calc(54 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation,:host([align-vertical]) .sbb-sr__component ul.sbb-sr-navigation__list-coaches{flex-direction:column}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation{padding:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem));top:0;rotate:90deg}@media(min-width:64rem){:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(-1 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches{max-width:initial;padding:calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem));overflow:hidden scroll}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches li{display:flex}:host([align-vertical]) .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{inline-size:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));block-size:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr__wrapper-scrollarea{width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:100%;overflow:hidden scroll}:host([align-vertical]) .sbb-sr__wrapper-scrollarea .sbb-sr__parent{rotate:90deg}:host([align-vertical]) .sbb-sr-travel-direction-wrapper{width:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation .sbb-sr__navigation-control-button{position:relative;top:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}@media(min-width:64rem){.sbb-sr-navigation .sbb-sr__navigation-control-button{top:0}}.sbb-sr__component{display:flex;flex-direction:column;gap:calc(64 * var(--sbb-seat-reservation-one-px-rem, .0625rem) - 16px)}.sbb-sr-travel-direction-wrapper{display:flex;justify-content:center;align-items:center;column-gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-size:var(--sbb-text-font-size-s)}.sbb-sr-travel-direction-wrapper .sbb-sr__travel-direction--arrow{display:flex;align-items:center}.sbb-sr-navigation-wrapper{display:flex}.sbb-sr-navigation{display:flex;justify-content:center;width:100%;padding-inline:16px}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-button,.sbb-sr-navigation__list-coaches::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr-navigation__list-coaches{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr-navigation__list-coaches{display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0;max-width:856px;--sbb-scrollbar-color: transparent;overflow:scroll hidden;position:relative}.sbb-sr__wrapper-coach-decks{display:flex;overflow:hidden;height:inherit}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{display:flex;justify-content:space-between;height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));writing-mode:vertical-lr}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-end:16px;rotate:180deg;text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-scrollarea{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-button,.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr__wrapper-scrollarea{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr__wrapper-scrollarea{overflow:scroll hidden;padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-scrollarea .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-decks:has(.sbb-sr-coach-has-overhanging-elements) .sbb-sr__list-coaches{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-coach-wrapper__table{outline:0}`;
|
|
19
18
|
y.define();
|
|
20
|
-
S.define();
|
|
21
19
|
R.define();
|
|
22
20
|
A.define();
|
|
23
|
-
|
|
21
|
+
S.define();
|
|
22
|
+
N.define();
|
|
23
|
+
const _ = class _ extends T {
|
|
24
24
|
constructor() {
|
|
25
|
-
super(...arguments), this._language = new
|
|
25
|
+
super(...arguments), this._language = new x(this), this._notFixedRotatableAreaIcons = ["ENTRY_EXIT"];
|
|
26
26
|
}
|
|
27
27
|
willUpdate(e) {
|
|
28
28
|
super.willUpdate(e), e.has("hasNavigation") && (this.hasNavigation ? this.shadowRoot?.querySelectorAll("table").forEach((r) => r.removeAttribute("tabindex")) : this.shadowRoot?.querySelectorAll("table").forEach((r) => r.setAttribute("tabindex", "0")));
|
|
@@ -109,7 +109,7 @@ const _ = class _ extends N {
|
|
|
109
109
|
</div>`;
|
|
110
110
|
}
|
|
111
111
|
_renderNavigation() {
|
|
112
|
-
return !this.hasNavigation || !this.seatReservations ? null : n`<div class="sbb-sr-navigation-wrapper">
|
|
112
|
+
return f || !this.hasNavigation || !this.seatReservations ? null : n`<div class="sbb-sr-navigation-wrapper">
|
|
113
113
|
<nav id="sbb-sr-navigation" class="sbb-sr-navigation">
|
|
114
114
|
${this._renderNavigationControlButton("DIRECTION_LEFT")}
|
|
115
115
|
<ul
|
|
@@ -146,11 +146,11 @@ const _ = class _ extends N {
|
|
|
146
146
|
*/
|
|
147
147
|
_renderCoaches(e, r) {
|
|
148
148
|
const t = JSON.parse(JSON.stringify(e?.coachItems));
|
|
149
|
-
return t ? t.map((i, a) => n`
|
|
149
|
+
return !t || f ? null : t.map((i, a) => n`
|
|
150
150
|
<li class="sbb-sr__item-coach">
|
|
151
151
|
${this._renderCoachElement(i, a, r, e.deckCoachIndex)}
|
|
152
152
|
</li>
|
|
153
|
-
`)
|
|
153
|
+
`);
|
|
154
154
|
}
|
|
155
155
|
_renderCoachElement(e, r, t, i) {
|
|
156
156
|
const a = this.getCalculatedDimension(e.dimension), s = this._getDescriptionTableCoach(e);
|
|
@@ -191,7 +191,7 @@ const _ = class _ extends N {
|
|
|
191
191
|
const o = (e.dimension.h + this.coachBorderOffset * 2) * this.baseGridSize;
|
|
192
192
|
let l = i && i.position.x === 0 ? i?.dimension.w * this.baseGridSize : this.baseGridSize;
|
|
193
193
|
a && (s = this.getCalculatedDimension(e.dimension).w - 2 * (a.dimension.w * this.baseGridSize), l = a.dimension.w * this.baseGridSize);
|
|
194
|
-
const b = this.overHangingElementInformation.find((c) => c.coachId
|
|
194
|
+
const b = this.overHangingElementInformation.find((c) => c.coachId === e.id);
|
|
195
195
|
return (b?.overhangingPlaces || b?.overhangingGraphicAreas) && (s += 2 * this.baseGridSize, l = 0), n`
|
|
196
196
|
<sbb-seat-reservation-graphic
|
|
197
197
|
class="${m({
|
|
@@ -225,7 +225,7 @@ const _ = class _ extends N {
|
|
|
225
225
|
_getRenderedColumnPlaces(e, r, t, i) {
|
|
226
226
|
e.sort((s, o) => Number(s.position.x) - Number(o.position.x));
|
|
227
227
|
const a = r + "-" + i;
|
|
228
|
-
return n`${
|
|
228
|
+
return n`${k(e, (s) => a + "-" + s.number, (s, o) => {
|
|
229
229
|
const l = this.getCalculatedDimension(s.dimension), b = this.getCalculatedPosition(s.position), c = s.rotation || 0, d = this.alignVertical ? -90 : 0, u = this.getPlaceElementId(t, r, s.number);
|
|
230
230
|
return n`
|
|
231
231
|
<td
|
|
@@ -413,8 +413,8 @@ const _ = class _ extends N {
|
|
|
413
413
|
}).filter((t) => !!t).join(", ");
|
|
414
414
|
}
|
|
415
415
|
};
|
|
416
|
-
_.elementName = "sbb-seat-reservation", _.styles = [
|
|
417
|
-
let
|
|
416
|
+
_.elementName = "sbb-seat-reservation", _.styles = [C, E];
|
|
417
|
+
let w = _;
|
|
418
418
|
export {
|
|
419
|
-
|
|
419
|
+
w as SbbSeatReservationElement
|
|
420
420
|
};
|
|
@@ -2,47 +2,47 @@ var T = (t) => {
|
|
|
2
2
|
throw TypeError(t);
|
|
3
3
|
};
|
|
4
4
|
var L = (t, s, a) => s.has(t) || T("Cannot " + a);
|
|
5
|
-
var
|
|
6
|
-
import { __runInitializers as p, __esDecorate as
|
|
5
|
+
var m = (t, s, a) => (L(t, s, "read from private field"), a ? a.call(t) : s.get(t)), f = (t, s, a) => s.has(t) ? T("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, a), n = (t, s, a, d) => (L(t, s, "write to private field"), d ? d.call(t, a) : s.set(t, a), a);
|
|
6
|
+
import { __runInitializers as p, __esDecorate as b } from "tslib";
|
|
7
7
|
import { SbbElement as E } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
8
8
|
import { SbbLanguageController as B } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
9
9
|
import { forceType as z } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
10
10
|
import { boxSizingStyles as A } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
11
|
-
import { css as D, nothing as
|
|
12
|
-
import { property as
|
|
11
|
+
import { css as D, nothing as g, html as C } from "lit";
|
|
12
|
+
import { property as u } from "lit/decorators.js";
|
|
13
13
|
import { getI18nSeatReservation as _ } from "../common/translations.js";
|
|
14
14
|
import { SbbSeatReservationGraphicElement as $ } from "../seat-reservation-graphic/seat-reservation-graphic.component.js";
|
|
15
15
|
import "@sbb-esta/lyne-elements/screen-reader-only.js";
|
|
16
|
-
const j = D`.sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;
|
|
16
|
+
const j = D`.sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;gap:var(--sbb-spacing-fixed-2x);overflow:hidden;line-height:normal;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]){gap:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]):has([name^=BICYCLE]){gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}`;
|
|
17
17
|
$.define();
|
|
18
18
|
let K = (() => {
|
|
19
19
|
var l, c, h, i;
|
|
20
|
-
let t = E, s, a = [],
|
|
20
|
+
let t = E, s, a = [], d = [], I, y = [], v = [], w, x = [], S = [];
|
|
21
21
|
return i = class extends t {
|
|
22
22
|
constructor() {
|
|
23
23
|
super(...arguments);
|
|
24
24
|
f(this, l);
|
|
25
25
|
f(this, c);
|
|
26
26
|
f(this, h);
|
|
27
|
-
n(this, l, p(this, a, [])), n(this, c, (p(this,
|
|
27
|
+
n(this, l, p(this, a, [])), n(this, c, (p(this, d), p(this, y, !1))), n(this, h, (p(this, v), p(this, x, !1))), this._language = (p(this, S), new B(this));
|
|
28
28
|
}
|
|
29
29
|
/** Coach service property ids, which are used to display the services in the navigation */
|
|
30
30
|
get propertyIds() {
|
|
31
|
-
return
|
|
31
|
+
return m(this, l);
|
|
32
32
|
}
|
|
33
33
|
set propertyIds(r) {
|
|
34
34
|
n(this, l, r);
|
|
35
35
|
}
|
|
36
36
|
/** If true, the service icons are displayed vertically */
|
|
37
37
|
get vertical() {
|
|
38
|
-
return
|
|
38
|
+
return m(this, c);
|
|
39
39
|
}
|
|
40
40
|
set vertical(r) {
|
|
41
41
|
n(this, c, r);
|
|
42
42
|
}
|
|
43
43
|
/** Disable the mouse over title information */
|
|
44
44
|
get showTitleInfo() {
|
|
45
|
-
return
|
|
45
|
+
return m(this, h);
|
|
46
46
|
}
|
|
47
47
|
set showTitleInfo(r) {
|
|
48
48
|
n(this, h, r);
|
|
@@ -50,14 +50,14 @@ let K = (() => {
|
|
|
50
50
|
render() {
|
|
51
51
|
const r = this.propertyIds?.length ? this._getServiceLabelDescription() : null;
|
|
52
52
|
return C` <div class="sbb-sr-navigation__signs">
|
|
53
|
-
<sbb-screen-reader-only ${r ||
|
|
53
|
+
<sbb-screen-reader-only ${r || g}
|
|
54
54
|
>${r}</sbb-screen-reader-only
|
|
55
55
|
>
|
|
56
56
|
${this.propertyIds?.map((e) => C`
|
|
57
57
|
<sbb-seat-reservation-graphic
|
|
58
58
|
class="auto-width"
|
|
59
|
-
name=${e ??
|
|
60
|
-
title=${this.showTitleInfo ? _(e, this._language.current) :
|
|
59
|
+
name=${e ?? g}
|
|
60
|
+
title=${this.showTitleInfo ? _(e, this._language.current) : g}
|
|
61
61
|
aria-hidden="true"
|
|
62
62
|
></sbb-seat-reservation-graphic>
|
|
63
63
|
`)}
|
|
@@ -71,11 +71,11 @@ let K = (() => {
|
|
|
71
71
|
}
|
|
72
72
|
}, l = new WeakMap(), c = new WeakMap(), h = new WeakMap(), (() => {
|
|
73
73
|
const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
|
|
74
|
-
s = [
|
|
74
|
+
s = [u({ attribute: "property-ids", type: Array })], I = [z(), u({ type: Boolean, reflect: !0, useDefault: !0 })], w = [z(), u({ type: Boolean })], b(i, null, s, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (e) => "propertyIds" in e, get: (e) => e.propertyIds, set: (e, o) => {
|
|
75
75
|
e.propertyIds = o;
|
|
76
|
-
} }, metadata: r }, a,
|
|
76
|
+
} }, metadata: r }, a, d), b(i, null, I, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (e) => "vertical" in e, get: (e) => e.vertical, set: (e, o) => {
|
|
77
77
|
e.vertical = o;
|
|
78
|
-
} }, metadata: r }, y, v),
|
|
78
|
+
} }, metadata: r }, y, v), b(i, null, w, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (e) => "showTitleInfo" in e, get: (e) => e.showTitleInfo, set: (e, o) => {
|
|
79
79
|
e.showTitleInfo = o;
|
|
80
80
|
} }, metadata: r }, x, S), r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
|
|
81
81
|
})(), i.elementName = "sbb-seat-reservation-navigation-services", i.styles = [A, j], i;
|
package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js
CHANGED
|
@@ -13,7 +13,7 @@ import { property as v } from "lit/decorators.js";
|
|
|
13
13
|
import { styleMap as he } from "lit/directives/style-map.js";
|
|
14
14
|
import { getI18nSeatReservation as z } from "../common/translations.js";
|
|
15
15
|
import { SbbSeatReservationGraphicElement as fe } from "../seat-reservation-graphic/seat-reservation-graphic.component.js";
|
|
16
|
-
const ge = de`:host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-seat-reservation-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), var(--sbb-color-metal) );--sbb-seat-reservation-place-control-free-background-default: var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-primary150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-backrest-high-contrast: CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast: ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast: CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast: GrayText;width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-weight:300;cursor:var(--sbb-cursor-pointer)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}`;
|
|
16
|
+
const ge = de`:host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-seat-reservation-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), var(--sbb-color-metal) );--sbb-seat-reservation-place-control-free-background-default: var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-primary150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-backrest-high-contrast: CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast: ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast: CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast: GrayText;width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-weight:300;cursor:var(--sbb-cursor-pointer)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}`;
|
|
17
17
|
fe.define();
|
|
18
18
|
let Ce = (() => {
|
|
19
19
|
var h, f, g, u, k, _, x, y, m, I, c;
|
package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-bus.d.ts
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
export declare const MOCK_COACHES_RAW_BUS: {
|
|
2
|
-
warnings: null;
|
|
3
|
-
coachDeckLayout: {
|
|
4
|
-
id: string;
|
|
5
|
-
name: string;
|
|
6
|
-
dimension: {
|
|
7
|
-
width: number;
|
|
8
|
-
height: number;
|
|
9
|
-
borderRadius: null;
|
|
10
|
-
};
|
|
11
|
-
lowFloorEntry: boolean;
|
|
12
|
-
deckLevel: string;
|
|
13
|
-
placeGroups: {
|
|
14
|
-
travelClass: string;
|
|
15
|
-
accommodationSubType: string;
|
|
16
|
-
places: {
|
|
17
|
-
number: string;
|
|
18
|
-
rectangle: {
|
|
19
|
-
position: {
|
|
20
|
-
x: number;
|
|
21
|
-
y: number;
|
|
22
|
-
z: number;
|
|
23
|
-
};
|
|
24
|
-
dimension: {
|
|
25
|
-
width: number;
|
|
26
|
-
height: number;
|
|
27
|
-
borderRadius: null;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
orientation: number;
|
|
31
|
-
placeLocations: string[];
|
|
32
|
-
placeProperties: string[];
|
|
33
|
-
state: string;
|
|
34
|
-
}[];
|
|
35
|
-
}[];
|
|
36
|
-
graphicElements: {
|
|
37
|
-
rectangle: {
|
|
38
|
-
position: {
|
|
39
|
-
x: number;
|
|
40
|
-
y: number;
|
|
41
|
-
z: number;
|
|
42
|
-
};
|
|
43
|
-
dimension: {
|
|
44
|
-
width: number;
|
|
45
|
-
height: number;
|
|
46
|
-
borderRadius: null;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
orientation: number;
|
|
50
|
-
type: string;
|
|
51
|
-
}[];
|
|
52
|
-
serviceIcons: {
|
|
53
|
-
rectangle: {
|
|
54
|
-
position: {
|
|
55
|
-
x: number;
|
|
56
|
-
y: number;
|
|
57
|
-
z: number;
|
|
58
|
-
};
|
|
59
|
-
dimension: {
|
|
60
|
-
width: number;
|
|
61
|
-
height: number;
|
|
62
|
-
borderRadius: null;
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
type: string;
|
|
66
|
-
}[];
|
|
67
|
-
};
|
|
68
|
-
}[];
|
|
69
|
-
//# sourceMappingURL=seat-reservation-sample-data-bus.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"seat-reservation-sample-data-bus.d.ts","sourceRoot":"","sources":["../../../../../../../src/elements-experimental/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-bus.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0iBhC,CAAC"}
|