@sbb-esta/lyne-elements-dev 4.0.0-dev.1775622937 → 4.0.0-dev.1775635677

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.
Files changed (43) hide show
  1. package/core/styles/core.scss +18 -0
  2. package/core.css +16 -0
  3. package/custom-elements.json +20 -20
  4. package/development/timetable-form/timetable-form/timetable-form.component.js +1 -1
  5. package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  6. package/development/timetable-form/timetable-form-details.js +1 -1
  7. package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
  8. package/development/timetable-form/timetable-form-field.js +1 -1
  9. package/development/timetable-form/timetable-form.js +1 -1
  10. package/development/timetable-form-details.component-DJl5Qt9y.js +26 -0
  11. package/development/timetable-form-field.component-DQ_TzcF4.js +44 -0
  12. package/development/timetable-form.component-N8h4JBlH.js +27 -0
  13. package/development/timetable-form.js +3 -3
  14. package/development/timetable-form.pure.js +3 -3
  15. package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
  16. package/development/timetable-occupancy.component-dhpPJEaI.js +124 -0
  17. package/development/timetable-occupancy.js +1 -1
  18. package/development/timetable-occupancy.pure.js +1 -1
  19. package/off-brand-theme.css +16 -0
  20. package/package.json +2 -2
  21. package/safety-theme.css +16 -0
  22. package/standard-theme.css +16 -0
  23. package/timetable-form/timetable-form/timetable-form.component.js +1 -1
  24. package/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  25. package/timetable-form/timetable-form-details.js +1 -1
  26. package/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
  27. package/timetable-form/timetable-form-field.js +1 -1
  28. package/timetable-form/timetable-form.js +1 -1
  29. package/timetable-form-details.component-mWKaBW_9.js +16 -0
  30. package/timetable-form-field.component-Cv_lv8vf.js +32 -0
  31. package/{timetable-form.component-CU1FXAZH.js → timetable-form.component-YcvKAlfz.js} +1 -1
  32. package/timetable-form.js +3 -3
  33. package/timetable-form.pure.js +3 -3
  34. package/timetable-occupancy/timetable-occupancy.component.js +1 -1
  35. package/{timetable-occupancy.component-Db9SfiyD.js → timetable-occupancy.component-BDmxFVKK.js} +1 -1
  36. package/timetable-occupancy.js +1 -1
  37. package/timetable-occupancy.pure.js +1 -1
  38. package/development/timetable-form-details.component-C8awcdP5.js +0 -26
  39. package/development/timetable-form-field.component-BI24VjkC.js +0 -44
  40. package/development/timetable-form.component-CUG86CSN.js +0 -27
  41. package/development/timetable-occupancy.component-D_PXXvI9.js +0 -124
  42. package/timetable-form-details.component-CBZ7QSAx.js +0 -16
  43. package/timetable-form-field.component-BKxQQqt7.js +0 -32
package/core/styles/core.scss CHANGED
@@ -242,6 +242,20 @@ $theme: 'standard' !default;
242
242
  @use '../../teaser-product/common/teaser-product-common.global' as teaser-product-common with (
243
243
  $theme: $theme
244
244
  );
245
+ @use '../../timetable-form/timetable-form/timetable-form.global' as timetable-form with (
246
+ $theme: $theme
247
+ );
248
+ @use '../../timetable-form/timetable-form-field/timetable-form-field.global' as timetable-form-field
249
+ with (
250
+ $theme: $theme
251
+ );
252
+ @use '../../timetable-form/timetable-form-details/timetable-form-details.global' as
253
+ timetable-form-details with (
254
+ $theme: $theme
255
+ );
256
+ @use '../../timetable-occupancy/timetable-occupancy.global' as timetable-occupancy with (
257
+ $theme: $theme
258
+ );
245
259
  @use '../../visual-checkbox/visual-checkbox.global' as visual-checkbox with (
246
260
  $theme: $theme
247
261
  );
@@ -322,6 +336,10 @@ $theme: 'standard' !default;
322
336
  @include tag.base;
323
337
  @include teaser.base;
324
338
  @include teaser-product-common.base;
339
+ @include timetable-form.base;
340
+ @include timetable-form-details.base;
341
+ @include timetable-form-field.base;
342
+ @include timetable-occupancy.base;
325
343
  @include visual-checkbox.base;
326
344
 
327
345
  @include a11y.if-forced-colors {
package/core.css CHANGED
@@ -1765,6 +1765,22 @@ slot[name=error]::slotted(*) {
1765
1765
  --sbb-teaser-product-footer-font-size: var(--sbb-text-font-size-xxs);
1766
1766
  --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-s);
1767
1767
  --sbb-teaser-product-footer-padding-block-end: 0;
1768
+ --sbb-timetable-form-background-color: var(--sbb-background-color-1);
1769
+ --sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
1770
+ --sbb-timetable-form-details-border-block-start: var(--sbb-border-width-1x) solid
1771
+ var(--sbb-border-color-4-inverted);
1772
+ --sbb-timetable-form-details-gap: var(--sbb-spacing-fixed-1x);
1773
+ --sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
1774
+ --sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
1775
+ --sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
1776
+ --sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);
1777
+ --sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);
1778
+ --sbb-timetable-form-field-route-via-icon-width: var(--sbb-size-icon-ui-small);
1779
+ --sbb-timetable-form-field-route-via-after-dimension: 0.4375rem;
1780
+ --sbb-timetable-occupancy-color: var(--sbb-color-2);
1781
+ --sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
1782
+ --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
1783
+ --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
1768
1784
  --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
1769
1785
  --sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
1770
1786
  --sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);
package/custom-elements.json CHANGED
@@ -77846,26 +77846,6 @@
77846
77846
  }
77847
77847
  ]
77848
77848
  },
77849
- {
77850
- "kind": "javascript-module",
77851
- "path": "core/styles/styles.js",
77852
- "declarations": [
77853
- {
77854
- "kind": "variable",
77855
- "name": "boxSizingStyles"
77856
- }
77857
- ],
77858
- "exports": [
77859
- {
77860
- "kind": "js",
77861
- "name": "boxSizingStyles",
77862
- "declaration": {
77863
- "name": "boxSizingStyles",
77864
- "module": "core/styles/styles.js"
77865
- }
77866
- }
77867
- ]
77868
- },
77869
77849
  {
77870
77850
  "kind": "javascript-module",
77871
77851
  "path": "core/testing/event-spy.js",
@@ -78263,6 +78243,26 @@
78263
78243
  }
78264
78244
  ]
78265
78245
  },
78246
+ {
78247
+ "kind": "javascript-module",
78248
+ "path": "core/styles/styles.js",
78249
+ "declarations": [
78250
+ {
78251
+ "kind": "variable",
78252
+ "name": "boxSizingStyles"
78253
+ }
78254
+ ],
78255
+ "exports": [
78256
+ {
78257
+ "kind": "js",
78258
+ "name": "boxSizingStyles",
78259
+ "declaration": {
78260
+ "name": "boxSizingStyles",
78261
+ "module": "core/styles/styles.js"
78262
+ }
78263
+ }
78264
+ ]
78265
+ },
78266
78266
  {
78267
78267
  "kind": "javascript-module",
78268
78268
  "path": "datepicker/common/datepicker-button.js",
package/development/timetable-form/timetable-form/timetable-form.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as SbbTimetableFormElement } from "../../timetable-form.component-CUG86CSN.js";
1
+ import { t as SbbTimetableFormElement } from "../../timetable-form.component-N8h4JBlH.js";
2
2
  export { SbbTimetableFormElement };
package/development/timetable-form/timetable-form-details/timetable-form-details.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as SbbTimetableFormDetailsElement } from "../../timetable-form-details.component-C8awcdP5.js";
1
+ import { t as SbbTimetableFormDetailsElement } from "../../timetable-form-details.component-DJl5Qt9y.js";
2
2
  export { SbbTimetableFormDetailsElement };
package/development/timetable-form/timetable-form-details.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as SbbTimetableFormDetailsElement } from "../timetable-form-details.component-C8awcdP5.js";
1
+ import { t as SbbTimetableFormDetailsElement } from "../timetable-form-details.component-DJl5Qt9y.js";
2
2
  //#region src/elements/timetable-form/timetable-form-details.ts
3
3
  /** @entrypoint */
4
4
  SbbTimetableFormDetailsElement.define();
package/development/timetable-form/timetable-form-field/timetable-form-field.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as SbbTimetableFormFieldElement } from "../../timetable-form-field.component-BI24VjkC.js";
1
+ import { t as SbbTimetableFormFieldElement } from "../../timetable-form-field.component-DQ_TzcF4.js";
2
2
  export { SbbTimetableFormFieldElement };
package/development/timetable-form/timetable-form-field.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as SbbTimetableFormFieldElement } from "../timetable-form-field.component-BI24VjkC.js";
1
+ import { t as SbbTimetableFormFieldElement } from "../timetable-form-field.component-DQ_TzcF4.js";
2
2
  //#region src/elements/timetable-form/timetable-form-field.ts
3
3
  /** @entrypoint */
4
4
  SbbTimetableFormFieldElement.define();
package/development/timetable-form/timetable-form.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as SbbTimetableFormElement } from "../timetable-form.component-CUG86CSN.js";
1
+ import { t as SbbTimetableFormElement } from "../timetable-form.component-N8h4JBlH.js";
2
2
  //#region src/elements/timetable-form/timetable-form.ts
3
3
  /** @entrypoint */
4
4
  SbbTimetableFormElement.define();
