@sbb-esta/lyne-elements 0.52.1 → 0.53.0

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 (242) hide show
  1. package/accordion.js +54 -54
  2. package/action-group.js +3 -3
  3. package/alert/alert-group.js +22 -22
  4. package/alert/alert.js +22 -22
  5. package/autocomplete.js +126 -126
  6. package/breadcrumb/breadcrumb-group.js +60 -60
  7. package/breadcrumb/breadcrumb.js +17 -17
  8. package/calendar.js +423 -423
  9. package/card/card-badge.js +17 -17
  10. package/card/card.js +2 -2
  11. package/card/common.js +30 -30
  12. package/checkbox/checkbox/checkbox.d.ts +3 -46
  13. package/checkbox/checkbox/checkbox.d.ts.map +1 -1
  14. package/checkbox/checkbox-group/checkbox-group.d.ts +4 -2
  15. package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  16. package/checkbox/checkbox-group.js +26 -23
  17. package/checkbox/checkbox-panel/checkbox-panel.d.ts +41 -0
  18. package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -0
  19. package/checkbox/checkbox-panel.d.ts +2 -0
  20. package/checkbox/checkbox-panel.d.ts.map +1 -0
  21. package/checkbox/checkbox-panel.js +67 -0
  22. package/checkbox/checkbox.js +27 -104
  23. package/checkbox/common/checkbox-common.d.ts +13 -0
  24. package/checkbox/common/checkbox-common.d.ts.map +1 -0
  25. package/checkbox/common.d.ts +2 -0
  26. package/checkbox/common.d.ts.map +1 -0
  27. package/checkbox/common.js +52 -0
  28. package/checkbox.d.ts +2 -0
  29. package/checkbox.d.ts.map +1 -1
  30. package/checkbox.js +2 -0
  31. package/clock.js +83 -83
  32. package/container/sticky-bar.js +16 -16
  33. package/core/a11y.js +91 -91
  34. package/core/base-elements.js +86 -86
  35. package/core/controllers.js +40 -40
  36. package/core/datetime.js +32 -32
  37. package/core/dom.js +26 -26
  38. package/core/eventing.js +33 -33
  39. package/core/mixins/panel-mixin.d.ts +13 -0
  40. package/core/mixins/panel-mixin.d.ts.map +1 -0
  41. package/core/mixins.d.ts +1 -0
  42. package/core/mixins.d.ts.map +1 -1
  43. package/core/mixins.js +170 -139
  44. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +1 -1
  45. package/core/testing.js +29 -29
  46. package/core.css +1 -1
  47. package/custom-elements.json +8862 -6904
  48. package/datepicker/common.js +55 -55
  49. package/datepicker/datepicker-toggle.js +94 -94
  50. package/datepicker/datepicker.js +144 -144
  51. package/development/checkbox/checkbox/checkbox.d.ts +3 -46
  52. package/development/checkbox/checkbox/checkbox.d.ts.map +1 -1
  53. package/development/checkbox/checkbox-group/checkbox-group.d.ts +4 -2
  54. package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  55. package/development/checkbox/checkbox-group.js +43 -13
  56. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +41 -0
  57. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -0
  58. package/development/checkbox/checkbox-panel.d.ts +2 -0
  59. package/development/checkbox/checkbox-panel.d.ts.map +1 -0
  60. package/development/checkbox/checkbox-panel.js +86 -0
  61. package/development/checkbox/checkbox.js +19 -239
  62. package/development/checkbox/common/checkbox-common.d.ts +13 -0
  63. package/development/checkbox/common/checkbox-common.d.ts.map +1 -0
  64. package/development/checkbox/common.d.ts +2 -0
  65. package/development/checkbox/common.d.ts.map +1 -0
  66. package/development/checkbox/common.js +156 -0
  67. package/development/checkbox.d.ts +2 -0
  68. package/development/checkbox.d.ts.map +1 -1
  69. package/development/checkbox.js +3 -1
  70. package/development/core/mixins/panel-mixin.d.ts +13 -0
  71. package/development/core/mixins/panel-mixin.d.ts.map +1 -0
  72. package/development/core/mixins.d.ts +1 -0
  73. package/development/core/mixins.d.ts.map +1 -1
  74. package/development/core/mixins.js +187 -31
  75. package/development/image.js +1 -1
  76. package/development/radio-button/common/radio-button-common.d.ts +22 -0
  77. package/development/radio-button/common/radio-button-common.d.ts.map +1 -0
  78. package/development/radio-button/common.d.ts +2 -0
  79. package/development/radio-button/common.d.ts.map +1 -0
  80. package/development/radio-button/common.js +294 -0
  81. package/development/radio-button/radio-button/radio-button.d.ts +2 -81
  82. package/development/radio-button/radio-button/radio-button.d.ts.map +1 -1
  83. package/development/radio-button/radio-button-group/radio-button-group.d.ts +6 -4
  84. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  85. package/development/radio-button/radio-button-group.js +55 -23
  86. package/development/radio-button/radio-button-panel/index.d.ts +2 -0
  87. package/development/radio-button/radio-button-panel/index.d.ts.map +1 -0
  88. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +29 -0
  89. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -0
  90. package/development/radio-button/radio-button-panel.d.ts +2 -0
  91. package/development/radio-button/radio-button-panel.d.ts.map +1 -0
  92. package/development/radio-button/radio-button-panel.js +69 -0
  93. package/development/radio-button/radio-button.js +10 -324
  94. package/development/radio-button.d.ts +2 -0
  95. package/development/radio-button.d.ts.map +1 -1
  96. package/development/radio-button.js +3 -1
  97. package/{selection-panel/selection-panel.d.ts → development/selection-expansion-panel/selection-expansion-panel.d.ts} +9 -7
  98. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -0
  99. package/development/selection-expansion-panel.d.ts +2 -0
  100. package/development/selection-expansion-panel.d.ts.map +1 -0
  101. package/development/selection-expansion-panel.js +340 -0
  102. package/development/tabs/tab/index.d.ts +2 -0
  103. package/development/tabs/tab/index.d.ts.map +1 -0
  104. package/development/tabs/tab/tab.d.ts +24 -0
  105. package/development/tabs/tab/tab.d.ts.map +1 -0
  106. package/development/tabs/tab-group/tab-group.d.ts +20 -15
  107. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  108. package/development/tabs/tab-group.js +24 -14
  109. package/development/tabs/{tab-title/tab-title.d.ts → tab-label/tab-label.d.ts} +4 -4
  110. package/development/tabs/{tab-title/tab-title.d.ts.map → tab-label/tab-label.d.ts.map} +1 -1
  111. package/development/tabs/tab-label.d.ts +2 -0
  112. package/development/tabs/tab-label.d.ts.map +1 -0
  113. package/development/tabs/{tab-title.js → tab-label.js} +86 -86
  114. package/development/tabs/tab.d.ts +2 -0
  115. package/development/tabs/tab.d.ts.map +1 -0
  116. package/development/tabs/tab.js +71 -0
  117. package/development/tabs.d.ts +2 -1
  118. package/development/tabs.d.ts.map +1 -1
  119. package/development/tabs.js +3 -2
  120. package/development/train/train-formation/train-formation.d.ts.map +1 -1
  121. package/development/train/train-formation.js +12 -12
  122. package/dialog/dialog-title.js +20 -20
  123. package/dialog/dialog.js +66 -66
  124. package/expansion-panel/expansion-panel-header.js +20 -20
  125. package/expansion-panel/expansion-panel.js +60 -60
  126. package/file-selector.js +91 -91
  127. package/form-field/form-field-clear.js +12 -12
  128. package/form-field/form-field.js +111 -111
  129. package/header/header.js +53 -53
  130. package/icon.js +107 -107
  131. package/image.js +87 -87
  132. package/index.d.ts +10 -8
  133. package/index.js +10 -8
  134. package/journey-header.js +29 -29
  135. package/map-container.js +23 -23
  136. package/menu/menu.js +91 -91
  137. package/navigation/common.js +16 -16
  138. package/navigation/navigation-marker.js +34 -34
  139. package/navigation/navigation-section.js +83 -83
  140. package/navigation/navigation.js +87 -87
  141. package/notification.js +52 -52
  142. package/option/optgroup.js +45 -45
  143. package/option/option.js +108 -108
  144. package/overlay.js +5 -5
  145. package/package.json +34 -19
  146. package/popover/popover.js +110 -110
  147. package/radio-button/common/radio-button-common.d.ts +22 -0
  148. package/radio-button/common/radio-button-common.d.ts.map +1 -0
  149. package/radio-button/common.d.ts +2 -0
  150. package/radio-button/common.d.ts.map +1 -0
  151. package/radio-button/common.js +105 -0
  152. package/radio-button/radio-button/radio-button.d.ts +2 -81
  153. package/radio-button/radio-button/radio-button.d.ts.map +1 -1
  154. package/radio-button/radio-button-group/radio-button-group.d.ts +6 -4
  155. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  156. package/radio-button/radio-button-group.js +86 -80
  157. package/radio-button/radio-button-panel/index.d.ts +2 -0
  158. package/radio-button/radio-button-panel/index.d.ts.map +1 -0
  159. package/radio-button/radio-button-panel/radio-button-panel.d.ts +29 -0
  160. package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -0
  161. package/radio-button/radio-button-panel.d.ts +2 -0
  162. package/radio-button/radio-button-panel.d.ts.map +1 -0
  163. package/radio-button/radio-button-panel.js +59 -0
  164. package/radio-button/radio-button.js +20 -143
  165. package/radio-button.d.ts +2 -0
  166. package/radio-button.d.ts.map +1 -1
  167. package/radio-button.js +2 -0
  168. package/select.js +178 -178
  169. package/{development/selection-panel/selection-panel.d.ts → selection-expansion-panel/selection-expansion-panel.d.ts} +9 -7
  170. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -0
  171. package/selection-expansion-panel.d.ts +2 -0
  172. package/selection-expansion-panel.d.ts.map +1 -0
  173. package/selection-expansion-panel.js +146 -0
  174. package/slider.js +58 -58
  175. package/standard-theme.css +1 -1
  176. package/status.js +6 -6
  177. package/stepper/step-label.js +19 -19
  178. package/stepper/step.js +31 -31
  179. package/stepper/stepper.js +46 -46
  180. package/tabs/tab/index.d.ts +2 -0
  181. package/tabs/tab/index.d.ts.map +1 -0
  182. package/tabs/tab/tab.d.ts +24 -0
  183. package/tabs/tab/tab.d.ts.map +1 -0
  184. package/tabs/tab-group/tab-group.d.ts +20 -15
  185. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  186. package/tabs/tab-group.js +85 -75
  187. package/tabs/{tab-title/tab-title.d.ts → tab-label/tab-label.d.ts} +4 -4
  188. package/tabs/{tab-title/tab-title.d.ts.map → tab-label/tab-label.d.ts.map} +1 -1
  189. package/tabs/tab-label.d.ts +2 -0
  190. package/tabs/tab-label.d.ts.map +1 -0
  191. package/tabs/tab-label.js +51 -0
  192. package/tabs/tab.d.ts +2 -0
  193. package/tabs/tab.d.ts.map +1 -0
  194. package/tabs/tab.js +41 -0
  195. package/tabs.d.ts +2 -1
  196. package/tabs.d.ts.map +1 -1
  197. package/tabs.js +2 -1
  198. package/tag/tag-group.js +8 -8
  199. package/tag/tag.js +27 -27
  200. package/time-input.js +73 -73
  201. package/timetable-occupancy-icon.js +26 -26
  202. package/timetable-occupancy.js +9 -9
  203. package/toast.js +38 -38
  204. package/toggle/toggle-option.js +33 -33
  205. package/toggle/toggle.js +46 -46
  206. package/train/train-formation/train-formation.d.ts.map +1 -1
  207. package/train/train-formation.js +51 -51
  208. package/train/train-wagon.js +30 -30
  209. package/train/train.js +13 -13
  210. package/development/selection-panel/selection-panel.d.ts.map +0 -1
  211. package/development/selection-panel.d.ts +0 -2
  212. package/development/selection-panel.d.ts.map +0 -1
  213. package/development/selection-panel.js +0 -376
  214. package/development/tabs/tab-title.d.ts +0 -2
  215. package/development/tabs/tab-title.d.ts.map +0 -1
  216. package/development/teaser-hero/teaser-hero.d.ts +0 -26
  217. package/development/teaser-hero/teaser-hero.d.ts.map +0 -1
  218. package/development/teaser-hero.d.ts +0 -2
  219. package/development/teaser-hero.d.ts.map +0 -1
  220. package/development/teaser-hero.js +0 -181
  221. package/development/teaser-paid/teaser-paid.d.ts +0 -20
  222. package/development/teaser-paid/teaser-paid.d.ts.map +0 -1
  223. package/development/teaser-paid.d.ts +0 -2
  224. package/development/teaser-paid.d.ts.map +0 -1
  225. package/development/teaser-paid.js +0 -91
  226. package/selection-panel/selection-panel.d.ts.map +0 -1
  227. package/selection-panel.d.ts +0 -2
  228. package/selection-panel.d.ts.map +0 -1
  229. package/selection-panel.js +0 -138
  230. package/tabs/tab-title.d.ts +0 -2
  231. package/tabs/tab-title.d.ts.map +0 -1
  232. package/tabs/tab-title.js +0 -51
  233. package/teaser-hero/teaser-hero.d.ts +0 -26
  234. package/teaser-hero/teaser-hero.d.ts.map +0 -1
  235. package/teaser-hero.d.ts +0 -2
  236. package/teaser-hero.d.ts.map +0 -1
  237. package/teaser-hero.js +0 -51
  238. package/teaser-paid/teaser-paid.d.ts +0 -20
  239. package/teaser-paid/teaser-paid.d.ts.map +0 -1
  240. package/teaser-paid.d.ts +0 -2
  241. package/teaser-paid.d.ts.map +0 -1
  242. package/teaser-paid.js +0 -28