package/development/timetable-form-details.component-DJl5Qt9y.js ADDED
@@ -0,0 +1,26 @@
1
+ import { html, unsafeCSS } from "lit";
2
+ import { SbbElement } from "./core/base-elements.js";
3
+ //#region src/elements/timetable-form/timetable-form-details/timetable-form-details.scss?inline
4
+ var timetable_form_details_default = ":host {\n --_sbb-timetable-form-details-padding-inline-start: calc(\n var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs)\n );\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--sbb-timetable-form-details-gap);\n border-block-start: var(--sbb-timetable-form-details-border-block-start);\n padding-block: var(--sbb-timetable-form-details-padding-block);\n padding-inline-start: var(--_sbb-timetable-form-details-padding-inline-start);\n}\n\n::slotted(sbb-form-field) {\n --sbb-form-field-border-radius: var(--sbb-border-radius-6x);\n --sbb-form-field-outline-offset: -0.3125rem;\n}\n\n::slotted(sbb-divider[orientation=vertical]) {\n height: var(--sbb-timetable-form-details-horizontal-divider-height);\n}\n\n::slotted(:last-child) {\n margin-inline-end: var(--sbb-timetable-form-details-padding-inline);\n}";
5
+ //#endregion
6
+ //#region src/elements/timetable-form/timetable-form-details/timetable-form-details.component.ts
7
+ /**
8
+ * Wraps the details section of the `sbb-timetable-form`.
9
+ *
10
+ * @slot - Use the unnamed slot to add content to the details section.
11
+ */
12
+ var SbbTimetableFormDetailsElement = class extends SbbElement {
13
+ static {
14
+ this.elementName = "sbb-timetable-form-details";
15
+ }
16
+ static {
17
+ this.styles = unsafeCSS(timetable_form_details_default);
18
+ }
19
+ render() {
20
+ return html`<slot></slot>`;
21
+ }
22
+ };
23
+ //#endregion
24
+ export { SbbTimetableFormDetailsElement as t };
25
+
26
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZGV0YWlscy5jb21wb25lbnQtREpsNVF0OXkuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpbWV0YWJsZS1mb3JtL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMvdGltZXRhYmxlLWZvcm0tZGV0YWlscy5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1kZXRhaWxzL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1fc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMtcGFkZGluZy1pbmxpbmUtc3RhcnQ6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCkgKyB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4eHMpXG4gICk7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1kZXRhaWxzLWdhcCk7XG4gIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMtYm9yZGVyLWJsb2NrLXN0YXJ0KTtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMtcGFkZGluZy1ibG9jayk7XG4gIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1fc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMtcGFkZGluZy1pbmxpbmUtc3RhcnQpO1xufVxuXG46OnNsb3R0ZWQoc2JiLWZvcm0tZmllbGQpIHtcbiAgLS1zYmItZm9ybS1maWVsZC1ib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy02eCk7XG4gIC0tc2JiLWZvcm0tZmllbGQtb3V0bGluZS1vZmZzZXQ6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgtNSl9O1xufVxuXG46OnNsb3R0ZWQoc2JiLWRpdmlkZXJbb3JpZW50YXRpb249J3ZlcnRpY2FsJ10pIHtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscy1ob3Jpem9udGFsLWRpdmlkZXItaGVpZ2h0KTtcbn1cblxuOjpzbG90dGVkKDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1pbmxpbmUtZW5kOiB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscy1wYWRkaW5nLWlubGluZSk7XG59XG4iLCJpbXBvcnQgeyBodG1sLCB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWZvcm0tZGV0YWlscy5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogV3JhcHMgdGhlIGRldGFpbHMgc2VjdGlvbiBvZiB0aGUgYHNiYi10aW1ldGFibGUtZm9ybWAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgZGV0YWlscyBzZWN0aW9uLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGltZXRhYmxlRm9ybURldGFpbHNFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscyc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHVuc2FmZUNTUyhzdHlsZSk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aW1ldGFibGUtZm9ybS1kZXRhaWxzJzogU2JiVGltZXRhYmxlRm9ybURldGFpbHNFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FDV0EsSUFBYSxpQ0FBYixjQUFvRCxXQUFVOztBQUM1QixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixVQUFVLCtCQUFNOztDQUU3QyxTQUFNO0FBQ3ZCLFNBQU8sSUFBSSJ9
package/development/timetable-form-field.component-DQ_TzcF4.js ADDED
@@ -0,0 +1,44 @@
1
+ import { html, isServer, unsafeCSS } from "lit";
2
+ import { SbbFormFieldElement } from "./form-field.pure.js";
3
+ //#region src/elements/timetable-form/timetable-form-field/timetable-form-field.scss?inline
4
+ var timetable_form_field_default = ":host {\n --_sbb-timetable-form-field-start-icon-connecting-line-offset: 0.1875rem;\n --_sbb-timetable-form-field-start-icon-connecting-line-width: calc(\n (var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 +\n var(--_sbb-timetable-form-field-start-icon-connecting-line-offset)\n );\n --sbb-form-field-border-radius: var(--sbb-border-radius-6x);\n --sbb-form-field-outline-offset: -0.3125rem;\n display: flex;\n}\n\n:host(:first-of-type) {\n --sbb-timetable-form-field-route-icon-rotate: 90deg;\n}\n\n:host(:last-of-type) {\n --sbb-timetable-form-field-route-icon-rotate: -90deg;\n --sbb-timetable-form-field-route-icon-translate: -0.0625rem 0;\n}\n\n:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper::after {\n content: \"\";\n position: absolute;\n border-block-end: var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);\n inset-inline: var(--sbb-form-field-padding-inline);\n inset-block-end: 0;\n}\n\n.sbb-timetable-form-field__start-route-icon {\n align-self: center;\n margin-inline-start: var(--sbb-form-field-padding-inline);\n rotate: var(--sbb-timetable-form-field-route-icon-rotate);\n translate: var(--sbb-timetable-form-field-route-icon-translate);\n}\n.sbb-timetable-form-field__start-route-icon::after {\n content: \"\";\n position: absolute;\n inset-block-start: 50%;\n border-block-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);\n width: var(--_sbb-timetable-form-field-start-icon-connecting-line-width);\n margin-left: calc(var(--_sbb-timetable-form-field-start-icon-connecting-line-offset) * -1);\n}\n\n.sbb-timetable-form-field__via-route-icon {\n align-self: stretch;\n position: relative;\n width: var(--sbb-timetable-form-field-route-via-icon-width);\n margin-inline-start: var(--sbb-form-field-padding-inline);\n}\n.sbb-timetable-form-field__via-route-icon::before {\n content: \"\";\n position: absolute;\n inset-inline-start: 50%;\n height: 100%;\n margin-inline-start: -0.0625rem;\n border-inline-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);\n}\n.sbb-timetable-form-field__via-route-icon::after {\n content: \"\";\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n translate: -50% -50%;\n width: var(--sbb-timetable-form-field-route-via-after-dimension);\n height: var(--sbb-timetable-form-field-route-via-after-dimension);\n border: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);\n border-radius: var(--sbb-border-radius-infinity);\n background-color: var(--sbb-timetable-form-field-route-icon-background-color);\n margin-inline-start: -0.03125rem;\n}\n\n.sbb-form-field__space-wrapper {\n flex-grow: 1;\n}";
5
+ //#endregion
6
+ //#region src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts
7
+ SbbFormFieldElement.define();
8
+ /**
9
+ * Extends the `sbb-form-field`. Meant to be used inside a `sbb-timetable-form`.
10
+ */
11
+ var SbbTimetableFormFieldElement = class extends SbbFormFieldElement {
12
+ static {
13
+ this.elementName = "sbb-timetable-form-field";
14
+ }
15
+ static {
16
+ this.styles = [SbbFormFieldElement.styles, unsafeCSS(timetable_form_field_default)];
17
+ }
18
+ constructor() {
19
+ super();
20
+ this._routeIcon = false;
21
+ this.borderless = true;
22
+ this.floatingLabel = true;
23
+ this.width = "collapse";
24
+ this.size = "l";
25
+ }
26
+ connectedCallback() {
27
+ super.connectedCallback();
28
+ if (isServer) return;
29
+ this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
30
+ }
31
+ render() {
32
+ return html`
33
+ ${this._routeIcon ? html` <sbb-icon
34
+ name="route-circle-start-small"
35
+ class="sbb-timetable-form-field__start-route-icon"
36
+ ></sbb-icon>` : html` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
37
+ ${super.render()}
38
+ `;
39
+ }
40
+ };
41
+ //#endregion
42
+ export { SbbTimetableFormFieldElement as t };
43
+
44
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZmllbGQuY29tcG9uZW50LURRX1R6Y0Y0LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1maWVsZC90aW1ldGFibGUtZm9ybS1maWVsZC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1maWVsZC90aW1ldGFibGUtZm9ybS1maWVsZC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLV9zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtc3RhcnQtaWNvbi1jb25uZWN0aW5nLWxpbmUtb2Zmc2V0OiAje3NiYi5weC10by1yZW0tYnVpbGQoMyl9OyAvLyB0aGUgJ3JvdXRlLWNpcmNsZS1zdGFydC1zbWFsbCcgaGFzIGEgZ2FwLCBhdCB0aGUgZW5kIG9mIHRoZSBsaW5lLCB0aGF0IG5lZWRzIHRvIGJlIGNvdmVyZWQuXG4gIC0tX3NiYi10aW1ldGFibGUtZm9ybS1maWVsZC1zdGFydC1pY29uLWNvbm5lY3RpbmctbGluZS13aWR0aDogY2FsYyhcbiAgICAodmFyKC0tc2JiLWZvcm0tZmllbGQtbWluLWhlaWdodCkgLSB2YXIoLS1zYmItaWNvbi1zdmctaGVpZ2h0KSkgLyAyICtcbiAgICAgIHZhcigtLV9zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtc3RhcnQtaWNvbi1jb25uZWN0aW5nLWxpbmUtb2Zmc2V0KVxuICApO1xuICAtLXNiYi1mb3JtLWZpZWxkLWJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTZ4KTtcbiAgLS1zYmItZm9ybS1maWVsZC1vdXRsaW5lLW9mZnNldDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKC01KX07XG5cbiAgZGlzcGxheTogZmxleDtcbn1cblxuOmhvc3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi1yb3RhdGU6IDkwZGVnO1xufVxuXG46aG9zdCg6bGFzdC1vZi10eXBlKSB7XG4gIC0tc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkLXJvdXRlLWljb24tcm90YXRlOiAtOTBkZWc7XG4gIC0tc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkLXJvdXRlLWljb24tdHJhbnNsYXRlOiAje3NiYi5weC10by1yZW0tYnVpbGQoLTEpfSAwOyAvLyB0aGUgJ3JvdXRlLWNpcmNsZS1zdGFydC1zbWFsbCcgaXMgbm90IHBlcmZlY3RseSBzeW1tZXRyaWNhbFxufVxuXG46aG9zdCg6d2hlcmUoOm5vdCg6bGFzdC1vZi10eXBlKSkpIHtcbiAgLnNiYi1mb3JtLWZpZWxkX193cmFwcGVyOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIHZhcigtLXNiYi1mb3JtLWZpZWxkLWJvcmRlci1zdHlsZSlcbiAgICAgIHZhcigtLXNiYi1ib3JkZXItY29sb3ItNC1pbnZlcnRlZCk7XG4gICAgaW5zZXQtaW5saW5lOiB2YXIoLS1zYmItZm9ybS1maWVsZC1wYWRkaW5nLWlubGluZSk7XG4gICAgaW5zZXQtYmxvY2stZW5kOiAwO1xuICB9XG59XG5cbi8vICdTdGFydC9FbmQnIHJvdXRlIGljb24gc2hhcGVcbi5zYmItdGltZXRhYmxlLWZvcm0tZmllbGRfX3N0YXJ0LXJvdXRlLWljb24ge1xuICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1mb3JtLWZpZWxkLXBhZGRpbmctaW5saW5lKTtcbiAgcm90YXRlOiB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi1yb3RhdGUpO1xuICB0cmFuc2xhdGU6IHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLXRyYW5zbGF0ZSk7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogNTAlO1xuICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgc29saWRcbiAgICAgIHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLWNvbG9yKTtcbiAgICB3aWR0aDogdmFyKC0tX3NiYi10aW1ldGFibGUtZm9ybS1maWVsZC1zdGFydC1pY29uLWNvbm5lY3RpbmctbGluZS13aWR0aCk7XG4gICAgbWFyZ2luLWxlZnQ6IGNhbGModmFyKC0tX3NiYi10aW1ldGFibGUtZm9ybS1maWVsZC1zdGFydC1pY29uLWNvbm5lY3RpbmctbGluZS1vZmZzZXQpICogLTEpO1xuICB9XG59XG5cbi8vICdWaWEnIHJvdXRlIGljb24gc2hhcGVcbi5zYmItdGltZXRhYmxlLWZvcm0tZmllbGRfX3ZpYS1yb3V0ZS1pY29uIHtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkLXJvdXRlLXZpYS1pY29uLXdpZHRoKTtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogdmFyKC0tc2JiLWZvcm0tZmllbGQtcGFkZGluZy1pbmxpbmUpO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWlubGluZS1zdGFydDogNTAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiAje3NiYi5weC10by1yZW0tYnVpbGQoLTEpfTtcbiAgICBib3JkZXItaW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSBzb2xpZFxuICAgICAgdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkLXJvdXRlLWljb24tY29sb3IpO1xuICB9XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogNTAlO1xuICAgIGluc2V0LWlubGluZS1zdGFydDogNTAlO1xuICAgIHRyYW5zbGF0ZTogLTUwJSAtNTAlO1xuICAgIHdpZHRoOiB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtdmlhLWFmdGVyLWRpbWVuc2lvbik7XG4gICAgaGVpZ2h0OiB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtdmlhLWFmdGVyLWRpbWVuc2lvbik7XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSBzb2xpZCB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi1jb2xvcik7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLWJhY2tncm91bmQtY29sb3IpO1xuICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgtMC41KX07XG4gIH1cbn1cblxuLnNiYi1mb3JtLWZpZWxkX19zcGFjZS13cmFwcGVyIHtcbiAgZmxleC1ncm93OiAxO1xufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgaXNTZXJ2ZXIsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkZvcm1GaWVsZEVsZW1lbnQgfSBmcm9tICcuLi8uLi9mb3JtLWZpZWxkLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aW1ldGFibGUtZm9ybS1maWVsZC5zY3NzP2lubGluZSc7XG5cbi8vIFRPRE8oYnJlYWtpbmctY2hhbmdlKTogcmVtb3ZlIGRlZmluZSgpIG9mIHNiYi1mb3JtLWZpZWxkLlxuU2JiRm9ybUZpZWxkRWxlbWVudC5kZWZpbmUoKTtcblxuLyoqXG4gKiBFeHRlbmRzIHRoZSBgc2JiLWZvcm0tZmllbGRgLiBNZWFudCB0byBiZSB1c2VkIGluc2lkZSBhIGBzYmItdGltZXRhYmxlLWZvcm1gLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGltZXRhYmxlRm9ybUZpZWxkRWxlbWVudCBleHRlbmRzIFNiYkZvcm1GaWVsZEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1NiYkZvcm1GaWVsZEVsZW1lbnQuc3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICBwcml2YXRlIF9yb3V0ZUljb24gPSBmYWxzZTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmJvcmRlcmxlc3MgPSB0cnVlO1xuICAgIHRoaXMuZmxvYXRpbmdMYWJlbCA9IHRydWU7XG4gICAgdGhpcy53aWR0aCA9ICdjb2xsYXBzZSc7XG4gICAgdGhpcy5zaXplID0gJ2wnO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5oeWRyYXRpb25Db21wbGV0ZS50aGVuKFxuICAgICAgKCkgPT4gKHRoaXMuX3JvdXRlSWNvbiA9IHRoaXMubWF0Y2hlcygnOmZpcnN0LW9mLXR5cGUsIDpsYXN0LW9mLXR5cGUnKSksXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgJHt0aGlzLl9yb3V0ZUljb25cbiAgICAgICAgPyBodG1sYCA8c2JiLWljb25cbiAgICAgICAgICAgIG5hbWU9XCJyb3V0ZS1jaXJjbGUtc3RhcnQtc21hbGxcIlxuICAgICAgICAgICAgY2xhc3M9XCJzYmItdGltZXRhYmxlLWZvcm0tZmllbGRfX3N0YXJ0LXJvdXRlLWljb25cIlxuICAgICAgICAgID48L3NiYi1pY29uPmBcbiAgICAgICAgOiBodG1sYCA8c3BhbiBjbGFzcz1cInNiYi10aW1ldGFibGUtZm9ybS1maWVsZF9fdmlhLXJvdXRlLWljb25cIj48L3NwYW4+IGB9XG4gICAgICAke3N1cGVyLnJlbmRlcigpfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aW1ldGFibGUtZm9ybS1maWVsZCc6IFNiYlRpbWV0YWJsZUZvcm1GaWVsZEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FDT0Esb0JBQW9CLFFBQVE7Ozs7QUFLNUIsSUFBYSwrQkFBYixjQUFrRCxvQkFBbUI7O0FBQ25DLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCLENBQUMsb0JBQW9CLFFBQVEsVUFBVSw2QkFBTSxDQUFDOztDQUk5RixjQUFBO0FBQ0UsU0FBTztBQUhELE9BQUEsYUFBYTtBQUluQixPQUFLLGFBQWE7QUFDbEIsT0FBSyxnQkFBZ0I7QUFDckIsT0FBSyxRQUFRO0FBQ2IsT0FBSyxPQUFPOztDQUdFLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUV6QixNQUFJLFNBQ0Y7QUFFRixPQUFLLGtCQUFrQixXQUNkLEtBQUssYUFBYSxLQUFLLFFBQVEsZ0NBQWdDLENBQ3ZFOztDQUdhLFNBQU07QUFDcEIsU0FBTyxJQUFJO1FBQ1AsS0FBSyxhQUNILElBQUk7OzswQkFJSixJQUFJLG1FQUFBO1FBQ04sTUFBTSxRQUFRLENBQUEifQ==
package/development/timetable-form.component-N8h4JBlH.js ADDED
@@ -0,0 +1,27 @@
1
+ import { html, unsafeCSS } from "lit";
2
+ import { SbbElement } from "./core/base-elements.js";
3
+ //#region src/elements/timetable-form/timetable-form/timetable-form.scss?inline
4
+ var timetable_form_default = ":host {\n border-radius: var(--sbb-timetable-form-border-radius);\n background-color: var(--sbb-timetable-form-background-color);\n display: flex;\n flex-direction: column;\n}";
5
+ //#endregion
6
+ //#region src/elements/timetable-form/timetable-form/timetable-form.component.ts
7
+ /**
8
+ * Serves as a building block of a sbb 'timetable-form'.
9
+ * It automatically handles the styles and part of its behaviors
10
+ *
11
+ * @slot - Use the unnamed slot to add content to the 'timetable-form'
12
+ */
13
+ var SbbTimetableFormElement = class extends SbbElement {
14
+ static {
15
+ this.elementName = "sbb-timetable-form";
16
+ }
17
+ static {
18
+ this.styles = unsafeCSS(timetable_form_default);
19
+ }
20
+ render() {
21
+ return html`<slot></slot>`;
22
+ }
23
+ };
24
+ //#endregion
25
+ export { SbbTimetableFormElement as t };
26
+
27
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0uY29tcG9uZW50LU44aDRKQmxILmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbiIsImltcG9ydCB7IGh0bWwsIHVuc2FmZUNTUywgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aW1ldGFibGUtZm9ybS5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogU2VydmVzIGFzIGEgYnVpbGRpbmcgYmxvY2sgb2YgYSBzYmIgJ3RpbWV0YWJsZS1mb3JtJy5cbiAqIEl0IGF1dG9tYXRpY2FsbHkgaGFuZGxlcyB0aGUgc3R5bGVzIGFuZCBwYXJ0IG9mIGl0cyBiZWhhdmlvcnNcbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSAndGltZXRhYmxlLWZvcm0nXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUaW1ldGFibGVGb3JtRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRpbWV0YWJsZS1mb3JtJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gdW5zYWZlQ1NTKHN0eWxlKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8c2xvdD48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRpbWV0YWJsZS1mb3JtJzogU2JiVGltZXRhYmxlRm9ybUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FDWUEsSUFBYSwwQkFBYixjQUE2QyxXQUFVOztBQUNyQixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixVQUFVLHVCQUFNOztDQUU3QyxTQUFNO0FBQ3ZCLFNBQU8sSUFBSSJ9
package/development/timetable-form.js CHANGED
@@ -1,7 +1,7 @@
1
- import { t as SbbTimetableFormDetailsElement } from "./timetable-form-details.component-C8awcdP5.js";
2
- import { t as SbbTimetableFormFieldElement } from "./timetable-form-field.component-BI24VjkC.js";
1
+ import { t as SbbTimetableFormDetailsElement } from "./timetable-form-details.component-DJl5Qt9y.js";
2
+ import { t as SbbTimetableFormFieldElement } from "./timetable-form-field.component-DQ_TzcF4.js";
3
3
  import { t as SbbTimetableFormSwapButtonElement } from "./timetable-form-swap-button.component-BUKUjrpl.js";
4
- import { t as SbbTimetableFormElement } from "./timetable-form.component-CUG86CSN.js";
4
+ import { t as SbbTimetableFormElement } from "./timetable-form.component-N8h4JBlH.js";
5
5
  import "./timetable-form.pure.js";
6
6
  //#region src/elements/timetable-form.ts
7
7
  /** @entrypoint */
package/development/timetable-form.pure.js CHANGED
@@ -1,5 +1,5 @@
1
- import { t as SbbTimetableFormDetailsElement } from "./timetable-form-details.component-C8awcdP5.js";
2
- import { t as SbbTimetableFormFieldElement } from "./timetable-form-field.component-BI24VjkC.js";
1
+ import { t as SbbTimetableFormDetailsElement } from "./timetable-form-details.component-DJl5Qt9y.js";
2
+ import { t as SbbTimetableFormFieldElement } from "./timetable-form-field.component-DQ_TzcF4.js";
3
3
  import { t as SbbTimetableFormSwapButtonElement } from "./timetable-form-swap-button.component-BUKUjrpl.js";
4
- import { t as SbbTimetableFormElement } from "./timetable-form.component-CUG86CSN.js";
4
+ import { t as SbbTimetableFormElement } from "./timetable-form.component-N8h4JBlH.js";
5
5
  export { SbbTimetableFormDetailsElement, SbbTimetableFormElement, SbbTimetableFormFieldElement, SbbTimetableFormSwapButtonElement };
package/development/timetable-occupancy/timetable-occupancy.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as SbbTimetableOccupancyElement } from "../timetable-occupancy.component-D_PXXvI9.js";
1
+ import { t as SbbTimetableOccupancyElement } from "../timetable-occupancy.component-dhpPJEaI.js";
2
2
  export { SbbTimetableOccupancyElement };
package/development/timetable-occupancy.component-dhpPJEaI.js ADDED
@@ -0,0 +1,124 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { html, nothing, unsafeCSS } from "lit";
3
+ import { property } from "lit/decorators.js";
4
+ import { SbbElement } from "./core/base-elements.js";
5
+ import { SbbNegativeMixin } from "./core/mixins.js";
6
+ import { boxSizingStyles } from "./core/styles.js";
7
+ import { SbbLanguageController } from "./core/controllers.js";
8
+ import { i18nClass } from "./core/i18n.js";
9
+ import "./screen-reader-only.js";
10
+ import "./timetable-occupancy-icon.js";
11
+ //#region src/elements/timetable-occupancy/timetable-occupancy.scss?inline
12
+ var timetable_occupancy_default = ":host {\n --sbb-icon-svg-width: 0.890625rem;\n --sbb-icon-svg-height: v0.75rem;\n display: inline-block;\n}\n@media (min-width: calc(64rem)) {\n :host {\n --sbb-icon-svg-width: 1.1875rem;\n --sbb-icon-svg-height: v1rem;\n }\n}\n\n:host([negative]) {\n --sbb-timetable-occupancy-color: var(--sbb-color-2-negative);\n}\n\n.sbb-timetable-occupancy__list {\n list-style: none;\n margin: 0;\n padding: 0;\n font-size: inherit;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--sbb-timetable-occupancy-list-gap);\n}\n\n.sbb-timetable-occupancy__list-item {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--sbb-timetable-occupancy-item-gap);\n}\n\n.sbb-timetable-occupancy__list-item-class {\n color: var(--sbb-timetable-occupancy-color);\n line-height: 1;\n font-size: var(--sbb-timetable-occupancy-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n\n.sbb-timetable-occupancy__list-item-icon {\n display: flex;\n}";
13
+ //#endregion
14
+ //#region src/elements/timetable-occupancy/timetable-occupancy.component.ts
15
+ /**
16
+ * Used in `sbb-timetable-row`, it displays information about wagon occupancy.
17
+ */
18
+ var SbbTimetableOccupancyElement = (() => {
19
+ let _classSuper = SbbNegativeMixin(SbbElement);
20
+ let _firstClassOccupancy_decorators;
21
+ let _firstClassOccupancy_initializers = [];
22
+ let _firstClassOccupancy_extraInitializers = [];
23
+ let _secondClassOccupancy_decorators;
24
+ let _secondClassOccupancy_initializers = [];
25
+ let _secondClassOccupancy_extraInitializers = [];
26
+ return class SbbTimetableOccupancyElement extends _classSuper {
27
+ constructor() {
28
+ super(...arguments);
29
+ this.#firstClassOccupancy_accessor_storage = __runInitializers(this, _firstClassOccupancy_initializers, null);
30
+ this.#secondClassOccupancy_accessor_storage = (__runInitializers(this, _firstClassOccupancy_extraInitializers), __runInitializers(this, _secondClassOccupancy_initializers, null));
31
+ this._language = (__runInitializers(this, _secondClassOccupancy_extraInitializers), new SbbLanguageController(this));
32
+ }
33
+ static {
34
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
35
+ _firstClassOccupancy_decorators = [property({ attribute: "first-class-occupancy" })];
36
+ _secondClassOccupancy_decorators = [property({ attribute: "second-class-occupancy" })];
37
+ __esDecorate(this, null, _firstClassOccupancy_decorators, {
38
+ kind: "accessor",
39
+ name: "firstClassOccupancy",
40
+ static: false,
41
+ private: false,
42
+ access: {
43
+ has: (obj) => "firstClassOccupancy" in obj,
44
+ get: (obj) => obj.firstClassOccupancy,
45
+ set: (obj, value) => {
46
+ obj.firstClassOccupancy = value;
47
+ }
48
+ },
49
+ metadata: _metadata
50
+ }, _firstClassOccupancy_initializers, _firstClassOccupancy_extraInitializers);
51
+ __esDecorate(this, null, _secondClassOccupancy_decorators, {
52
+ kind: "accessor",
53
+ name: "secondClassOccupancy",
54
+ static: false,
55
+ private: false,
56
+ access: {
57
+ has: (obj) => "secondClassOccupancy" in obj,
58
+ get: (obj) => obj.secondClassOccupancy,
59
+ set: (obj, value) => {
60
+ obj.secondClassOccupancy = value;
61
+ }
62
+ },
63
+ metadata: _metadata
64
+ }, _secondClassOccupancy_initializers, _secondClassOccupancy_extraInitializers);
65
+ if (_metadata) Object.defineProperty(this, Symbol.metadata, {
66
+ enumerable: true,
67
+ configurable: true,
68
+ writable: true,
69
+ value: _metadata
70
+ });
71
+ }
72
+ static {
73
+ this.elementName = "sbb-timetable-occupancy";
74
+ }
75
+ static {
76
+ this.styles = [boxSizingStyles, unsafeCSS(timetable_occupancy_default)];
77
+ }
78
+ #firstClassOccupancy_accessor_storage;
79
+ /** Occupancy for first class wagons. */
80
+ get firstClassOccupancy() {
81
+ return this.#firstClassOccupancy_accessor_storage;
82
+ }
83
+ set firstClassOccupancy(value) {
84
+ this.#firstClassOccupancy_accessor_storage = value;
85
+ }
86
+ #secondClassOccupancy_accessor_storage;
87
+ /** Occupancy for second class wagons. */
88
+ get secondClassOccupancy() {
89
+ return this.#secondClassOccupancy_accessor_storage;
90
+ }
91
+ set secondClassOccupancy(value) {
92
+ this.#secondClassOccupancy_accessor_storage = value;
93
+ }
94
+ render() {
95
+ return html` ${(this.firstClassOccupancy || this.secondClassOccupancy) && html`
96
+ <ul
97
+ class="sbb-timetable-occupancy__list"
98
+ role=${!this.firstClassOccupancy || !this.secondClassOccupancy ? "presentation" : nothing}
99
+ >
100
+ ${[this.firstClassOccupancy, this.secondClassOccupancy].map((occupancy, index) => occupancy && html`
101
+ <li class="sbb-timetable-occupancy__list-item">
102
+ <span class="sbb-timetable-occupancy__list-item-class" aria-hidden="true">
103
+ ${this.firstClassOccupancy && index === 0 ? "1" : "2"}.
104
+ </span>
105
+ <sbb-screen-reader-only>
106
+ ${`${i18nClass[this.firstClassOccupancy && index === 0 ? "first" : "second"][this._language.current]}.`}
107
+ </sbb-screen-reader-only>
108
+ <sbb-timetable-occupancy-icon
109
+ class="sbb-timetable-occupancy__list-item-icon"
110
+ ?negative=${this.negative}
111
+ .occupancy=${occupancy}
112
+ >
113
+ </sbb-timetable-occupancy-icon>
114
+ </li>
115
+ `)}
116
+ </ul>
117
+ `}`;
118
+ }
119
+ };
120
+ })();
121
+ //#endregion
122
+ export { SbbTimetableOccupancyElement as t };
123
+
124
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLW9jY3VwYW5jeS5jb21wb25lbnQtZGhwUEpFYUkuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpbWV0YWJsZS1vY2N1cGFuY3kvdGltZXRhYmxlLW9jY3VwYW5jeS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtb2NjdXBhbmN5L3RpbWV0YWJsZS1vY2N1cGFuY3kuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItaWNvbi1zdmctd2lkdGg6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxNC4yNSl9O1xuICAtLXNiYi1pY29uLXN2Zy1oZWlnaHQ6IHYje3NiYi5weC10by1yZW0tYnVpbGQoMTIpfTtcblxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIC0tc2JiLWljb24tc3ZnLXdpZHRoOiAje3NiYi5weC10by1yZW0tYnVpbGQoMTkpfTtcbiAgICAtLXNiYi1pY29uLXN2Zy1oZWlnaHQ6IHYje3NiYi5weC10by1yZW0tYnVpbGQoMTYpfTtcbiAgfVxufVxuXG46aG9zdChbbmVnYXRpdmVdKSB7XG4gIC0tc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3ktY29sb3I6IHZhcigtLXNiYi1jb2xvci0yLW5lZ2F0aXZlKTtcbn1cblxuLnNiYi10aW1ldGFibGUtb2NjdXBhbmN5X19saXN0IHtcbiAgQGluY2x1ZGUgc2JiLmxpc3QtcmVzZXQ7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGdhcDogdmFyKC0tc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3ktbGlzdC1nYXApO1xufVxuXG4uc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3lfX2xpc3QtaXRlbSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBnYXA6IHZhcigtLXNiYi10aW1ldGFibGUtb2NjdXBhbmN5LWl0ZW0tZ2FwKTtcbn1cblxuLnNiYi10aW1ldGFibGUtb2NjdXBhbmN5X19saXN0LWl0ZW0tY2xhc3Mge1xuICBjb2xvcjogdmFyKC0tc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3ktY29sb3IpO1xuICBsaW5lLWhlaWdodDogMTtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItdGltZXRhYmxlLW9jY3VwYW5jeS1mb250LXNpemUpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG59XG5cbi5zYmItdGltZXRhYmxlLW9jY3VwYW5jeV9fbGlzdC1pdGVtLWljb24ge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuIiwiaW1wb3J0IHsgaHRtbCwgbm90aGluZywgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgaTE4bkNsYXNzIH0gZnJvbSAnLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiT2NjdXBhbmN5IH0gZnJvbSAnLi4vY29yZS9pbnRlcmZhY2VzLnRzJztcbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RpbWV0YWJsZS1vY2N1cGFuY3kuc2Nzcz9pbmxpbmUnO1xuXG5pbXBvcnQgJy4uL3NjcmVlbi1yZWFkZXItb25seS50cyc7XG5pbXBvcnQgJy4uL3RpbWV0YWJsZS1vY2N1cGFuY3ktaWNvbi50cyc7XG5cbi8qKlxuICogVXNlZCBpbiBgc2JiLXRpbWV0YWJsZS1yb3dgLCBpdCBkaXNwbGF5cyBpbmZvcm1hdGlvbiBhYm91dCB3YWdvbiBvY2N1cGFuY3kuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUaW1ldGFibGVPY2N1cGFuY3lFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGltZXRhYmxlLW9jY3VwYW5jeSc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBPY2N1cGFuY3kgZm9yIGZpcnN0IGNsYXNzIHdhZ29ucy4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnZmlyc3QtY2xhc3Mtb2NjdXBhbmN5JyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZmlyc3RDbGFzc09jY3VwYW5jeTogU2JiT2NjdXBhbmN5IHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIE9jY3VwYW5jeSBmb3Igc2Vjb25kIGNsYXNzIHdhZ29ucy4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnc2Vjb25kLWNsYXNzLW9jY3VwYW5jeScgfSlcbiAgcHVibGljIGFjY2Vzc29yIHNlY29uZENsYXNzT2NjdXBhbmN5OiBTYmJPY2N1cGFuY3kgfCBudWxsID0gbnVsbDtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgICR7KHRoaXMuZmlyc3RDbGFzc09jY3VwYW5jeSB8fCB0aGlzLnNlY29uZENsYXNzT2NjdXBhbmN5KSAmJlxuICAgIGh0bWxgXG4gICAgICA8dWxcbiAgICAgICAgY2xhc3M9XCJzYmItdGltZXRhYmxlLW9jY3VwYW5jeV9fbGlzdFwiXG4gICAgICAgIHJvbGU9JHshdGhpcy5maXJzdENsYXNzT2NjdXBhbmN5IHx8ICF0aGlzLnNlY29uZENsYXNzT2NjdXBhbmN5ID8gJ3ByZXNlbnRhdGlvbicgOiBub3RoaW5nfVxuICAgICAgPlxuICAgICAgICAke1t0aGlzLmZpcnN0Q2xhc3NPY2N1cGFuY3ksIHRoaXMuc2Vjb25kQ2xhc3NPY2N1cGFuY3ldLm1hcChcbiAgICAgICAgICAob2NjdXBhbmN5OiBzdHJpbmcgfCBudWxsLCBpbmRleDogbnVtYmVyKSA9PlxuICAgICAgICAgICAgb2NjdXBhbmN5ICYmXG4gICAgICAgICAgICBodG1sYFxuICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJzYmItdGltZXRhYmxlLW9jY3VwYW5jeV9fbGlzdC1pdGVtXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGltZXRhYmxlLW9jY3VwYW5jeV9fbGlzdC1pdGVtLWNsYXNzXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgICAke3RoaXMuZmlyc3RDbGFzc09jY3VwYW5jeSAmJiBpbmRleCA9PT0gMCA/ICcxJyA6ICcyJ30uXG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICAgICAgICAgICAgJHtgJHtcbiAgICAgICAgICAgICAgICAgICAgaTE4bkNsYXNzW3RoaXMuZmlyc3RDbGFzc09jY3VwYW5jeSAmJiBpbmRleCA9PT0gMCA/ICdmaXJzdCcgOiAnc2Vjb25kJ11bXG4gICAgICAgICAgICAgICAgICAgICAgdGhpcy5fbGFuZ3VhZ2UuY3VycmVudFxuICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgICB9LmB9XG4gICAgICAgICAgICAgICAgPC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICAgICAgICAgIDxzYmItdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInNiYi10aW1ldGFibGUtb2NjdXBhbmN5X19saXN0LWl0ZW0taWNvblwiXG4gICAgICAgICAgICAgICAgICA/bmVnYXRpdmU9JHt0aGlzLm5lZ2F0aXZlfVxuICAgICAgICAgICAgICAgICAgLm9jY3VwYW5jeT0ke29jY3VwYW5jeX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPC9zYmItdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uPlxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgYCxcbiAgICAgICAgKX1cbiAgICAgIDwvdWw+XG4gICAgYH1gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLW9jY3VwYW5jeSc6IFNiYlRpbWV0YWJsZU9jY3VwYW5jeUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNrQmEsc0NBQTRCO21CQUFTLGlCQUFpQixXQUFXOzs7Ozs7O2NBQWpFLHFDQUFxQyxZQUE0Qjs7O0FBTTVELFNBQUEsdUNBQUEsa0JBQUEsTUFBQSxtQ0FBMkMsS0FBSTtBQUkvQyxTQUFBLHlDQUFBLGtCQUFBLE1BQUEsdUNBQUEsRUFBQSxrQkFBQSxNQUFBLG9DQUE0QyxLQUFJO0FBRXhELFFBQUEsYUFBUyxrQkFBQSxNQUFBLHdDQUFBLEVBQUcsSUFBSSxzQkFBc0IsS0FBSzs7OztzQ0FQbEQsU0FBUyxFQUFFLFdBQVcseUJBQXlCLENBQUMsQ0FBQTt1Q0FJaEQsU0FBUyxFQUFFLFdBQVcsMEJBQTBCLENBQUMsQ0FBQTtBQUhsRCxnQkFBQSxNQUFBLE1BQUEsaUNBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSx5QkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFtQixNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQW5CLHNCQUFtQjs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG1DQUFBLHVDQUFBO0FBSW5DLGdCQUFBLE1BQUEsTUFBQSxrQ0FBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLDBCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQW9CLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBcEIsdUJBQW9COztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsb0NBQUEsd0NBQUE7Ozs7Ozs7OztBQVRKLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsNEJBQU0sQ0FBQzs7RUFJbkY7O0VBQUEsSUFBZ0Isc0JBQW1CO0FBQUEsVUFBQSxNQUFBOztFQUFuQyxJQUFnQixvQkFBbUIsT0FBQTtBQUFBLFNBQUEsdUNBQUE7O0VBSW5DOztFQUFBLElBQWdCLHVCQUFvQjtBQUFBLFVBQUEsTUFBQTs7RUFBcEMsSUFBZ0IscUJBQW9CLE9BQUE7QUFBQSxTQUFBLHdDQUFBOztFQUlqQixTQUFNO0FBQ3ZCLFVBQU8sSUFBSSxLQUFLLEtBQUssdUJBQXVCLEtBQUsseUJBQ2pELElBQUk7OztlQUdPLENBQUMsS0FBSyx1QkFBdUIsQ0FBQyxLQUFLLHVCQUF1QixpQkFBaUIsUUFBQTs7VUFFaEYsQ0FBQyxLQUFLLHFCQUFxQixLQUFLLHFCQUFxQixDQUFDLEtBQ3JELFdBQTBCLFVBQ3pCLGFBQ0EsSUFBSTs7O29CQUdJLEtBQUssdUJBQXVCLFVBQVUsSUFBSSxNQUFNLElBQUc7OztvQkFHbkQsR0FDQSxVQUFVLEtBQUssdUJBQXVCLFVBQVUsSUFBSSxVQUFVLFVBQzVELEtBQUssVUFBVSxTQUVuQixHQUFBOzs7OzhCQUlZLEtBQUssU0FBQTsrQkFDSixVQUFBOzs7O2NBS3RCLENBQUEifQ==
package/development/timetable-occupancy.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as SbbTimetableOccupancyElement } from "./timetable-occupancy.component-D_PXXvI9.js";
1
+ import { t as SbbTimetableOccupancyElement } from "./timetable-occupancy.component-dhpPJEaI.js";
2
2
  import "./timetable-occupancy.pure.js";
3
3
  //#region src/elements/timetable-occupancy.ts
4
4
  /** @entrypoint */
package/development/timetable-occupancy.pure.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as SbbTimetableOccupancyElement } from "./timetable-occupancy.component-D_PXXvI9.js";
1
+ import { t as SbbTimetableOccupancyElement } from "./timetable-occupancy.component-dhpPJEaI.js";
2
2
  export { SbbTimetableOccupancyElement };
package/off-brand-theme.css CHANGED
@@ -1869,6 +1869,22 @@ slot[name=error]::slotted(*) {
1869
1869
  --sbb-teaser-product-footer-font-size: var(--sbb-text-font-size-xxs);
1870
1870
  --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-s);
1871
1871
  --sbb-teaser-product-footer-padding-block-end: 0;
1872
+ --sbb-timetable-form-background-color: var(--sbb-background-color-1);
1873
+ --sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
1874
+ --sbb-timetable-form-details-border-block-start: var(--sbb-border-width-1x) solid
1875
+ var(--sbb-border-color-4-inverted);
1876
+ --sbb-timetable-form-details-gap: var(--sbb-spacing-fixed-1x);
1877
+ --sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
1878
+ --sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
1879
+ --sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
1880
+ --sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);
1881
+ --sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);
1882
+ --sbb-timetable-form-field-route-via-icon-width: var(--sbb-size-icon-ui-small);
1883
+ --sbb-timetable-form-field-route-via-after-dimension: 0.4375rem;
1884
+ --sbb-timetable-occupancy-color: var(--sbb-color-2);
1885
+ --sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
1886
+ --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
1887
+ --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
1872
1888
  --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
1873
1889
  --sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
1874
1890
  --sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "4.0.0-dev.1775622937",
3
+ "version": "4.0.0-dev.1775635677",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "https://github.com/sbb-design-systems/lyne-components/commit/5c6cc29e6fdb82d7c85153b29cafc4dcba5fa86a"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/f4e87b53538d1c3c358a193d96359c84374514a6"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
package/safety-theme.css CHANGED
@@ -1869,6 +1869,22 @@ slot[name=error]::slotted(*) {
1869
1869
  --sbb-teaser-product-footer-font-size: var(--sbb-text-font-size-xxs);
1870
1870
  --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-s);
1871
1871
  --sbb-teaser-product-footer-padding-block-end: 0;
1872
+ --sbb-timetable-form-background-color: var(--sbb-background-color-1);
1873
+ --sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
1874
+ --sbb-timetable-form-details-border-block-start: var(--sbb-border-width-1x) solid
1875
+ var(--sbb-border-color-4-inverted);
1876
+ --sbb-timetable-form-details-gap: var(--sbb-spacing-fixed-1x);
1877
+ --sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
1878
+ --sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
1879
+ --sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
1880
+ --sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);
1881
+ --sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);
1882
+ --sbb-timetable-form-field-route-via-icon-width: var(--sbb-size-icon-ui-small);
1883
+ --sbb-timetable-form-field-route-via-after-dimension: 0.4375rem;
1884
+ --sbb-timetable-occupancy-color: var(--sbb-color-2);
1885
+ --sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
1886
+ --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
1887
+ --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
1872
1888
  --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
1873
1889
  --sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
1874
1890
  --sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);
package/standard-theme.css CHANGED
@@ -1869,6 +1869,22 @@ slot[name=error]::slotted(*) {
1869
1869
  --sbb-teaser-product-footer-font-size: var(--sbb-text-font-size-xxs);
1870
1870
  --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-s);
1871
1871
  --sbb-teaser-product-footer-padding-block-end: 0;
1872
+ --sbb-timetable-form-background-color: var(--sbb-background-color-1);
1873
+ --sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
1874
+ --sbb-timetable-form-details-border-block-start: var(--sbb-border-width-1x) solid
1875
+ var(--sbb-border-color-4-inverted);
1876
+ --sbb-timetable-form-details-gap: var(--sbb-spacing-fixed-1x);
1877
+ --sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
1878
+ --sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
1879
+ --sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
1880
+ --sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);
1881
+ --sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);
1882
+ --sbb-timetable-form-field-route-via-icon-width: var(--sbb-size-icon-ui-small);
1883
+ --sbb-timetable-form-field-route-via-after-dimension: 0.4375rem;
1884
+ --sbb-timetable-occupancy-color: var(--sbb-color-2);
1885
+ --sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
1886
+ --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
1887
+ --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
1872
1888
  --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
1873
1889
  --sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
1874
1890
  --sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);
package/timetable-form/timetable-form/timetable-form.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../timetable-form.component-CU1FXAZH.js";
1
+ import { t as e } from "../../timetable-form.component-YcvKAlfz.js";
2
2
  export { e as SbbTimetableFormElement };
package/timetable-form/timetable-form-details/timetable-form-details.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../timetable-form-details.component-CBZ7QSAx.js";
1
+ import { t as e } from "../../timetable-form-details.component-mWKaBW_9.js";
2
2
  export { e as SbbTimetableFormDetailsElement };
package/timetable-form/timetable-form-details.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../timetable-form-details.component-CBZ7QSAx.js";
1
+ import { t as e } from "../timetable-form-details.component-mWKaBW_9.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form-details.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbTimetableFormDetailsElement };
package/timetable-form/timetable-form-field/timetable-form-field.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../timetable-form-field.component-BKxQQqt7.js";
1
+ import { t as e } from "../../timetable-form-field.component-Cv_lv8vf.js";
2
2
  export { e as SbbTimetableFormFieldElement };
package/timetable-form/timetable-form-field.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../timetable-form-field.component-BKxQQqt7.js";
1
+ import { t as e } from "../timetable-form-field.component-Cv_lv8vf.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form-field.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbTimetableFormFieldElement };
package/timetable-form/timetable-form.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../timetable-form.component-CU1FXAZH.js";
1
+ import { t as e } from "../timetable-form.component-YcvKAlfz.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbTimetableFormElement };
package/timetable-form-details.component-mWKaBW_9.js ADDED
@@ -0,0 +1,16 @@
1
+ import { html as e, unsafeCSS as t } from "lit";
2
+ import { SbbElement as n } from "./core/base-elements.js";
3
+ //#region src/elements/timetable-form/timetable-form-details/timetable-form-details.scss?inline
4
+ var r = ":host{--_sbb-timetable-form-details-padding-inline-start: calc( var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs) );display:flex;flex-wrap:wrap;align-items:center;gap:var(--sbb-timetable-form-details-gap);border-block-start:var(--sbb-timetable-form-details-border-block-start);padding-block:var(--sbb-timetable-form-details-padding-block);padding-inline-start:var(--_sbb-timetable-form-details-padding-inline-start)}::slotted(sbb-form-field){--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem}::slotted(sbb-divider[orientation=vertical]){height:var(--sbb-timetable-form-details-horizontal-divider-height)}::slotted(:last-child){margin-inline-end:var(--sbb-timetable-form-details-padding-inline)}", i = class extends n {
5
+ static {
6
+ this.elementName = "sbb-timetable-form-details";
7
+ }
8
+ static {
9
+ this.styles = t(r);
10
+ }
11
+ render() {
12
+ return e`<slot></slot>`;
13
+ }
14
+ };
15
+ //#endregion
16
+ export { i as t };
package/timetable-form-field.component-Cv_lv8vf.js ADDED
@@ -0,0 +1,32 @@
1
+ import { html as e, isServer as t, unsafeCSS as n } from "lit";
2
+ import { SbbFormFieldElement as r } from "./form-field.pure.js";
3
+ //#region src/elements/timetable-form/timetable-form-field/timetable-form-field.scss?inline
4
+ var i = ":host{--_sbb-timetable-form-field-start-icon-connecting-line-offset: .1875rem;--_sbb-timetable-form-field-start-icon-connecting-line-width: calc( (var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 + var(--_sbb-timetable-form-field-start-icon-connecting-line-offset) );--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem;display:flex}:host(:first-of-type){--sbb-timetable-form-field-route-icon-rotate: 90deg}:host(:last-of-type){--sbb-timetable-form-field-route-icon-rotate: -90deg;--sbb-timetable-form-field-route-icon-translate: -.0625rem 0}:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper:after{content:\"\";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0}.sbb-timetable-form-field__start-route-icon{align-self:center;margin-inline-start:var(--sbb-form-field-padding-inline);rotate:var(--sbb-timetable-form-field-route-icon-rotate);translate:var(--sbb-timetable-form-field-route-icon-translate)}.sbb-timetable-form-field__start-route-icon:after{content:\"\";position:absolute;inset-block-start:50%;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);width:var(--_sbb-timetable-form-field-start-icon-connecting-line-width);margin-left:calc(var(--_sbb-timetable-form-field-start-icon-connecting-line-offset) * -1)}.sbb-timetable-form-field__via-route-icon{align-self:stretch;position:relative;width:var(--sbb-timetable-form-field-route-via-icon-width);margin-inline-start:var(--sbb-form-field-padding-inline)}.sbb-timetable-form-field__via-route-icon:before{content:\"\";position:absolute;inset-inline-start:50%;height:100%;margin-inline-start:-.0625rem;border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color)}.sbb-timetable-form-field__via-route-icon:after{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;width:var(--sbb-timetable-form-field-route-via-after-dimension);height:var(--sbb-timetable-form-field-route-via-after-dimension);border:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-timetable-form-field-route-icon-background-color);margin-inline-start:-.03125rem}.sbb-form-field__space-wrapper{flex-grow:1}";
5
+ //#endregion
6
+ //#region src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts
7
+ r.define();
8
+ var a = class extends r {
9
+ static {
10
+ this.elementName = "sbb-timetable-form-field";
11
+ }
12
+ static {
13
+ this.styles = [r.styles, n(i)];
14
+ }
15
+ constructor() {
16
+ super(), this._routeIcon = !1, this.borderless = !0, this.floatingLabel = !0, this.width = "collapse", this.size = "l";
17
+ }
18
+ connectedCallback() {
19
+ super.connectedCallback(), !t && this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
20
+ }
21
+ render() {
22
+ return e`
23
+ ${this._routeIcon ? e` <sbb-icon
24
+ name="route-circle-start-small"
25
+ class="sbb-timetable-form-field__start-route-icon"
26
+ ></sbb-icon>` : e` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
27
+ ${super.render()}
28
+ `;
29
+ }
30
+ };
31
+ //#endregion
32
+ export { a as t };
package/{timetable-form.component-CU1FXAZH.js → timetable-form.component-YcvKAlfz.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { html as e, unsafeCSS as t } from "lit";
2
2
  import { SbbElement as n } from "./core/base-elements.js";
3
3
  //#region src/elements/timetable-form/timetable-form/timetable-form.scss?inline
4
- var r = ":host{--sbb-timetable-form-background-color: var(--sbb-background-color-1);--sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);border-radius:var(--sbb-timetable-form-border-radius);background-color:var(--sbb-timetable-form-background-color);display:flex;flex-direction:column}", i = class extends n {
4
+ var r = ":host{border-radius:var(--sbb-timetable-form-border-radius);background-color:var(--sbb-timetable-form-background-color);display:flex;flex-direction:column}", i = class extends n {
5
5
  static {
6
6
  this.elementName = "sbb-timetable-form";
7
7
  }
package/timetable-form.js CHANGED
@@ -1,7 +1,7 @@
1
- import { t as e } from "./timetable-form-details.component-CBZ7QSAx.js";
2
- import { t } from "./timetable-form-field.component-BKxQQqt7.js";
1
+ import { t as e } from "./timetable-form-details.component-mWKaBW_9.js";
2
+ import { t } from "./timetable-form-field.component-Cv_lv8vf.js";
3
3
  import { t as n } from "./timetable-form-swap-button.component-C71eoTQH.js";
4
- import { t as r } from "./timetable-form.component-CU1FXAZH.js";
4
+ import { t as r } from "./timetable-form.component-YcvKAlfz.js";
5
5
  import "./timetable-form.pure.js";
6
6
  r.define(), e.define(), t.define(), n.define();
7
7
  //#endregion
package/timetable-form.pure.js CHANGED
@@ -1,5 +1,5 @@
1
- import { t as e } from "./timetable-form-details.component-CBZ7QSAx.js";
2
- import { t } from "./timetable-form-field.component-BKxQQqt7.js";
1
+ import { t as e } from "./timetable-form-details.component-mWKaBW_9.js";
2
+ import { t } from "./timetable-form-field.component-Cv_lv8vf.js";
3
3
  import { t as n } from "./timetable-form-swap-button.component-C71eoTQH.js";
4
- import { t as r } from "./timetable-form.component-CU1FXAZH.js";
4
+ import { t as r } from "./timetable-form.component-YcvKAlfz.js";
5
5
  export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };
package/timetable-occupancy/timetable-occupancy.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../timetable-occupancy.component-Db9SfiyD.js";
1
+ import { t as e } from "../timetable-occupancy.component-BDmxFVKK.js";
2
2
  export { e as SbbTimetableOccupancyElement };
package/{timetable-occupancy.component-Db9SfiyD.js → timetable-occupancy.component-BDmxFVKK.js} RENAMED
@@ -9,7 +9,7 @@ import { i18nClass as u } from "./core/i18n.js";
9
9
  import "./screen-reader-only.js";
10
10
  import "./timetable-occupancy-icon.js";
11
11
  //#region src/elements/timetable-occupancy/timetable-occupancy.scss?inline
12
- var d = ":host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-2);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);line-height:1;color:var(--sbb-timetable-occupancy-color)}.sbb-timetable-occupancy__list-item-icon{display:flex}", f = (() => {
12
+ var d = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;display:inline-block}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-list-gap)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-item-gap)}.sbb-timetable-occupancy__list-item-class{color:var(--sbb-timetable-occupancy-color);line-height:1;font-size:var(--sbb-timetable-occupancy-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}.sbb-timetable-occupancy__list-item-icon{display:flex}", f = (() => {
13
13
  let f = s(o), p, m = [], h = [], g, _ = [], v = [];
14
14
  return class extends f {
15
15
  constructor() {
package/timetable-occupancy.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./timetable-occupancy.component-Db9SfiyD.js";
1
+ import { t as e } from "./timetable-occupancy.component-BDmxFVKK.js";
2
2
  import "./timetable-occupancy.pure.js";
3
3
  //#region src/elements/timetable-occupancy.ts
4
4
  e.define();
package/timetable-occupancy.pure.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "./timetable-occupancy.component-Db9SfiyD.js";
1
+ import { t as e } from "./timetable-occupancy.component-BDmxFVKK.js";
2
2
  export { e as SbbTimetableOccupancyElement };
package/development/timetable-form-details.component-C8awcdP5.js DELETED
@@ -1,26 +0,0 @@
1
- import { html, unsafeCSS } from "lit";
2
- import { SbbElement } from "./core/base-elements.js";
3
- //#region src/elements/timetable-form/timetable-form-details/timetable-form-details.scss?inline
4
- var timetable_form_details_default = ":host {\n --sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);\n --sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);\n --sbb-timetable-form-details-horizontal-divider-height: 1.5rem;\n display: flex;\n flex-wrap: wrap;\n gap: var(--sbb-spacing-fixed-1x);\n border-block-start: var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);\n padding-block: var(--sbb-timetable-form-details-padding-block);\n padding-inline-start: calc(var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs));\n align-items: center;\n}\n\n::slotted(sbb-form-field) {\n --sbb-form-field-border-radius: var(--sbb-border-radius-6x);\n --sbb-form-field-outline-offset: -0.3125rem;\n}\n\n::slotted(sbb-divider[orientation=vertical]) {\n height: var(--sbb-timetable-form-details-horizontal-divider-height);\n}\n\n::slotted(:last-child) {\n margin-inline-end: var(--sbb-timetable-form-details-padding-inline);\n}";
5
- //#endregion
6
- //#region src/elements/timetable-form/timetable-form-details/timetable-form-details.component.ts
7
- /**
8
- * Wraps the details section of the `sbb-timetable-form`.
9
- *
10
- * @slot - Use the unnamed slot to add content to the details section.
11
- */
12
- var SbbTimetableFormDetailsElement = class extends SbbElement {
13
- static {
14
- this.elementName = "sbb-timetable-form-details";
15
- }
16
- static {
17
- this.styles = unsafeCSS(timetable_form_details_default);
18
- }
19
- render() {
20
- return html`<slot></slot>`;
21
- }
22
- };
23
- //#endregion
24
- export { SbbTimetableFormDetailsElement as t };
25
-
26
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZGV0YWlscy5jb21wb25lbnQtQzhhd2NkUDUuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpbWV0YWJsZS1mb3JtL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMvdGltZXRhYmxlLWZvcm0tZGV0YWlscy5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1kZXRhaWxzL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscy1wYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeCk7XG4gIC0tc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMtcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUteHhzKTtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscy1ob3Jpem9udGFsLWRpdmlkZXItaGVpZ2h0OiAxLjVyZW07XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbiAgYm9yZGVyLWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSBzb2xpZCB2YXIoLS1zYmItYm9yZGVyLWNvbG9yLTQtaW52ZXJ0ZWQpO1xuICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscy1wYWRkaW5nLWJsb2NrKTtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IGNhbGModmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCkgKyB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4eHMpKTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuOjpzbG90dGVkKHNiYi1mb3JtLWZpZWxkKSB7XG4gIC0tc2JiLWZvcm0tZmllbGQtYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNngpO1xuICAtLXNiYi1mb3JtLWZpZWxkLW91dGxpbmUtb2Zmc2V0OiAje3NiYi5weC10by1yZW0tYnVpbGQoLTUpfTtcbn1cblxuOjpzbG90dGVkKHNiYi1kaXZpZGVyW29yaWVudGF0aW9uPSd2ZXJ0aWNhbCddKSB7XG4gIGhlaWdodDogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMtaG9yaXpvbnRhbC1kaXZpZGVyLWhlaWdodCk7XG59XG5cbjo6c2xvdHRlZCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMtcGFkZGluZy1pbmxpbmUpO1xufVxuIiwiaW1wb3J0IHsgaHRtbCwgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIFdyYXBzIHRoZSBkZXRhaWxzIHNlY3Rpb24gb2YgdGhlIGBzYmItdGltZXRhYmxlLWZvcm1gLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGRldGFpbHMgc2VjdGlvbi5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRpbWV0YWJsZUZvcm1EZXRhaWxzRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSB1bnNhZmVDU1Moc3R5bGUpO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscyc6IFNiYlRpbWV0YWJsZUZvcm1EZXRhaWxzRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQ1dBLElBQWEsaUNBQWIsY0FBb0QsV0FBVTs7QUFDNUIsT0FBQSxjQUFzQjs7O0FBQy9CLE9BQUEsU0FBeUIsVUFBVSwrQkFBTTs7Q0FFN0MsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==
package/development/timetable-form-field.component-BI24VjkC.js DELETED
@@ -1,44 +0,0 @@
1
- import { html, isServer, unsafeCSS } from "lit";
2
- import { SbbFormFieldElement } from "./form-field.pure.js";
3
- //#region src/elements/timetable-form/timetable-form-field/timetable-form-field.scss?inline
4
- var timetable_form_field_default = ":host {\n display: flex;\n --sbb-form-field-border-radius: var(--sbb-border-radius-6x);\n --sbb-form-field-outline-offset: -0.3125rem;\n --sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);\n --sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);\n}\n\n:host(:first-of-type) {\n --sbb-timetable-form-field-route-icon-rotate: 90deg;\n}\n\n:host(:last-of-type) {\n --sbb-timetable-form-field-route-icon-rotate: -90deg;\n --sbb-timetable-form-field-route-icon-translate: -0.0625rem 0;\n}\n\n:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper::after {\n content: \"\";\n position: absolute;\n border-block-end: var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);\n inset-inline: var(--sbb-form-field-padding-inline);\n inset-block-end: 0;\n}\n\n.sbb-timetable-form-field__start-route-icon {\n align-self: center;\n margin-inline-start: var(--sbb-form-field-padding-inline);\n rotate: var(--sbb-timetable-form-field-route-icon-rotate);\n translate: var(--sbb-timetable-form-field-route-icon-translate);\n}\n.sbb-timetable-form-field__start-route-icon::after {\n --connecting-line-offset: 0.1875rem;\n --connecting-line-width: calc(\n (var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 +\n var(--connecting-line-offset)\n );\n content: \"\";\n position: absolute;\n inset-block-start: 50%;\n border-block-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);\n width: var(--connecting-line-width);\n margin-left: calc(var(--connecting-line-offset) * -1);\n}\n\n.sbb-timetable-form-field__via-route-icon {\n align-self: stretch;\n position: relative;\n width: var(--sbb-size-icon-ui-small);\n margin-inline-start: var(--sbb-form-field-padding-inline);\n}\n.sbb-timetable-form-field__via-route-icon::before {\n content: \"\";\n position: absolute;\n inset-inline-start: 50%;\n height: 100%;\n margin-inline-start: -0.0625rem;\n border-inline-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);\n}\n.sbb-timetable-form-field__via-route-icon::after {\n content: \"\";\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n translate: -50% -50%;\n width: 0.4375rem;\n height: 0.4375rem;\n border: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);\n border-radius: var(--sbb-border-radius-infinity);\n background-color: var(--sbb-timetable-form-field-route-icon-background-color);\n margin-inline-start: -0.03125rem;\n}\n\n.sbb-form-field__space-wrapper {\n flex-grow: 1;\n}";
5
- //#endregion
6
- //#region src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts
7
- SbbFormFieldElement.define();
8
- /**
9
- * Extends the `sbb-form-field`. Meant to be used inside a `sbb-timetable-form`.
10
- */
11
- var SbbTimetableFormFieldElement = class extends SbbFormFieldElement {
12
- static {
13
- this.elementName = "sbb-timetable-form-field";
14
- }
15
- static {
16
- this.styles = [SbbFormFieldElement.styles, unsafeCSS(timetable_form_field_default)];
17
- }
18
- constructor() {
19
- super();
20
- this._routeIcon = false;
21
- this.borderless = true;
22
- this.floatingLabel = true;
23
- this.width = "collapse";
24
- this.size = "l";
25
- }
26
- connectedCallback() {
27
- super.connectedCallback();
28
- if (isServer) return;
29
- this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
30
- }
31
- render() {
32
- return html`
33
- ${this._routeIcon ? html` <sbb-icon
34
- name="route-circle-start-small"
35
- class="sbb-timetable-form-field__start-route-icon"
36
- ></sbb-icon>` : html` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
37
- ${super.render()}
38
- `;
39
- }
40
- };
41
- //#endregion
42
- export { SbbTimetableFormFieldElement as t };
43
-
44
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZmllbGQuY29tcG9uZW50LUJJMjRWamtDLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1maWVsZC90aW1ldGFibGUtZm9ybS1maWVsZC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1maWVsZC90aW1ldGFibGUtZm9ybS1maWVsZC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIC0tc2JiLWZvcm0tZmllbGQtYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNngpO1xuICAtLXNiYi1mb3JtLWZpZWxkLW91dGxpbmUtb2Zmc2V0OiAje3NiYi5weC10by1yZW0tYnVpbGQoLTUpfTtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTIpO1xuICAtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTEpO1xufVxuXG46aG9zdCg6Zmlyc3Qtb2YtdHlwZSkge1xuICAtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLXJvdGF0ZTogOTBkZWc7XG59XG5cbjpob3N0KDpsYXN0LW9mLXR5cGUpIHtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi1yb3RhdGU6IC05MGRlZztcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi10cmFuc2xhdGU6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgtMSl9IDA7IC8vIHRoZSAncm91dGUtY2lyY2xlLXN0YXJ0LXNtYWxsJyBpcyBub3QgcGVyZmVjdGx5IHN5bW1ldHJpY2FsXG59XG5cbjpob3N0KDp3aGVyZSg6bm90KDpsYXN0LW9mLXR5cGUpKSkge1xuICAuc2JiLWZvcm0tZmllbGRfX3dyYXBwZXI6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgdmFyKC0tc2JiLWZvcm0tZmllbGQtYm9yZGVyLXN0eWxlKVxuICAgICAgdmFyKC0tc2JiLWJvcmRlci1jb2xvci00LWludmVydGVkKTtcbiAgICBpbnNldC1pbmxpbmU6IHZhcigtLXNiYi1mb3JtLWZpZWxkLXBhZGRpbmctaW5saW5lKTtcbiAgICBpbnNldC1ibG9jay1lbmQ6IDA7XG4gIH1cbn1cblxuLy8gJ1N0YXJ0L0VuZCcgcm91dGUgaWNvbiBzaGFwZVxuLnNiYi10aW1ldGFibGUtZm9ybS1maWVsZF9fc3RhcnQtcm91dGUtaWNvbiB7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogdmFyKC0tc2JiLWZvcm0tZmllbGQtcGFkZGluZy1pbmxpbmUpO1xuICByb3RhdGU6IHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLXJvdGF0ZSk7XG4gIHRyYW5zbGF0ZTogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkLXJvdXRlLWljb24tdHJhbnNsYXRlKTtcblxuICAmOjphZnRlciB7XG4gICAgLS1jb25uZWN0aW5nLWxpbmUtb2Zmc2V0OiAje3NiYi5weC10by1yZW0tYnVpbGQoMyl9OyAvLyB0aGUgJ3JvdXRlLWNpcmNsZS1zdGFydC1zbWFsbCcgaGFzIGEgZ2FwLCBhdCB0aGUgZW5kIG9mIHRoZSBsaW5lLCB0aGF0IG5lZWRzIHRvIGJlIGNvdmVyZWQuXG4gICAgLS1jb25uZWN0aW5nLWxpbmUtd2lkdGg6IGNhbGMoXG4gICAgICAodmFyKC0tc2JiLWZvcm0tZmllbGQtbWluLWhlaWdodCkgLSB2YXIoLS1zYmItaWNvbi1zdmctaGVpZ2h0KSkgLyAyICtcbiAgICAgICAgdmFyKC0tY29ubmVjdGluZy1saW5lLW9mZnNldClcbiAgICApO1xuXG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiA1MCU7XG4gICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSBzb2xpZFxuICAgICAgdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkLXJvdXRlLWljb24tY29sb3IpO1xuICAgIHdpZHRoOiB2YXIoLS1jb25uZWN0aW5nLWxpbmUtd2lkdGgpO1xuICAgIG1hcmdpbi1sZWZ0OiBjYWxjKHZhcigtLWNvbm5lY3RpbmctbGluZS1vZmZzZXQpICogLTEpO1xuICB9XG59XG5cbi8vICdWaWEnIHJvdXRlIGljb24gc2hhcGVcbi5zYmItdGltZXRhYmxlLWZvcm0tZmllbGRfX3ZpYS1yb3V0ZS1pY29uIHtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG4gIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1mb3JtLWZpZWxkLXBhZGRpbmctaW5saW5lKTtcblxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDUwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luLWlubGluZS1zdGFydDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKC0xKX07XG4gICAgYm9yZGVyLWlubGluZS1zdGFydDogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgc29saWRcbiAgICAgIHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLWNvbG9yKTtcbiAgfVxuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgaW5zZXQtYmxvY2stc3RhcnQ6IDUwJTtcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDUwJTtcbiAgICB0cmFuc2xhdGU6IC01MCUgLTUwJTtcbiAgICB3aWR0aDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDcpfTtcbiAgICBoZWlnaHQ6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCg3KX07XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSBzb2xpZCB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi1jb2xvcik7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLWJhY2tncm91bmQtY29sb3IpO1xuICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgtMC41KX07XG4gIH1cbn1cblxuLnNiYi1mb3JtLWZpZWxkX19zcGFjZS13cmFwcGVyIHtcbiAgZmxleC1ncm93OiAxO1xufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgaXNTZXJ2ZXIsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkZvcm1GaWVsZEVsZW1lbnQgfSBmcm9tICcuLi8uLi9mb3JtLWZpZWxkLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aW1ldGFibGUtZm9ybS1maWVsZC5zY3NzP2lubGluZSc7XG5cbi8vIFRPRE8oYnJlYWtpbmctY2hhbmdlKTogcmVtb3ZlIGRlZmluZSgpIG9mIHNiYi1mb3JtLWZpZWxkLlxuU2JiRm9ybUZpZWxkRWxlbWVudC5kZWZpbmUoKTtcblxuLyoqXG4gKiBFeHRlbmRzIHRoZSBgc2JiLWZvcm0tZmllbGRgLiBNZWFudCB0byBiZSB1c2VkIGluc2lkZSBhIGBzYmItdGltZXRhYmxlLWZvcm1gLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGltZXRhYmxlRm9ybUZpZWxkRWxlbWVudCBleHRlbmRzIFNiYkZvcm1GaWVsZEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1NiYkZvcm1GaWVsZEVsZW1lbnQuc3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICBwcml2YXRlIF9yb3V0ZUljb24gPSBmYWxzZTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmJvcmRlcmxlc3MgPSB0cnVlO1xuICAgIHRoaXMuZmxvYXRpbmdMYWJlbCA9IHRydWU7XG4gICAgdGhpcy53aWR0aCA9ICdjb2xsYXBzZSc7XG4gICAgdGhpcy5zaXplID0gJ2wnO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5oeWRyYXRpb25Db21wbGV0ZS50aGVuKFxuICAgICAgKCkgPT4gKHRoaXMuX3JvdXRlSWNvbiA9IHRoaXMubWF0Y2hlcygnOmZpcnN0LW9mLXR5cGUsIDpsYXN0LW9mLXR5cGUnKSksXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgJHt0aGlzLl9yb3V0ZUljb25cbiAgICAgICAgPyBodG1sYCA8c2JiLWljb25cbiAgICAgICAgICAgIG5hbWU9XCJyb3V0ZS1jaXJjbGUtc3RhcnQtc21hbGxcIlxuICAgICAgICAgICAgY2xhc3M9XCJzYmItdGltZXRhYmxlLWZvcm0tZmllbGRfX3N0YXJ0LXJvdXRlLWljb25cIlxuICAgICAgICAgID48L3NiYi1pY29uPmBcbiAgICAgICAgOiBodG1sYCA8c3BhbiBjbGFzcz1cInNiYi10aW1ldGFibGUtZm9ybS1maWVsZF9fdmlhLXJvdXRlLWljb25cIj48L3NwYW4+IGB9XG4gICAgICAke3N1cGVyLnJlbmRlcigpfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aW1ldGFibGUtZm9ybS1maWVsZCc6IFNiYlRpbWV0YWJsZUZvcm1GaWVsZEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FDT0Esb0JBQW9CLFFBQVE7Ozs7QUFLNUIsSUFBYSwrQkFBYixjQUFrRCxvQkFBbUI7O0FBQ25DLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCLENBQUMsb0JBQW9CLFFBQVEsVUFBVSw2QkFBTSxDQUFDOztDQUk5RixjQUFBO0FBQ0UsU0FBTztBQUhELE9BQUEsYUFBYTtBQUluQixPQUFLLGFBQWE7QUFDbEIsT0FBSyxnQkFBZ0I7QUFDckIsT0FBSyxRQUFRO0FBQ2IsT0FBSyxPQUFPOztDQUdFLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUV6QixNQUFJLFNBQ0Y7QUFFRixPQUFLLGtCQUFrQixXQUNkLEtBQUssYUFBYSxLQUFLLFFBQVEsZ0NBQWdDLENBQ3ZFOztDQUdhLFNBQU07QUFDcEIsU0FBTyxJQUFJO1FBQ1AsS0FBSyxhQUNILElBQUk7OzswQkFJSixJQUFJLG1FQUFBO1FBQ04sTUFBTSxRQUFRLENBQUEifQ==
package/development/timetable-form.component-CUG86CSN.js DELETED
@@ -1,27 +0,0 @@
1
- import { html, unsafeCSS } from "lit";
2
- import { SbbElement } from "./core/base-elements.js";
3
- //#region src/elements/timetable-form/timetable-form/timetable-form.scss?inline
4
- var timetable_form_default = ":host {\n --sbb-timetable-form-background-color: var(--sbb-background-color-1);\n --sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);\n border-radius: var(--sbb-timetable-form-border-radius);\n background-color: var(--sbb-timetable-form-background-color);\n display: flex;\n flex-direction: column;\n}";
5
- //#endregion
6
- //#region src/elements/timetable-form/timetable-form/timetable-form.component.ts
7
- /**
8
- * Serves as a building block of a sbb 'timetable-form'.
9
- * It automatically handles the styles and part of its behaviors
10
- *
11
- * @slot - Use the unnamed slot to add content to the 'timetable-form'
12
- */
13
- var SbbTimetableFormElement = class extends SbbElement {
14
- static {
15
- this.elementName = "sbb-timetable-form";
16
- }
17
- static {
18
- this.styles = unsafeCSS(timetable_form_default);
19
- }
20
- render() {
21
- return html`<slot></slot>`;
22
- }
23
- };
24
- //#endregion
25
- export { SbbTimetableFormElement as t };
26
-
27
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0uY29tcG9uZW50LUNVRzg2Q1NOLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10aW1ldGFibGUtZm9ybS1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0xKTtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNHgpO1xuXG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWJhY2tncm91bmQtY29sb3IpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuIiwiaW1wb3J0IHsgaHRtbCwgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RpbWV0YWJsZS1mb3JtLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBTZXJ2ZXMgYXMgYSBidWlsZGluZyBibG9jayBvZiBhIHNiYiAndGltZXRhYmxlLWZvcm0nLlxuICogSXQgYXV0b21hdGljYWxseSBoYW5kbGVzIHRoZSBzdHlsZXMgYW5kIHBhcnQgb2YgaXRzIGJlaGF2aW9yc1xuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlICd0aW1ldGFibGUtZm9ybSdcbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRpbWV0YWJsZUZvcm1FbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGltZXRhYmxlLWZvcm0nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSB1bnNhZmVDU1Moc3R5bGUpO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWZvcm0nOiBTYmJUaW1ldGFibGVGb3JtRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUNZQSxJQUFhLDBCQUFiLGNBQTZDLFdBQVU7O0FBQ3JCLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCLFVBQVUsdUJBQU07O0NBRTdDLFNBQU07QUFDdkIsU0FBTyxJQUFJIn0=
package/development/timetable-occupancy.component-D_PXXvI9.js DELETED
@@ -1,124 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { html, nothing, unsafeCSS } from "lit";
3
- import { property } from "lit/decorators.js";
4
- import { SbbElement } from "./core/base-elements.js";
5
- import { SbbNegativeMixin } from "./core/mixins.js";
6
- import { boxSizingStyles } from "./core/styles.js";
7
- import { SbbLanguageController } from "./core/controllers.js";
8
- import { i18nClass } from "./core/i18n.js";
9
- import "./screen-reader-only.js";
10
- import "./timetable-occupancy-icon.js";
11
- //#region src/elements/timetable-occupancy/timetable-occupancy.scss?inline
12
- var timetable_occupancy_default = ":host {\n display: inline-block;\n --sbb-timetable-occupancy-color: var(--sbb-color-2);\n --sbb-icon-svg-width: 0.890625rem;\n --sbb-icon-svg-height: v0.75rem;\n}\n@media (min-width: calc(64rem)) {\n :host {\n --sbb-icon-svg-width: 1.1875rem;\n --sbb-icon-svg-height: v1rem;\n }\n}\n\n:host([negative]) {\n --sbb-timetable-occupancy-color: var(--sbb-color-2-negative);\n}\n\n.sbb-timetable-occupancy__list {\n list-style: none;\n margin: 0;\n padding: 0;\n font-size: inherit;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--sbb-spacing-fixed-2x);\n}\n\n.sbb-timetable-occupancy__list-item {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--sbb-spacing-fixed-1x);\n}\n\n.sbb-timetable-occupancy__list-item-class {\n --sbb-text-font-size: var(--sbb-text-font-size-s);\n font-family: var(--sbb-typo-font-family);\n font-weight: normal;\n line-height: var(--sbb-typo-line-height-text);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n font-size: var(--sbb-text-font-size);\n line-height: 1;\n color: var(--sbb-timetable-occupancy-color);\n}\n\n.sbb-timetable-occupancy__list-item-icon {\n display: flex;\n}";
13
- //#endregion
14
- //#region src/elements/timetable-occupancy/timetable-occupancy.component.ts
15
- /**
16
- * Used in `sbb-timetable-row`, it displays information about wagon occupancy.
17
- */
18
- var SbbTimetableOccupancyElement = (() => {
19
- let _classSuper = SbbNegativeMixin(SbbElement);
20
- let _firstClassOccupancy_decorators;
21
- let _firstClassOccupancy_initializers = [];
22
- let _firstClassOccupancy_extraInitializers = [];
23
- let _secondClassOccupancy_decorators;
24
- let _secondClassOccupancy_initializers = [];
25
- let _secondClassOccupancy_extraInitializers = [];
26
- return class SbbTimetableOccupancyElement extends _classSuper {
27
- constructor() {
28
- super(...arguments);
29
- this.#firstClassOccupancy_accessor_storage = __runInitializers(this, _firstClassOccupancy_initializers, null);
30
- this.#secondClassOccupancy_accessor_storage = (__runInitializers(this, _firstClassOccupancy_extraInitializers), __runInitializers(this, _secondClassOccupancy_initializers, null));
31
- this._language = (__runInitializers(this, _secondClassOccupancy_extraInitializers), new SbbLanguageController(this));
32
- }
33
- static {
34
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
35
- _firstClassOccupancy_decorators = [property({ attribute: "first-class-occupancy" })];
36
- _secondClassOccupancy_decorators = [property({ attribute: "second-class-occupancy" })];
37
- __esDecorate(this, null, _firstClassOccupancy_decorators, {
38
- kind: "accessor",
39
- name: "firstClassOccupancy",
40
- static: false,
41
- private: false,
42
- access: {
43
- has: (obj) => "firstClassOccupancy" in obj,
44
- get: (obj) => obj.firstClassOccupancy,
45
- set: (obj, value) => {
46
- obj.firstClassOccupancy = value;
47
- }
48
- },
49
- metadata: _metadata
50
- }, _firstClassOccupancy_initializers, _firstClassOccupancy_extraInitializers);
51
- __esDecorate(this, null, _secondClassOccupancy_decorators, {
52
- kind: "accessor",
53
- name: "secondClassOccupancy",
54
- static: false,
55
- private: false,
56
- access: {
57
- has: (obj) => "secondClassOccupancy" in obj,
58
- get: (obj) => obj.secondClassOccupancy,
59
- set: (obj, value) => {
60
- obj.secondClassOccupancy = value;
61
- }
62
- },
63
- metadata: _metadata
64
- }, _secondClassOccupancy_initializers, _secondClassOccupancy_extraInitializers);
65
- if (_metadata) Object.defineProperty(this, Symbol.metadata, {
66
- enumerable: true,
67
- configurable: true,
68
- writable: true,
69
- value: _metadata
70
- });
71
- }
72
- static {
73
- this.elementName = "sbb-timetable-occupancy";
74
- }
75
- static {
76
- this.styles = [boxSizingStyles, unsafeCSS(timetable_occupancy_default)];
77
- }
78
- #firstClassOccupancy_accessor_storage;
79
- /** Occupancy for first class wagons. */
80
- get firstClassOccupancy() {
81
- return this.#firstClassOccupancy_accessor_storage;
82
- }
83
- set firstClassOccupancy(value) {
84
- this.#firstClassOccupancy_accessor_storage = value;
85
- }
86
- #secondClassOccupancy_accessor_storage;
87
- /** Occupancy for second class wagons. */
88
- get secondClassOccupancy() {
89
- return this.#secondClassOccupancy_accessor_storage;
90
- }
91
- set secondClassOccupancy(value) {
92
- this.#secondClassOccupancy_accessor_storage = value;
93
- }
94
- render() {
95
- return html` ${(this.firstClassOccupancy || this.secondClassOccupancy) && html`
96
- <ul
97
- class="sbb-timetable-occupancy__list"
98
- role=${!this.firstClassOccupancy || !this.secondClassOccupancy ? "presentation" : nothing}
99
- >
100
- ${[this.firstClassOccupancy, this.secondClassOccupancy].map((occupancy, index) => occupancy && html`
101
- <li class="sbb-timetable-occupancy__list-item">
102
- <span class="sbb-timetable-occupancy__list-item-class" aria-hidden="true">
103
- ${this.firstClassOccupancy && index === 0 ? "1" : "2"}.
104
- </span>
105
- <sbb-screen-reader-only>
106
- ${`${i18nClass[this.firstClassOccupancy && index === 0 ? "first" : "second"][this._language.current]}.`}
107
- </sbb-screen-reader-only>
108
- <sbb-timetable-occupancy-icon
109
- class="sbb-timetable-occupancy__list-item-icon"
110
- ?negative=${this.negative}
111
- .occupancy=${occupancy}
112
- >
113
- </sbb-timetable-occupancy-icon>
114
- </li>
115
- `)}
116
- </ul>
117
- `}`;
118
- }
119
- };
120
- })();
121
- //#endregion
122
- export { SbbTimetableOccupancyElement as t };
123
-
124
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLW9jY3VwYW5jeS5jb21wb25lbnQtRF9QWFh2STkuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpbWV0YWJsZS1vY2N1cGFuY3kvdGltZXRhYmxlLW9jY3VwYW5jeS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtb2NjdXBhbmN5L3RpbWV0YWJsZS1vY2N1cGFuY3kuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gIC0tc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3ktY29sb3I6IHZhcigtLXNiYi1jb2xvci0yKTtcbiAgLS1zYmItaWNvbi1zdmctd2lkdGg6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxNC4yNSl9O1xuICAtLXNiYi1pY29uLXN2Zy1oZWlnaHQ6IHYje3NiYi5weC10by1yZW0tYnVpbGQoMTIpfTtcblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IGxhcmdlKSB7XG4gICAgLS1zYmItaWNvbi1zdmctd2lkdGg6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxOSl9O1xuICAgIC0tc2JiLWljb24tc3ZnLWhlaWdodDogdiN7c2JiLnB4LXRvLXJlbS1idWlsZCgxNil9O1xuICB9XG59XG5cbjpob3N0KFtuZWdhdGl2ZV0pIHtcbiAgLS1zYmItdGltZXRhYmxlLW9jY3VwYW5jeS1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTItbmVnYXRpdmUpO1xufVxuXG4uc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3lfX2xpc3Qge1xuICBAaW5jbHVkZSBzYmIubGlzdC1yZXNldDtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCk7XG59XG5cbi5zYmItdGltZXRhYmxlLW9jY3VwYW5jeV9fbGlzdC1pdGVtIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMXgpO1xufVxuXG4uc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3lfX2xpc3QtaXRlbS1jbGFzcyB7XG4gIEBpbmNsdWRlIHNiYi50ZXh0LXMtLXJlZ3VsYXI7XG5cbiAgbGluZS1oZWlnaHQ6IDE7XG4gIGNvbG9yOiB2YXIoLS1zYmItdGltZXRhYmxlLW9jY3VwYW5jeS1jb2xvcik7XG59XG5cbi5zYmItdGltZXRhYmxlLW9jY3VwYW5jeV9fbGlzdC1pdGVtLWljb24ge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuIiwiaW1wb3J0IHsgaHRtbCwgbm90aGluZywgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgaTE4bkNsYXNzIH0gZnJvbSAnLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiT2NjdXBhbmN5IH0gZnJvbSAnLi4vY29yZS9pbnRlcmZhY2VzLnRzJztcbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RpbWV0YWJsZS1vY2N1cGFuY3kuc2Nzcz9pbmxpbmUnO1xuXG5pbXBvcnQgJy4uL3NjcmVlbi1yZWFkZXItb25seS50cyc7XG5pbXBvcnQgJy4uL3RpbWV0YWJsZS1vY2N1cGFuY3ktaWNvbi50cyc7XG5cbi8qKlxuICogVXNlZCBpbiBgc2JiLXRpbWV0YWJsZS1yb3dgLCBpdCBkaXNwbGF5cyBpbmZvcm1hdGlvbiBhYm91dCB3YWdvbiBvY2N1cGFuY3kuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUaW1ldGFibGVPY2N1cGFuY3lFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGltZXRhYmxlLW9jY3VwYW5jeSc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBPY2N1cGFuY3kgZm9yIGZpcnN0IGNsYXNzIHdhZ29ucy4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnZmlyc3QtY2xhc3Mtb2NjdXBhbmN5JyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZmlyc3RDbGFzc09jY3VwYW5jeTogU2JiT2NjdXBhbmN5IHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIE9jY3VwYW5jeSBmb3Igc2Vjb25kIGNsYXNzIHdhZ29ucy4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnc2Vjb25kLWNsYXNzLW9jY3VwYW5jeScgfSlcbiAgcHVibGljIGFjY2Vzc29yIHNlY29uZENsYXNzT2NjdXBhbmN5OiBTYmJPY2N1cGFuY3kgfCBudWxsID0gbnVsbDtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgICR7KHRoaXMuZmlyc3RDbGFzc09jY3VwYW5jeSB8fCB0aGlzLnNlY29uZENsYXNzT2NjdXBhbmN5KSAmJlxuICAgIGh0bWxgXG4gICAgICA8dWxcbiAgICAgICAgY2xhc3M9XCJzYmItdGltZXRhYmxlLW9jY3VwYW5jeV9fbGlzdFwiXG4gICAgICAgIHJvbGU9JHshdGhpcy5maXJzdENsYXNzT2NjdXBhbmN5IHx8ICF0aGlzLnNlY29uZENsYXNzT2NjdXBhbmN5ID8gJ3ByZXNlbnRhdGlvbicgOiBub3RoaW5nfVxuICAgICAgPlxuICAgICAgICAke1t0aGlzLmZpcnN0Q2xhc3NPY2N1cGFuY3ksIHRoaXMuc2Vjb25kQ2xhc3NPY2N1cGFuY3ldLm1hcChcbiAgICAgICAgICAob2NjdXBhbmN5OiBzdHJpbmcgfCBudWxsLCBpbmRleDogbnVtYmVyKSA9PlxuICAgICAgICAgICAgb2NjdXBhbmN5ICYmXG4gICAgICAgICAgICBodG1sYFxuICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJzYmItdGltZXRhYmxlLW9jY3VwYW5jeV9fbGlzdC1pdGVtXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGltZXRhYmxlLW9jY3VwYW5jeV9fbGlzdC1pdGVtLWNsYXNzXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgICAke3RoaXMuZmlyc3RDbGFzc09jY3VwYW5jeSAmJiBpbmRleCA9PT0gMCA/ICcxJyA6ICcyJ30uXG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICAgICAgICAgICAgJHtgJHtcbiAgICAgICAgICAgICAgICAgICAgaTE4bkNsYXNzW3RoaXMuZmlyc3RDbGFzc09jY3VwYW5jeSAmJiBpbmRleCA9PT0gMCA/ICdmaXJzdCcgOiAnc2Vjb25kJ11bXG4gICAgICAgICAgICAgICAgICAgICAgdGhpcy5fbGFuZ3VhZ2UuY3VycmVudFxuICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgICB9LmB9XG4gICAgICAgICAgICAgICAgPC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICAgICAgICAgIDxzYmItdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInNiYi10aW1ldGFibGUtb2NjdXBhbmN5X19saXN0LWl0ZW0taWNvblwiXG4gICAgICAgICAgICAgICAgICA/bmVnYXRpdmU9JHt0aGlzLm5lZ2F0aXZlfVxuICAgICAgICAgICAgICAgICAgLm9jY3VwYW5jeT0ke29jY3VwYW5jeX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPC9zYmItdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uPlxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgYCxcbiAgICAgICAgKX1cbiAgICAgIDwvdWw+XG4gICAgYH1gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLW9jY3VwYW5jeSc6IFNiYlRpbWV0YWJsZU9jY3VwYW5jeUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNrQmEsc0NBQTRCO21CQUFTLGlCQUFpQixXQUFXOzs7Ozs7O2NBQWpFLHFDQUFxQyxZQUE0Qjs7O0FBTTVELFNBQUEsdUNBQUEsa0JBQUEsTUFBQSxtQ0FBMkMsS0FBSTtBQUkvQyxTQUFBLHlDQUFBLGtCQUFBLE1BQUEsdUNBQUEsRUFBQSxrQkFBQSxNQUFBLG9DQUE0QyxLQUFJO0FBRXhELFFBQUEsYUFBUyxrQkFBQSxNQUFBLHdDQUFBLEVBQUcsSUFBSSxzQkFBc0IsS0FBSzs7OztzQ0FQbEQsU0FBUyxFQUFFLFdBQVcseUJBQXlCLENBQUMsQ0FBQTt1Q0FJaEQsU0FBUyxFQUFFLFdBQVcsMEJBQTBCLENBQUMsQ0FBQTtBQUhsRCxnQkFBQSxNQUFBLE1BQUEsaUNBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSx5QkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFtQixNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQW5CLHNCQUFtQjs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG1DQUFBLHVDQUFBO0FBSW5DLGdCQUFBLE1BQUEsTUFBQSxrQ0FBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLDBCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQW9CLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBcEIsdUJBQW9COztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsb0NBQUEsd0NBQUE7Ozs7Ozs7OztBQVRKLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsNEJBQU0sQ0FBQzs7RUFJbkY7O0VBQUEsSUFBZ0Isc0JBQW1CO0FBQUEsVUFBQSxNQUFBOztFQUFuQyxJQUFnQixvQkFBbUIsT0FBQTtBQUFBLFNBQUEsdUNBQUE7O0VBSW5DOztFQUFBLElBQWdCLHVCQUFvQjtBQUFBLFVBQUEsTUFBQTs7RUFBcEMsSUFBZ0IscUJBQW9CLE9BQUE7QUFBQSxTQUFBLHdDQUFBOztFQUlqQixTQUFNO0FBQ3ZCLFVBQU8sSUFBSSxLQUFLLEtBQUssdUJBQXVCLEtBQUsseUJBQ2pELElBQUk7OztlQUdPLENBQUMsS0FBSyx1QkFBdUIsQ0FBQyxLQUFLLHVCQUF1QixpQkFBaUIsUUFBQTs7VUFFaEYsQ0FBQyxLQUFLLHFCQUFxQixLQUFLLHFCQUFxQixDQUFDLEtBQ3JELFdBQTBCLFVBQ3pCLGFBQ0EsSUFBSTs7O29CQUdJLEtBQUssdUJBQXVCLFVBQVUsSUFBSSxNQUFNLElBQUc7OztvQkFHbkQsR0FDQSxVQUFVLEtBQUssdUJBQXVCLFVBQVUsSUFBSSxVQUFVLFVBQzVELEtBQUssVUFBVSxTQUVuQixHQUFBOzs7OzhCQUlZLEtBQUssU0FBQTsrQkFDSixVQUFBOzs7O2NBS3RCLENBQUEifQ==
package/timetable-form-details.component-CBZ7QSAx.js DELETED
@@ -1,16 +0,0 @@
1
- import { html as e, unsafeCSS as t } from "lit";
2
- import { SbbElement as n } from "./core/base-elements.js";
3
- //#region src/elements/timetable-form/timetable-form-details/timetable-form-details.scss?inline
4
- var r = ":host{--sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);--sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-timetable-form-details-horizontal-divider-height: 1.5rem;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-1x);border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);padding-block:var(--sbb-timetable-form-details-padding-block);padding-inline-start:calc(var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs));align-items:center}::slotted(sbb-form-field){--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem}::slotted(sbb-divider[orientation=vertical]){height:var(--sbb-timetable-form-details-horizontal-divider-height)}::slotted(:last-child){margin-inline-end:var(--sbb-timetable-form-details-padding-inline)}", i = class extends n {
5
- static {
6
- this.elementName = "sbb-timetable-form-details";
7
- }
8
- static {
9
- this.styles = t(r);
10
- }
11
- render() {
12
- return e`<slot></slot>`;
13
- }
14
- };
15
- //#endregion
16
- export { i as t };
package/timetable-form-field.component-BKxQQqt7.js DELETED
@@ -1,32 +0,0 @@
1
- import { html as e, isServer as t, unsafeCSS as n } from "lit";
2
- import { SbbFormFieldElement as r } from "./form-field.pure.js";
3
- //#region src/elements/timetable-form/timetable-form-field/timetable-form-field.scss?inline
4
- var i = ":host{display:flex;--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem;--sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);--sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1)}:host(:first-of-type){--sbb-timetable-form-field-route-icon-rotate: 90deg}:host(:last-of-type){--sbb-timetable-form-field-route-icon-rotate: -90deg;--sbb-timetable-form-field-route-icon-translate: -.0625rem 0}:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper:after{content:\"\";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0}.sbb-timetable-form-field__start-route-icon{align-self:center;margin-inline-start:var(--sbb-form-field-padding-inline);rotate:var(--sbb-timetable-form-field-route-icon-rotate);translate:var(--sbb-timetable-form-field-route-icon-translate)}.sbb-timetable-form-field__start-route-icon:after{--connecting-line-offset: .1875rem;--connecting-line-width: calc( (var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 + var(--connecting-line-offset) );content:\"\";position:absolute;inset-block-start:50%;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);width:var(--connecting-line-width);margin-left:calc(var(--connecting-line-offset) * -1)}.sbb-timetable-form-field__via-route-icon{align-self:stretch;position:relative;width:var(--sbb-size-icon-ui-small);margin-inline-start:var(--sbb-form-field-padding-inline)}.sbb-timetable-form-field__via-route-icon:before{content:\"\";position:absolute;inset-inline-start:50%;height:100%;margin-inline-start:-.0625rem;border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color)}.sbb-timetable-form-field__via-route-icon:after{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;width:.4375rem;height:.4375rem;border:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-timetable-form-field-route-icon-background-color);margin-inline-start:-.03125rem}.sbb-form-field__space-wrapper{flex-grow:1}";
5
- //#endregion
6
- //#region src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts
7
- r.define();
8
- var a = class extends r {
9
- static {
10
- this.elementName = "sbb-timetable-form-field";
11
- }
12
- static {
13
- this.styles = [r.styles, n(i)];
14
- }
15
- constructor() {
16
- super(), this._routeIcon = !1, this.borderless = !0, this.floatingLabel = !0, this.width = "collapse", this.size = "l";
17
- }
18
- connectedCallback() {
19
- super.connectedCallback(), !t && this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
20
- }
21
- render() {
22
- return e`
23
- ${this._routeIcon ? e` <sbb-icon
24
- name="route-circle-start-small"
25
- class="sbb-timetable-form-field__start-route-icon"
26
- ></sbb-icon>` : e` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
27
- ${super.render()}
28
- `;
29
- }
30
- };
31
- //#endregion
32
- export { a as t };