@@ -1,26 +0,0 @@
1
- import { CSSResultGroup, TemplateResult } from 'lit';
2
- import { SbbLinkBaseElement } from '../core/base-elements.js';
3
-
4
- /**
5
- * It displays an image and an action call within a panel.
6
- *
7
- * @slot - Use the unnamed slot to add text content to the panel
8
- * @slot link-content - Link content of the panel
9
- * @slot image - The background image that can be a `sbb-image`
10
- */
11
- export declare class SbbTeaserHeroElement extends SbbLinkBaseElement {
12
- static styles: CSSResultGroup;
13
- /** Panel link text. */
14
- linkContent?: string;
15
- /** Image src will be passed to `sbb-image`. */
16
- imageSrc?: string;
17
- /** Image alt text will be passed to `sbb-image`. */
18
- imageAlt?: string;
19
- protected renderTemplate(): TemplateResult;
20
- }
21
- declare global {
22
- interface HTMLElementTagNameMap {
23
- 'sbb-teaser-hero': SbbTeaserHeroElement;
24
- }
25
- }
26
- //# sourceMappingURL=teaser-hero.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"teaser-hero.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-hero/teaser-hero.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAI9D,OAAO,aAAa,CAAC;AACrB,OAAO,8BAA8B,CAAC;AAEtC;;;;;;GAMG;AACH,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,uBAAuB;IACyB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErE,+CAA+C;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE/D,oDAAoD;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;cAE5C,cAAc,IAAI,cAAc;CAyBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
@@ -1,2 +0,0 @@
1
- export * from './teaser-hero/teaser-hero.js';
2
- //# sourceMappingURL=teaser-hero.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"teaser-hero.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-hero.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
@@ -1,181 +0,0 @@
1
- import { css, nothing } from "lit";
2
- import { property, customElement } from "lit/decorators.js";
3
- import { html } from "lit/static-html.js";
4
- import { SbbLinkBaseElement } from "./core/base-elements.js";
5
- import "./image.js";
6
- import "./link/block-link-static.js";
7
- const style = css`/**
8
- * Better font rendering (on OS X)
9
- * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
10
- *
11
- * Usage:
12
- *
13
- * .var_dark_on_light {
14
- * @include font-smoothing;
15
- * }
16
- * .var_light_on_dark {
17
- * @include font-smoothing-reset;
18
- * }
19
- */
20
- /** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
21
- *,
22
- ::before,
23
- ::after {
24
- box-sizing: border-box;
25
- }
26
-
27
- :host {
28
- display: block;
29
- outline: none !important;
30
- --sbb-panel-width: 13.9375rem;
31
- --sbb-panel-inner-height: 10.4375rem;
32
- --sbb-panel-triangle-height: 2.0625rem;
33
- --sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));
34
- --sbb-panel-line-height: var(--sbb-typo-line-height-titles);
35
- --sbb-panel-font-size: var(--sbb-typo-scale-1-5x);
36
- --sbb-panel-color: var(--sbb-color-white);
37
- --sbb-panel-background-color: var(--sbb-color-red-alpha-90);
38
- --sbb-panel-background-color-hover: var(--sbb-color-red);
39
- --sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);
40
- --sbb-panel-gap: var(--sbb-spacing-responsive-xs);
41
- --sbb-panel-animation-duration: var(
42
- --sbb-disable-animation-zero-time,
43
- var(--sbb-animation-duration-4x)
44
- );
45
- --sbb-panel-animation-easing: var(--sbb-animation-easing);
46
- --sbb-teaser-hero-brightness-hover: 1.075;
47
- }
48
- @media (min-width: calc(52.5rem)) {
49
- :host {
50
- --sbb-panel-width: 20.0625rem;
51
- --sbb-panel-inner-height: 15.006875rem;
52
- --sbb-panel-triangle-height: 2.965625rem;
53
- --sbb-panel-font-size: var(--sbb-typo-scale-2x);
54
- }
55
- }
56
- @media (min-width: calc(64rem)) {
57
- :host {
58
- --sbb-panel-width: 26.75rem;
59
- --sbb-panel-inner-height: 20.02375rem;
60
- --sbb-panel-triangle-height: 3.956875rem;
61
- --sbb-panel-font-size: var(--sbb-typo-scale-2-5x);
62
- --sbb-panel-line-height: 1.2;
63
- }
64
- }
65
-
66
- @media (any-hover: hover) {
67
- :host(:hover) {
68
- --sbb-panel-background-color: var(--sbb-panel-background-color-hover);
69
- --sbb-teaser-hero-brightness: var(--sbb-teaser-hero-brightness-hover);
70
- }
71
- }
72
- .sbb-teaser-hero {
73
- position: relative;
74
- display: block;
75
- min-height: var(--sbb-panel-height);
76
- }
77
- :host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-teaser-hero:focus-visible {
78
- outline-offset: var(--sbb-focus-outline-offset);
79
- outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
80
- }
81
-
82
- .sbb-teaser-hero__panel {
83
- position: relative;
84
- display: flex;
85
- flex-direction: column;
86
- justify-content: center;
87
- gap: var(--sbb-panel-gap);
88
- width: var(--sbb-panel-width);
89
- height: var(--sbb-panel-height);
90
- padding-block: var(--sbb-panel-triangle-height);
91
- padding-inline: var(--sbb-panel-padding-inline);
92
- clip-path: polygon(0 0, 100% var(--sbb-panel-triangle-height), 100% calc(100% - var(--sbb-panel-triangle-height)), 0% 100%);
93
- background-color: var(--sbb-panel-background-color);
94
- transition: background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing);
95
- position: absolute;
96
- top: 50%;
97
- transform: translateY(-50%);
98
- z-index: 1;
99
- }
100
- @media (any-hover: hover) {
101
- .sbb-teaser-hero__panel:hover {
102
- --sbb-panel-background-color: var(--sbb-panel-background-color-hover);
103
- }
104
- }
105
-
106
- .sbb-teaser-hero__panel-text {
107
- -webkit-font-smoothing: antialiased;
108
- -moz-osx-font-smoothing: grayscale;
109
- font-family: var(--sbb-typo-font-family);
110
- font-size: var(--sbb-panel-font-size);
111
- font-weight: 300;
112
- line-height: var(--sbb-panel-line-height);
113
- letter-spacing: var(--sbb-typo-letter-spacing-titles);
114
- color: var(--sbb-panel-color);
115
- hyphens: auto;
116
- display: inline;
117
- margin: 0;
118
- padding: 0;
119
- }
120
-
121
- .sbb-teaser-hero__panel-link {
122
- -webkit-font-smoothing: antialiased;
123
- -moz-osx-font-smoothing: grayscale;
124
- }
125
-
126
- ::slotted([slot=image]),
127
- sbb-image {
128
- will-change: filter;
129
- filter: brightness(var(--sbb-teaser-hero-brightness, 1));
130
- transition: filter var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing);
131
- }`;
132
- var __defProp = Object.defineProperty;
133
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
134
- var __decorateClass = (decorators, target, key, kind) => {
135
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
136
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
137
- if (decorator = decorators[i])
138
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
139
- if (kind && result) __defProp(target, key, result);
140
- return result;
141
- };
142
- let SbbTeaserHeroElement = class extends SbbLinkBaseElement {
143
- renderTemplate() {
144
- return html`
145
- <span class="sbb-teaser-hero__panel">
146
- <p class="sbb-teaser-hero__panel-text">
147
- <slot></slot>
148
- </p>
149
- ${this.href ? html`<sbb-block-link-static
150
- class="sbb-teaser-hero__panel-link"
151
- icon-name="chevron-small-right-small"
152
- icon-placement="end"
153
- size="m"
154
- negative
155
- >
156
- <slot name="link-content">${this.linkContent}</slot>
157
- </sbb-block-link-static>` : nothing}
158
- </span>
159
- <slot name="image">
160
- ${this.imageSrc ? html`<sbb-image image-src=${this.imageSrc} alt=${this.imageAlt ?? nothing}></sbb-image>` : nothing}
161
- </slot>
162
- `;
163
- }
164
- };
165
- SbbTeaserHeroElement.styles = style;
166
- __decorateClass([
167
- property({ attribute: "link-content" })
168
- ], SbbTeaserHeroElement.prototype, "linkContent", 2);
169
- __decorateClass([
170
- property({ attribute: "image-src" })
171
- ], SbbTeaserHeroElement.prototype, "imageSrc", 2);
172
- __decorateClass([
173
- property({ attribute: "image-alt" })
174
- ], SbbTeaserHeroElement.prototype, "imageAlt", 2);
175
- SbbTeaserHeroElement = __decorateClass([
176
- customElement("sbb-teaser-hero")
177
- ], SbbTeaserHeroElement);
178
- export {
179
- SbbTeaserHeroElement
180
- };
181
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLWhlcm8uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItaGVyby90ZWFzZXItaGVyby50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBub3RoaW5nLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RlYXNlci1oZXJvLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vaW1hZ2UuanMnO1xuaW1wb3J0ICcuLi9saW5rL2Jsb2NrLWxpbmstc3RhdGljLmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhbiBpbWFnZSBhbmQgYW4gYWN0aW9uIGNhbGwgd2l0aGluIGEgcGFuZWwuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgdGV4dCBjb250ZW50IHRvIHRoZSBwYW5lbFxuICogQHNsb3QgbGluay1jb250ZW50IC0gTGluayBjb250ZW50IG9mIHRoZSBwYW5lbFxuICogQHNsb3QgaW1hZ2UgLSBUaGUgYmFja2dyb3VuZCBpbWFnZSB0aGF0IGNhbiBiZSBhIGBzYmItaW1hZ2VgXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItdGVhc2VyLWhlcm8nKVxuZXhwb3J0IGNsYXNzIFNiYlRlYXNlckhlcm9FbGVtZW50IGV4dGVuZHMgU2JiTGlua0Jhc2VFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFBhbmVsIGxpbmsgdGV4dC4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnbGluay1jb250ZW50JyB9KSBwdWJsaWMgbGlua0NvbnRlbnQ/OiBzdHJpbmc7XG5cbiAgLyoqIEltYWdlIHNyYyB3aWxsIGJlIHBhc3NlZCB0byBgc2JiLWltYWdlYC4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaW1hZ2Utc3JjJyB9KSBwdWJsaWMgaW1hZ2VTcmM/OiBzdHJpbmc7XG5cbiAgLyoqIEltYWdlIGFsdCB0ZXh0IHdpbGwgYmUgcGFzc2VkIHRvIGBzYmItaW1hZ2VgLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbWFnZS1hbHQnIH0pIHB1YmxpYyBpbWFnZUFsdD86IHN0cmluZztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyLWhlcm9fX3BhbmVsXCI+XG4gICAgICAgIDxwIGNsYXNzPVwic2JiLXRlYXNlci1oZXJvX19wYW5lbC10ZXh0XCI+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L3A+XG4gICAgICAgICR7dGhpcy5ocmVmXG4gICAgICAgICAgPyBodG1sYDxzYmItYmxvY2stbGluay1zdGF0aWNcbiAgICAgICAgICAgICAgY2xhc3M9XCJzYmItdGVhc2VyLWhlcm9fX3BhbmVsLWxpbmtcIlxuICAgICAgICAgICAgICBpY29uLW5hbWU9XCJjaGV2cm9uLXNtYWxsLXJpZ2h0LXNtYWxsXCJcbiAgICAgICAgICAgICAgaWNvbi1wbGFjZW1lbnQ9XCJlbmRcIlxuICAgICAgICAgICAgICBzaXplPVwibVwiXG4gICAgICAgICAgICAgIG5lZ2F0aXZlXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxzbG90IG5hbWU9XCJsaW5rLWNvbnRlbnRcIj4ke3RoaXMubGlua0NvbnRlbnR9PC9zbG90PlxuICAgICAgICAgICAgPC9zYmItYmxvY2stbGluay1zdGF0aWM+YFxuICAgICAgICAgIDogbm90aGluZ31cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzbG90IG5hbWU9XCJpbWFnZVwiPlxuICAgICAgICAke3RoaXMuaW1hZ2VTcmNcbiAgICAgICAgICA/IGh0bWxgPHNiYi1pbWFnZSBpbWFnZS1zcmM9JHt0aGlzLmltYWdlU3JjfSBhbHQ9JHt0aGlzLmltYWdlQWx0ID8/IG5vdGhpbmd9Pjwvc2JiLWltYWdlPmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICA8L3Nsb3Q+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRlYXNlci1oZXJvJzogU2JiVGVhc2VySGVyb0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFtQmEsSUFBQSx1QkFBTixjQUFtQyxtQkFBbUI7QUFBQSxFQVl4QyxpQkFBaUM7QUFDM0MsV0FBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsVUFLRCxLQUFLLE9BQ0g7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSwwQ0FPOEIsS0FBSyxXQUFXO0FBQUEsd0NBRTlDLE9BQU87QUFBQTtBQUFBO0FBQUEsVUFHVCxLQUFLLFdBQ0gsNEJBQTRCLEtBQUssUUFBUSxRQUFRLEtBQUssWUFBWSxPQUFPLGtCQUN6RSxPQUFPO0FBQUE7QUFBQTtBQUFBLEVBR2pCO0FBQ0Y7QUFyQ2EscUJBQ1ksU0FBeUI7QUFHQSxnQkFBQTtBQUFBLEVBQS9DLFNBQVMsRUFBRSxXQUFXLGdCQUFnQjtBQUFBLEdBSjVCLHFCQUlxQyxXQUFBLGVBQUEsQ0FBQTtBQUdILGdCQUFBO0FBQUEsRUFBNUMsU0FBUyxFQUFFLFdBQVcsYUFBYTtBQUFBLEdBUHpCLHFCQU9rQyxXQUFBLFlBQUEsQ0FBQTtBQUdBLGdCQUFBO0FBQUEsRUFBNUMsU0FBUyxFQUFFLFdBQVcsYUFBYTtBQUFBLEdBVnpCLHFCQVVrQyxXQUFBLFlBQUEsQ0FBQTtBQVZsQyx1QkFBTixnQkFBQTtBQUFBLEVBRE4sY0FBYyxpQkFBaUI7QUFBQSxHQUNuQixvQkFBQTsifQ==
@@ -1,20 +0,0 @@
1
- import { CSSResultGroup, TemplateResult } from 'lit';
2
- import { SbbLinkBaseElement } from '../core/base-elements.js';
3
-
4
- /**
5
- * It displays an image and a chip with a text.
6
- *
7
- * @slot chip - Link content of the panel
8
- * @slot image - The background image that can be a `sbb-image`
9
- */
10
- export declare class SbbTeaserPaidElement extends SbbLinkBaseElement {
11
- static styles: CSSResultGroup;
12
- private _chipSlotChanged;
13
- protected renderTemplate(): TemplateResult;
14
- }
15
- declare global {
16
- interface HTMLElementTagNameMap {
17
- 'sbb-teaser-paid': SbbTeaserPaidElement;
18
- }
19
- }
20
- //# sourceMappingURL=teaser-paid.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"teaser-paid.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-paid/teaser-paid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAI9D;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,gBAAgB;cAIL,cAAc,IAAI,cAAc;CAMpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
@@ -1,2 +0,0 @@
1
- export * from './teaser-paid/teaser-paid.js';
2
- //# sourceMappingURL=teaser-paid.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"teaser-paid.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-paid.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
@@ -1,91 +0,0 @@
1
- import { css, html } from "lit";
2
- import { customElement } from "lit/decorators.js";
3
- import { SbbLinkBaseElement } from "./core/base-elements.js";
4
- const style = css`/**
5
- * Better font rendering (on OS X)
6
- * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
7
- *
8
- * Usage:
9
- *
10
- * .var_dark_on_light {
11
- * @include font-smoothing;
12
- * }
13
- * .var_light_on_dark {
14
- * @include font-smoothing-reset;
15
- * }
16
- */
17
- /** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
18
- *,
19
- ::before,
20
- ::after {
21
- box-sizing: border-box;
22
- }
23
-
24
- :host {
25
- display: block;
26
- outline: none !important;
27
- --sbb-teaser-paid-chip-inset: var(--sbb-spacing-responsive-xxxs) auto auto
28
- var(--sbb-spacing-responsive-xxxs);
29
- --sbb-teaser-paid-brightness-hover: 1.075;
30
- --sbb-teaser-paid-animation-duration: var(
31
- --sbb-disable-animation-zero-time,
32
- var(--sbb-animation-duration-4x)
33
- );
34
- --sbb-teaser-paid-animation-easing: var(--sbb-animation-easing);
35
- }
36
-
37
- @media (any-hover: hover) {
38
- :host(:hover) {
39
- --sbb-teaser-paid-brightness: var(--sbb-teaser-paid-brightness-hover);
40
- }
41
- }
42
- .sbb-teaser-paid {
43
- position: relative;
44
- display: block;
45
- }
46
- :host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-teaser-paid:focus-visible {
47
- outline-offset: var(--sbb-focus-outline-offset);
48
- outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
49
- }
50
-
51
- ::slotted([slot=chip]) {
52
- position: absolute;
53
- inset: var(--sbb-teaser-paid-chip-inset);
54
- z-index: 1;
55
- }
56
-
57
- ::slotted([slot=image]) {
58
- will-change: filter;
59
- filter: brightness(var(--sbb-teaser-paid-brightness, 1));
60
- transition: filter var(--sbb-teaser-paid-animation-duration) var(--sbb-teaser-paid-animation-easing);
61
- }`;
62
- var __defProp = Object.defineProperty;
63
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
64
- var __decorateClass = (decorators, target, key, kind) => {
65
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
66
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
67
- if (decorator = decorators[i])
68
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
69
- if (kind && result) __defProp(target, key, result);
70
- return result;
71
- };
72
- let SbbTeaserPaidElement = class extends SbbLinkBaseElement {
73
- _chipSlotChanged() {
74
- var _a;
75
- (_a = this.querySelector("sbb-chip")) == null ? void 0 : _a.setAttribute("color", "charcoal");
76
- }
77
- renderTemplate() {
78
- return html`
79
- <slot name="chip" @slotchange=${() => this._chipSlotChanged()}></slot>
80
- <slot name="image"></slot>
81
- `;
82
- }
83
- };
84
- SbbTeaserPaidElement.styles = style;
85
- SbbTeaserPaidElement = __decorateClass([
86
- customElement("sbb-teaser-paid")
87
- ], SbbTeaserPaidElement);
88
- export {
89
- SbbTeaserPaidElement
90
- };
91
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXBhaWQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcGFpZC90ZWFzZXItcGFpZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBodG1sLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RlYXNlci1wYWlkLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaW1hZ2UgYW5kIGEgY2hpcCB3aXRoIGEgdGV4dC5cbiAqXG4gKiBAc2xvdCBjaGlwIC0gTGluayBjb250ZW50IG9mIHRoZSBwYW5lbFxuICogQHNsb3QgaW1hZ2UgLSBUaGUgYmFja2dyb3VuZCBpbWFnZSB0aGF0IGNhbiBiZSBhIGBzYmItaW1hZ2VgXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItdGVhc2VyLXBhaWQnKVxuZXhwb3J0IGNsYXNzIFNiYlRlYXNlclBhaWRFbGVtZW50IGV4dGVuZHMgU2JiTGlua0Jhc2VFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJpdmF0ZSBfY2hpcFNsb3RDaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMucXVlcnlTZWxlY3Rvcignc2JiLWNoaXAnKT8uc2V0QXR0cmlidXRlKCdjb2xvcicsICdjaGFyY29hbCcpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzbG90IG5hbWU9XCJjaGlwXCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiB0aGlzLl9jaGlwU2xvdENoYW5nZWQoKX0+PC9zbG90PlxuICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10ZWFzZXItcGFpZCc6IFNiYlRlYXNlclBhaWRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFjYSxJQUFBLHVCQUFOLGNBQW1DLG1CQUFtQjtBQUFBLEVBR25ELG1CQUF5Qjs7QUFDL0IsZUFBSyxjQUFjLFVBQVUsTUFBN0IsbUJBQWdDLGFBQWEsU0FBUztBQUFBLEVBQ3hEO0FBQUEsRUFFbUIsaUJBQWlDO0FBQzNDLFdBQUE7QUFBQSxzQ0FDMkIsTUFBTSxLQUFLLGtCQUFrQjtBQUFBO0FBQUE7QUFBQSxFQUdqRTtBQUNGO0FBYmEscUJBQ1ksU0FBeUI7QUFEckMsdUJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsaUJBQWlCO0FBQUEsR0FDbkIsb0JBQUE7In0=
@@ -1 +0,0 @@
1
- {"version":3,"file":"selection-panel.d.ts","sourceRoot":"","sources":["../../../src/elements/selection-panel/selection-panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAWvC,OAAO,eAAe,CAAC;AAEvB;;;;;;;;;;GAUG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IAEtD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAK1C;IAEX,yCAAyC;IACtB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAW;IAErD,qDAAqD;IACQ,SAAS,UAAS;IAE/E,iDAAiD;IACE,UAAU,UAAS;IAEtE,wCAAwC;IAExC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,8CAA8C;IAC9C,OAAO,KAAK,QAAQ,QAEnB;IACD,OAAO,KAAK,QAAQ,GAEnB;IAED,+CAA+C;IAC/C,OAAO,KAAK,SAAS,QAEpB;IAED,wEAAwE;IACxE,OAAO,CAAC,SAAS,CAGf;IAEF,oDAAoD;IACpD,OAAO,CAAC,QAAQ,CAGd;IAEF,wEAAwE;IACxE,OAAO,CAAC,UAAU,CAGhB;IAEF,oDAAoD;IACpD,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,YAAY,CAAkB;IAEtC;;;OAGG;IACH,IAAW,UAAU,IAAI,OAAO,CAG/B;;IAOe,iBAAiB,IAAI,IAAI;cAStB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,KAAK;IAcb,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,eAAe;cAUJ,MAAM,IAAI,cAAc;CAuB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
@@ -1,2 +0,0 @@
1
- export * from './selection-panel/selection-panel.js';
2
- //# sourceMappingURL=selection-panel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selection-panel.d.ts","sourceRoot":"","sources":["../../src/elements/selection-panel.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}
@@ -1,138 +0,0 @@
1
- import { css as c, LitElement as p, html as h } from "lit";
2
- import { property as d, state as v, customElement as m } from "lit/decorators.js";
3
- import { SbbConnectedAbortController as u, SbbSlotStateController as g } from "./core/controllers.js";
4
- import { EventEmitter as a } from "./core/eventing.js";
5
- import "./divider.js";
6
- const f = c`*,:before,:after{box-sizing:border-box}:host{--sbb-selection-panel-cursor: pointer;--sbb-selection-panel-background: var(--sbb-color-white);--sbb-selection-panel-border-color: var(--sbb-color-cloud);--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-selection-panel-border-width: var(--sbb-border-width-1x);--sbb-selection-panel-input-pointer-events: all;--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-content-visibility: hidden;--sbb-selection-panel-content-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-border-radius: var(--sbb-border-radius-4x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:contents}:host([color=milk]){--sbb-selection-panel-background: var(--sbb-color-milk)}:host([data-checked]:not([data-disabled])){--sbb-selection-panel-border-color: var(--sbb-color-charcoal);--sbb-selection-panel-border-width: var(--sbb-border-width-2x)}:host([data-slot-names~=content][data-disabled]){--sbb-selection-panel-input-pointer-events: none;--sbb-selection-panel-border-color: var(--sbb-color-cloud)}:host([data-disabled]){--sbb-selection-panel-cursor: default}:host([borderless]:not([data-checked])){--sbb-selection-panel-border-color: transparent}:host([data-resize-disable-animation]){--sbb-disable-animation-time: .1ms;--sbb-disable-animation-zero-time: 0s}:host([data-slot-names~=content]:where([data-state=opening],[data-state=opened])){--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-content-visibility: visible;--sbb-selection-panel-content-grid-template-rows: 1fr;--sbb-selection-panel-content-opacity: 1;--sbb-selection-panel-content-padding-block-end: var(--sbb-spacing-responsive-xs);--sbb-selection-panel-content-transition: grid-template-rows var(--sbb-selection-panel-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-selection-panel-animation-duration) var(--sbb-selection-panel-animation-duration) var(--sbb-animation-easing)}.sbb-selection-panel{flex:auto;position:relative;width:100%;background-color:var(--sbb-selection-panel-background);border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media (forced-colors: active){.sbb-selection-panel:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}.sbb-selection-panel__content--wrapper{display:grid;visibility:var(--sbb-selection-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-selection-panel__content--wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-selection-panel__content--wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-selection-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-selection-panel-animation-duration)}:host([data-state=closing]) .sbb-selection-panel__content--wrapper{animation-name:close;animation-duration:var(--sbb-selection-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}:host(:not([data-slot-names~=content])) .sbb-selection-panel__content--wrapper{display:none}.sbb-selection-panel__content{overflow:hidden;padding-inline:var(--sbb-selection-panel-content-padding-inline);padding-block-end:var(--sbb-selection-panel-content-padding-block-end);transition:padding var(--sbb-selection-panel-animation-duration) var(--sbb-animation-easing)}sbb-divider{margin-block-end:var(--sbb-spacing-responsive-xxs)}::slotted(sbb-radio-button),::slotted(sbb-checkbox){cursor:var(--sbb-selection-panel-cursor);pointer-events:var(--sbb-selection-panel-input-pointer-events);display:block;padding:var(--sbb-selection-panel-input-padding);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:padding}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}`;
7
- var w = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (e, n, r, o) => {
8
- for (var i = o > 1 ? void 0 : o ? y(n, r) : n, l = e.length - 1, b; l >= 0; l--)
9
- (b = e[l]) && (i = (o ? b(n, r, i) : b(i)) || i);
10
- return o && i && w(n, r, i), i;
11
- };
12
- let t = class extends p {
13
- constructor() {
14
- super(), this.color = "white", this.forceOpen = !1, this.borderless = !1, this.h = new a(
15
- this,
16
- t.events.willOpen
17
- ), this.e = new a(
18
- this,
19
- t.events.didOpen
20
- ), this.i = new a(
21
- this,
22
- t.events.willClose
23
- ), this.j = new a(
24
- this,
25
- t.events.didClose
26
- ), this.k = new u(this), this.f = !1, new g(this);
27
- }
28
- set a(e) {
29
- this.setAttribute("data-state", e);
30
- }
31
- get a() {
32
- return this.getAttribute("data-state");
33
- }
34
- /** Whether the selection panel is checked. */
35
- set b(e) {
36
- this.toggleAttribute("data-checked", e);
37
- }
38
- get b() {
39
- return this.hasAttribute("data-checked");
40
- }
41
- /** Whether the selection panel is disabled. */
42
- set d(e) {
43
- this.toggleAttribute("data-disabled", e);
44
- }
45
- /**
46
- * Whether it has an expandable content
47
- * @internal
48
- */
49
- get hasContent() {
50
- var e;
51
- return ((e = this.querySelectorAll) == null ? void 0 : e.call(this, '[slot="content"]').length) > 0;
52
- }
53
- connectedCallback() {
54
- super.connectedCallback(), this.a || (this.a = "closed");
55
- const e = this.k.signal;
56
- this.addEventListener("stateChange", this.l.bind(this), { signal: e }), this.addEventListener("checkboxLoaded", this.g.bind(this), { signal: e }), this.addEventListener("radioButtonLoaded", this.g.bind(this), { signal: e });
57
- }
58
- willUpdate(e) {
59
- super.willUpdate(e), e.has("forceOpen") && this.c();
60
- }
61
- firstUpdated(e) {
62
- super.firstUpdated(e), this.f = !0;
63
- }
64
- c() {
65
- this.hasContent && (this.forceOpen || this.b ? this.m(!this.f) : this.n());
66
- }
67
- m(e = !1) {
68
- this.a !== "closed" && this.a !== "closing" || (this.a = "opening", this.h.emit(), e && (this.a = "opened", this.e.emit()));
69
- }
70
- n() {
71
- this.a !== "opened" && this.a !== "opening" || (this.a = "closing", this.i.emit());
72
- }
73
- g(e) {
74
- const n = e.target;
75
- n.isSelectionPanelInput && (this.b = n.checked, this.d = n.disabled, this.c());
76
- }
77
- l(e) {
78
- if (e.target.isSelectionPanelInput) {
79
- if (e.detail.type === "disabled") {
80
- this.d = e.detail.disabled;
81
- return;
82
- } else if (e.detail.type !== "checked")
83
- return;
84
- this.b = e.detail.checked, this.c();
85
- }
86
- }
87
- o(e) {
88
- e.animationName === "open-opacity" && this.a === "opening" ? (this.a = "opened", this.e.emit()) : e.animationName === "close" && this.a === "closing" && (this.a = "closed", this.j.emit());
89
- }
90
- render() {
91
- return h`
92
- <div class="sbb-selection-panel">
93
- <div class="sbb-selection-panel__badge">
94
- <slot name="badge"></slot>
95
- </div>
96
-
97
- <div class="sbb-selection-panel__input">
98
- <slot></slot>
99
- </div>
100
- <div
101
- class="sbb-selection-panel__content--wrapper"
102
- .inert=${this.a !== "opened"}
103
- @animationend=${(e) => this.o(e)}
104
- >
105
- <div class="sbb-selection-panel__content">
106
- <sbb-divider></sbb-divider>
107
- <slot name="content"></slot>
108
- </div>
109
- </div>
110
- </div>
111
- `;
112
- }
113
- };
114
- t.styles = f;
115
- t.events = {
116
- willOpen: "willOpen",
117
- didOpen: "didOpen",
118
- willClose: "willClose",
119
- didClose: "didClose"
120
- };
121
- s([
122
- d()
123
- ], t.prototype, "color", 2);
124
- s([
125
- d({ attribute: "force-open", type: Boolean })
126
- ], t.prototype, "forceOpen", 2);
127
- s([
128
- d({ reflect: !0, type: Boolean })
129
- ], t.prototype, "borderless", 2);
130
- s([
131
- v()
132
- ], t.prototype, "a", 1);
133
- t = s([
134
- m("sbb-selection-panel")
135
- ], t);
136
- export {
137
- t as SbbSelectionPanelElement
138
- };
@@ -1,2 +0,0 @@
1
- export * from './tab-title/tab-title.js';
2
- //# sourceMappingURL=tab-title.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tab-title.d.ts","sourceRoot":"","sources":["../../../src/elements/tabs/tab-title.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
package/tabs/tab-title.js DELETED
@@ -1,51 +0,0 @@
1
- import { css as v, LitElement as f } from "lit";
2
- import { property as l, customElement as d } from "lit/decorators.js";
3
- import { html as m, unsafeStatic as c } from "lit/static-html.js";
4
- import { SbbSlotStateController as p } from "../core/controllers.js";
5
- import { SbbDisabledMixin as h } from "../core/mixins.js";
6
- import { SbbIconNameMixin as u } from "../icon.js";
7
- const g = v`*,:before,:after{box-sizing:border-box}:host{--sbb-tab-title-height: var(--sbb-size-element-m);--sbb-tab-title-color: var(--sbb-color-granite);--sbb-tab-title-icon-color: var(--sbb-color-black);--sbb-tab-title-background-color: var(--sbb-color-white);--sbb-tab-title-cursor: pointer;--sbb-tab-title-pointer-events: unset;--sbb-tab-title-inset: 0;--sbb-tab-title-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-title-marker-transform: scale(0);--sbb-tab-title-text-decoration: none;--sbb-tab-title-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-tab-title-animation-easing: var(--sbb-animation-easing);--sbb-tab-title-amount-color: var(--sbb-color-metal);display:inline-block;max-width:100%;pointer-events:var(--sbb-tab-title-pointer-events);-webkit-tap-highlight-color:transparent;outline:none!important}@media (forced-colors: active){:host{--sbb-tab-title-color: ButtonText;--sbb-tab-title-icon-color: ButtonText;--sbb-tab-title-amount-color: ButtonText}}:host([data-size=s]){--sbb-tab-title-height: var(--sbb-size-element-xs);--sbb-tab-title-inline-padding: var(--sbb-spacing-responsive-xxxs)}:host([disabled]){--sbb-tab-title-icon-color: var(--sbb-color-granite);--sbb-tab-title-background-color: var(--sbb-color-milk);--sbb-tab-title-cursor: unset;--sbb-tab-title-pointer-events: none;--sbb-tab-title-text-decoration: line-through}@media (forced-colors: active){:host([disabled]){--sbb-tab-title-color: GrayText;--sbb-tab-title-icon-color: GrayText;--sbb-tab-title-amount-color: GrayText}}:host([active]:not([disabled])){--sbb-tab-title-color: var(--sbb-color-charcoal);--sbb-tab-title-icon-color: var(--sbb-tab-title-color);--sbb-tab-title-background-color: var(--sbb-color-black);--sbb-tab-title-cursor: unset;--sbb-tab-title-pointer-events: none;--sbb-tab-title-marker-transform: scale(1)}@media (forced-colors: active){:host([active]:not([disabled])){--sbb-tab-title-color: ButtonText;--sbb-tab-title-icon-color: ButtonText;--sbb-tab-title-amount-color: ButtonText}}@media (any-hover: hover){:host(:hover:not([disabled])){--sbb-tab-title-marker-transform: scale(1)}}:host(:is([data-active],:active)){--sbb-tab-title-color: var(--sbb-color-charcoal)}.sbb-tab-title__wrapper{position:relative}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-tab-title__wrapper:before{content:"";position:absolute;display:block;inset:calc((var(--sbb-focus-outline-width) + var(--sbb-focus-outline-offset)) * -1);border:var(--sbb-focus-outline-width) solid var(--sbb-focus-outline-color);border-radius:var(--sbb-border-radius-2x);z-index:1}.sbb-tab-title{position:relative;margin:0;min-height:var(--sbb-tab-title-height);display:flex;align-items:center;padding-inline:var(--sbb-tab-title-inline-padding);gap:var(--sbb-spacing-fixed-2x);-webkit-user-select:none;user-select:none;cursor:var(--sbb-tab-title-cursor);transition:color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing);color:var(--sbb-tab-title-icon-color)}:host([data-has-divider]) .sbb-tab-title:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-color-cloud)}.sbb-tab-title:before{position:absolute;content:"";inset-inline:0;inset-block-end:0;height:.1875rem;background-color:var(--sbb-tab-title-color);transform:var(--sbb-tab-title-marker-transform);transition-duration:var(--sbb-tab-title-animation-duration);transition-timing-function:var(--sbb-tab-title-animation-easing);transition-property:transform,background-color;z-index:1}.sbb-tab-title__icon,.sbb-tab-title__text,.sbb-tab-title__amount{text-decoration:var(--sbb-tab-title-text-decoration)}.sbb-tab-title__icon{display:flex;flex-shrink:0;color:var(--sbb-tab-title-color);transition:color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-tab-title__icon{display:none}.sbb-tab-title__text{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--sbb-tab-title-color);transition:color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing)}:host([data-size=s]) .sbb-tab-title__text{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}:host([data-size=xl]) .sbb-tab-title__text{--sbb-text-font-size: var(--sbb-font-size-text-xl);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-tab-title__amount{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;color:var(--sbb-tab-title-amount-color);transition:color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing)}:host(:not([data-slot-names~=amount],[amount])) .sbb-tab-title__amount{display:none}:host([data-size=s]) .sbb-tab-title__amount{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([data-size=xl]) .sbb-tab-title__amount{--sbb-text-font-size: var(--sbb-font-size-text-xl);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}`;
8
- var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (o, b, s, i) => {
9
- for (var t = i > 1 ? void 0 : i ? y(b, s) : b, n = o.length - 1, r; n >= 0; n--)
10
- (r = o[n]) && (t = (i ? r(b, s, t) : r(t)) || t);
11
- return i && t && x(b, s, t), t;
12
- };
13
- let e = class extends h(u(f)) {
14
- constructor() {
15
- super(), this.level = "1", new p(this);
16
- }
17
- render() {
18
- const o = `h${Number(this.level) < 7 ? this.level : "1"}`;
19
- return m`
20
- <div class="sbb-tab-title__wrapper">
21
- <${c(o)} class="sbb-tab-title">
22
- <span class="sbb-tab-title__icon">
23
- ${this.renderIconSlot()}
24
- </span>
25
- <span class="sbb-tab-title__text">
26
- <slot></slot>
27
- </span>
28
- <span class="sbb-tab-title__amount">
29
- <slot name="amount">${this.amount}</slot>
30
- </span>
31
- </${c(o)}>
32
- </div>
33
- `;
34
- }
35
- };
36
- e.styles = g;
37
- a([
38
- l()
39
- ], e.prototype, "level", 2);
40
- a([
41
- l({ reflect: !0, type: Boolean })
42
- ], e.prototype, "active", 2);
43
- a([
44
- l({ reflect: !0 })
45
- ], e.prototype, "amount", 2);
46
- e = a([
47
- d("sbb-tab-title")
48
- ], e);
49
- export {
50
- e as SbbTabTitleElement
51
- };
@@ -1,26 +0,0 @@
1
- import { CSSResultGroup, TemplateResult } from 'lit';
2
- import { SbbLinkBaseElement } from '../core/base-elements.js';
3
-
4
- /**
5
- * It displays an image and an action call within a panel.
6
- *
7
- * @slot - Use the unnamed slot to add text content to the panel
8
- * @slot link-content - Link content of the panel
9
- * @slot image - The background image that can be a `sbb-image`
10
- */
11
- export declare class SbbTeaserHeroElement extends SbbLinkBaseElement {
12
- static styles: CSSResultGroup;
13
- /** Panel link text. */
14
- linkContent?: string;
15
- /** Image src will be passed to `sbb-image`. */
16
- imageSrc?: string;
17
- /** Image alt text will be passed to `sbb-image`. */
18
- imageAlt?: string;
19
- protected renderTemplate(): TemplateResult;
20
- }
21
- declare global {
22
- interface HTMLElementTagNameMap {
23
- 'sbb-teaser-hero': SbbTeaserHeroElement;
24
- }
25
- }
26
- //# sourceMappingURL=teaser-hero.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"teaser-hero.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-hero/teaser-hero.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAI9D,OAAO,aAAa,CAAC;AACrB,OAAO,8BAA8B,CAAC;AAEtC;;;;;;GAMG;AACH,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,uBAAuB;IACyB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErE,+CAA+C;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE/D,oDAAoD;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;cAE5C,cAAc,IAAI,cAAc;CAyBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
package/teaser-hero.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from './teaser-hero/teaser-hero.js';
2
- //# sourceMappingURL=teaser-hero.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"teaser-hero.d.ts","sourceRoot":"","sources":["../../src/elements/teaser-hero.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}