@sbb-esta/lyne-elements 1.2.0 → 1.3.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 (257) hide show
  1. package/accordion/accordion.d.ts +1 -1
  2. package/accordion/accordion.d.ts.map +1 -1
  3. package/alert/alert/alert.d.ts +1 -1
  4. package/alert/alert/alert.d.ts.map +1 -1
  5. package/button/common/button-common.d.ts.map +1 -1
  6. package/button/common.js +20 -20
  7. package/button/mini-button/mini-button.d.ts +0 -1
  8. package/button/mini-button/mini-button.d.ts.map +1 -1
  9. package/button/mini-button.js +16 -18
  10. package/calendar/calendar.d.ts.map +1 -1
  11. package/calendar.js +22 -20
  12. package/checkbox/checkbox/checkbox.d.ts +0 -1
  13. package/checkbox/checkbox/checkbox.d.ts.map +1 -1
  14. package/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
  15. package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  16. package/checkbox/checkbox-group.js +5 -3
  17. package/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
  18. package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  19. package/checkbox/checkbox-panel.js +12 -11
  20. package/checkbox/checkbox.js +12 -11
  21. package/clock/clock.d.ts +19 -13
  22. package/clock/clock.d.ts.map +1 -1
  23. package/clock.js +86 -75
  24. package/core/datetime/date-adapter.d.ts +23 -13
  25. package/core/datetime/date-adapter.d.ts.map +1 -1
  26. package/core/datetime/native-date-adapter.d.ts +0 -1
  27. package/core/datetime/native-date-adapter.d.ts.map +1 -1
  28. package/core/datetime.js +23 -23
  29. package/core/decorators/host-attributes.d.ts +1 -1
  30. package/core/decorators/slot-state.d.ts +18 -0
  31. package/core/decorators/slot-state.d.ts.map +1 -0
  32. package/core/decorators.d.ts +1 -0
  33. package/core/decorators.d.ts.map +1 -1
  34. package/core/decorators.js +15 -9
  35. package/core/mixins/hydration-mixin.d.ts.map +1 -1
  36. package/core/mixins.js +126 -132
  37. package/core/styles/mixins/buttons.scss +15 -48
  38. package/custom-elements.json +509 -540
  39. package/datepicker/common/datepicker-button.d.ts +5 -5
  40. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  41. package/datepicker/common.js +21 -20
  42. package/datepicker/datepicker/datepicker.d.ts +55 -38
  43. package/datepicker/datepicker/datepicker.d.ts.map +1 -1
  44. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
  45. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  46. package/datepicker/datepicker-next-day.js +16 -16
  47. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
  48. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  49. package/datepicker/datepicker-previous-day.js +14 -14
  50. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
  51. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  52. package/datepicker/datepicker-toggle.js +25 -23
  53. package/datepicker/datepicker.js +147 -181
  54. package/development/accordion/accordion.d.ts +1 -1
  55. package/development/accordion/accordion.d.ts.map +1 -1
  56. package/development/accordion.js +1 -1
  57. package/development/alert/alert/alert.d.ts +1 -1
  58. package/development/alert/alert/alert.d.ts.map +1 -1
  59. package/development/alert/alert.js +1 -1
  60. package/development/button/common/button-common.d.ts.map +1 -1
  61. package/development/button/common.js +30 -25
  62. package/development/button/mini-button/mini-button.d.ts +0 -1
  63. package/development/button/mini-button/mini-button.d.ts.map +1 -1
  64. package/development/button/mini-button.js +17 -55
  65. package/development/calendar/calendar.d.ts.map +1 -1
  66. package/development/calendar.js +4 -2
  67. package/development/checkbox/checkbox/checkbox.d.ts +0 -1
  68. package/development/checkbox/checkbox/checkbox.d.ts.map +1 -1
  69. package/development/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
  70. package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  71. package/development/checkbox/checkbox-group.js +6 -5
  72. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
  73. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  74. package/development/checkbox/checkbox-panel.js +5 -5
  75. package/development/checkbox/checkbox.js +5 -5
  76. package/development/clock/clock.d.ts +19 -13
  77. package/development/clock/clock.d.ts.map +1 -1
  78. package/development/clock.js +85 -80
  79. package/development/core/datetime/date-adapter.d.ts +23 -13
  80. package/development/core/datetime/date-adapter.d.ts.map +1 -1
  81. package/development/core/datetime/native-date-adapter.d.ts +0 -1
  82. package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
  83. package/development/core/datetime.js +28 -26
  84. package/development/core/decorators/host-attributes.d.ts +1 -1
  85. package/development/core/decorators/slot-state.d.ts +18 -0
  86. package/development/core/decorators/slot-state.d.ts.map +1 -0
  87. package/development/core/decorators.d.ts +1 -0
  88. package/development/core/decorators.d.ts.map +1 -1
  89. package/development/core/decorators.js +11 -2
  90. package/development/core/mixins/hydration-mixin.d.ts.map +1 -1
  91. package/development/core/mixins.js +15 -16
  92. package/development/datepicker/common/datepicker-button.d.ts +5 -5
  93. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  94. package/development/datepicker/common.js +10 -9
  95. package/development/datepicker/datepicker/datepicker.d.ts +55 -38
  96. package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
  97. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
  98. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  99. package/development/datepicker/datepicker-next-day.js +14 -54
  100. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
  101. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  102. package/development/datepicker/datepicker-previous-day.js +14 -54
  103. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
  104. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  105. package/development/datepicker/datepicker-toggle.js +16 -10
  106. package/development/datepicker/datepicker.js +134 -159
  107. package/development/dialog/dialog.js +1 -1
  108. package/development/file-selector/file-selector.d.ts +0 -1
  109. package/development/file-selector/file-selector.d.ts.map +1 -1
  110. package/development/file-selector.js +6 -5
  111. package/development/form-field/form-field/form-field.d.ts +1 -2
  112. package/development/form-field/form-field/form-field.d.ts.map +1 -1
  113. package/development/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  114. package/development/form-field/form-field-clear.js +15 -51
  115. package/development/form-field/form-field.js +8 -7
  116. package/development/icon/icon-request.d.ts.map +1 -1
  117. package/development/icon.js +8 -13
  118. package/development/link/common/link-common.d.ts.map +1 -1
  119. package/development/link/common.js +6 -7
  120. package/development/link-list/link-list.d.ts +0 -1
  121. package/development/link-list/link-list.d.ts.map +1 -1
  122. package/development/link-list.js +5 -5
  123. package/development/map-container.js +5 -2
  124. package/development/navigation/navigation-list/navigation-list.d.ts +0 -1
  125. package/development/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  126. package/development/navigation/navigation-list.js +5 -5
  127. package/development/navigation/navigation-section/navigation-section.d.ts +0 -1
  128. package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  129. package/development/navigation/navigation-section.js +6 -6
  130. package/development/notification/notification.d.ts +5 -16
  131. package/development/notification/notification.d.ts.map +1 -1
  132. package/development/notification.js +8 -9
  133. package/development/option/option/option.d.ts.map +1 -1
  134. package/development/option/option.js +5 -5
  135. package/development/popover/popover/popover.d.ts +3 -1
  136. package/development/popover/popover/popover.d.ts.map +1 -1
  137. package/development/popover/popover-trigger.js +14 -49
  138. package/development/popover/popover.js +11 -4
  139. package/development/radio-button/radio-button/radio-button.d.ts +0 -1
  140. package/development/radio-button/radio-button/radio-button.d.ts.map +1 -1
  141. package/development/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
  142. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  143. package/development/radio-button/radio-button-group.js +6 -6
  144. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +0 -1
  145. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  146. package/development/radio-button/radio-button-panel.js +4 -7
  147. package/development/radio-button/radio-button.js +4 -7
  148. package/development/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
  149. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  150. package/development/selection-expansion-panel.js +6 -5
  151. package/development/skiplink-list/skiplink-list.d.ts +0 -1
  152. package/development/skiplink-list/skiplink-list.d.ts.map +1 -1
  153. package/development/skiplink-list.js +5 -5
  154. package/development/status/status.d.ts +0 -1
  155. package/development/status/status.d.ts.map +1 -1
  156. package/development/status.js +5 -5
  157. package/development/stepper/stepper/stepper.d.ts +3 -1
  158. package/development/stepper/stepper/stepper.d.ts.map +1 -1
  159. package/development/stepper/stepper.js +3 -2
  160. package/development/tabs/tab-group/tab-group.d.ts +3 -1
  161. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  162. package/development/tabs/tab-group.js +3 -2
  163. package/development/tabs/tab-label/tab-label.d.ts +0 -1
  164. package/development/tabs/tab-label/tab-label.d.ts.map +1 -1
  165. package/development/tabs/tab-label.js +5 -5
  166. package/development/tag/tag/tag.d.ts +0 -1
  167. package/development/tag/tag/tag.d.ts.map +1 -1
  168. package/development/tag/tag.js +6 -5
  169. package/development/teaser/teaser.d.ts +0 -1
  170. package/development/teaser/teaser.d.ts.map +1 -1
  171. package/development/teaser.js +5 -5
  172. package/development/toast/toast.d.ts +1 -2
  173. package/development/toast/toast.d.ts.map +1 -1
  174. package/development/toast.js +10 -8
  175. package/development/toggle/toggle-option/toggle-option.d.ts +0 -1
  176. package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  177. package/development/toggle/toggle-option.js +6 -6
  178. package/development/toggle-check/toggle-check.d.ts +2 -3
  179. package/development/toggle-check/toggle-check.d.ts.map +1 -1
  180. package/development/toggle-check.js +5 -5
  181. package/development/visual-checkbox.js +2 -2
  182. package/dialog/dialog.js +1 -1
  183. package/file-selector/file-selector.d.ts +0 -1
  184. package/file-selector/file-selector.d.ts.map +1 -1
  185. package/file-selector.js +17 -15
  186. package/form-field/form-field/form-field.d.ts +1 -2
  187. package/form-field/form-field/form-field.d.ts.map +1 -1
  188. package/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  189. package/form-field/form-field-clear.js +17 -18
  190. package/form-field/form-field.js +16 -14
  191. package/icon/icon-request.d.ts.map +1 -1
  192. package/icon.js +86 -86
  193. package/link/common/link-common.d.ts.map +1 -1
  194. package/link/common.js +9 -9
  195. package/link-list/link-list.d.ts +0 -1
  196. package/link-list/link-list.d.ts.map +1 -1
  197. package/link-list.js +8 -7
  198. package/map-container.js +1 -1
  199. package/navigation/navigation-list/navigation-list.d.ts +0 -1
  200. package/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  201. package/navigation/navigation-list.js +9 -8
  202. package/navigation/navigation-section/navigation-section.d.ts +0 -1
  203. package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  204. package/navigation/navigation-section.js +10 -9
  205. package/notification/notification.d.ts +5 -16
  206. package/notification/notification.d.ts.map +1 -1
  207. package/notification.js +9 -9
  208. package/option/option/option.d.ts.map +1 -1
  209. package/option/option.js +6 -5
  210. package/package.json +1 -1
  211. package/popover/popover/popover.d.ts +3 -1
  212. package/popover/popover/popover.d.ts.map +1 -1
  213. package/popover/popover-trigger.js +13 -13
  214. package/popover/popover.js +55 -48
  215. package/radio-button/radio-button/radio-button.d.ts +0 -1
  216. package/radio-button/radio-button/radio-button.d.ts.map +1 -1
  217. package/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
  218. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  219. package/radio-button/radio-button-group.js +7 -6
  220. package/radio-button/radio-button-panel/radio-button-panel.d.ts +0 -1
  221. package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  222. package/radio-button/radio-button-panel.js +12 -14
  223. package/radio-button/radio-button.js +7 -9
  224. package/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
  225. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  226. package/selection-expansion-panel.js +15 -13
  227. package/skiplink-list/skiplink-list.d.ts +0 -1
  228. package/skiplink-list/skiplink-list.d.ts.map +1 -1
  229. package/skiplink-list.js +4 -3
  230. package/status/status.d.ts +0 -1
  231. package/status/status.d.ts.map +1 -1
  232. package/status.js +9 -8
  233. package/stepper/stepper/stepper.d.ts +3 -1
  234. package/stepper/stepper/stepper.d.ts.map +1 -1
  235. package/stepper/stepper.js +7 -6
  236. package/tabs/tab-group/tab-group.d.ts +3 -1
  237. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  238. package/tabs/tab-group.js +14 -13
  239. package/tabs/tab-label/tab-label.d.ts +0 -1
  240. package/tabs/tab-label/tab-label.d.ts.map +1 -1
  241. package/tabs/tab-label.js +4 -3
  242. package/tag/tag/tag.d.ts +0 -1
  243. package/tag/tag/tag.d.ts.map +1 -1
  244. package/tag/tag.js +6 -4
  245. package/teaser/teaser.d.ts +0 -1
  246. package/teaser/teaser.d.ts.map +1 -1
  247. package/teaser.js +4 -3
  248. package/toast/toast.d.ts +1 -2
  249. package/toast/toast.d.ts.map +1 -1
  250. package/toast.js +15 -12
  251. package/toggle/toggle-option/toggle-option.d.ts +0 -1
  252. package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  253. package/toggle/toggle-option.js +12 -11
  254. package/toggle-check/toggle-check.d.ts +2 -3
  255. package/toggle-check/toggle-check.d.ts.map +1 -1
  256. package/toggle-check.js +4 -3
  257. package/visual-checkbox.js +4 -4
@@ -16,15 +16,17 @@ export interface SbbInputUpdateEvent {
16
16
  * @param element The element potentially connected to the SbbDatepickerElement.
17
17
  * @param trigger The id or the reference of the SbbDatePicker.
18
18
  */
19
- export declare function getDatePicker(element: SbbDatepickerButton | SbbDatepickerToggleElement, trigger?: string | HTMLElement): SbbDatepickerElement | null | undefined;
19
+ export declare function getDatePicker<T = Date>(element: SbbDatepickerButton<T> | SbbDatepickerToggleElement<T>, trigger?: string | HTMLElement): SbbDatepickerElement<T> | null | undefined;
20
20
  /**
21
21
  * Returns the first available date before or after a given one, considering the SbbDatepickerElement `dateFilter` property.
22
22
  * @param date The starting date for calculations.
23
23
  * @param delta The number of days to add/subtract from the starting one.
24
24
  * @param dateFilter The dateFilter function from the SbbDatepickerElement.
25
25
  * @param dateAdapter The adapter class.
26
+ *
27
+ * @deprecated Not intended as public API.
26
28
  */
27
- export declare function getAvailableDate(date: Date, delta: number, dateFilter: ((date: Date) => boolean) | null, dateAdapter: DateAdapter<Date>): Date;
29
+ export declare function getAvailableDate<T = Date>(date: T, delta: number, dateFilter: ((date: T) => boolean) | null, dateAdapter: DateAdapter<T>): T;
28
30
  /**
29
31
  * Calculates the first available date before the given one,
30
32
  * considering the SbbDatepickerElement `dateFilter` property and `min` parameter (e.g. from the self-named input's attribute).
@@ -32,8 +34,10 @@ export declare function getAvailableDate(date: Date, delta: number, dateFilter:
32
34
  * @param dateFilter The dateFilter function from the SbbDatepickerElement.
33
35
  * @param dateAdapter The adapter class.
34
36
  * @param min The minimum value to consider in calculations.
37
+ *
38
+ * @deprecated Not intended as public API.
35
39
  */
36
- export declare function findPreviousAvailableDate(date: Date, dateFilter: ((date: Date) => boolean) | null, dateAdapter: DateAdapter<Date>, min: string | number | null): Date;
40
+ export declare function findPreviousAvailableDate<T = Date>(date: T, dateFilter: ((date: T) => boolean) | null, dateAdapter: DateAdapter<T>, min: string | number | null): T;
37
41
  /**
38
42
  * Calculates the first available date after the given one,
39
43
  * considering the SbbDatepickerElement `dateFilter` property and `max` parameter (e.g. from the self-named input's attribute).
@@ -41,8 +45,10 @@ export declare function findPreviousAvailableDate(date: Date, dateFilter: ((date
41
45
  * @param dateFilter The dateFilter function from the SbbDatepickerElement.
42
46
  * @param dateAdapter The adapter class.
43
47
  * @param max The maximum value to consider in calculations.
48
+ *
49
+ * @deprecated Not intended as public API.
44
50
  */
45
- export declare function findNextAvailableDate(date: Date, dateFilter: ((date: Date) => boolean) | null, dateAdapter: DateAdapter<Date>, max: string | number | null): Date;
51
+ export declare function findNextAvailableDate<T = Date>(date: T, dateFilter: ((date: T) => boolean) | null, dateAdapter: DateAdapter<T>, max: string | number | null): T;
46
52
  /**
47
53
  * Checks if the provided date is a valid one, considering the SbbDatepickerElement `dateFilter` property
48
54
  * and `min` and `max` parameters (e.g. from the self-named input's attributes).
@@ -50,8 +56,10 @@ export declare function findNextAvailableDate(date: Date, dateFilter: ((date: Da
50
56
  * @param dateFilter The dateFilter function from the SbbDatepickerElement.
51
57
  * @param min The minimum value to consider in calculations.
52
58
  * @param max The maximum value to consider in calculations.
59
+ *
60
+ * @deprecated Not intended as public API.
53
61
  */
54
- export declare function isDateAvailable(date: Date, dateFilter: ((date: Date) => boolean) | null, min: string | number | null | undefined, max: string | number | null | undefined): boolean;
62
+ export declare function isDateAvailable<T = Date>(date: T, dateFilter: ((date: T) => boolean) | null, min: string | number | null | undefined, max: string | number | null | undefined): boolean;
55
63
  export declare const datepickerControlRegisteredEventFactory: () => CustomEvent;
56
64
  /**
57
65
  * Combined with a native input, it displays the input's value as a formatted date.
@@ -62,7 +70,7 @@ export declare const datepickerControlRegisteredEventFactory: () => CustomEvent;
62
70
  * @event {CustomEvent<void>} datePickerUpdated - Notifies that the attributes of the datepicker have changes.
63
71
  * @event {CustomEvent<SbbValidationChangeEvent>} validationChange - Emits whenever the internal validation state changes.
64
72
  */
65
- export declare class SbbDatepickerElement extends LitElement {
73
+ export declare class SbbDatepickerElement<T = Date> extends LitElement {
66
74
  static styles: CSSResultGroup;
67
75
  static readonly events: {
68
76
  readonly didChange: "didChange";
@@ -74,17 +82,27 @@ export declare class SbbDatepickerElement extends LitElement {
74
82
  /** If set to true, two months are displayed. */
75
83
  wide: boolean;
76
84
  /** A function used to filter out dates. */
77
- dateFilter: (date: Date | null) => boolean;
78
- /** A function used to parse string value into dates. */
79
- dateParser?: (value: string) => Date | undefined;
80
- /** A function used to format dates into the preferred string format. */
81
- format?: (date: Date) => string;
85
+ dateFilter: (date: T | null) => boolean;
86
+ /**
87
+ * A function used to parse string value into dates.
88
+ * @deprecated No longer required.
89
+ */
90
+ dateParser?: (value: string) => T | undefined;
91
+ /**
92
+ * A function used to format dates into the preferred string format.
93
+ * @deprecated No longer required.
94
+ */
95
+ format?: (date: T) => string;
82
96
  /** Reference of the native input connected to the datepicker. */
83
97
  input?: string | HTMLElement;
84
98
  /** A configured date which acts as the current date instead of the real current date. Recommended for testing purposes. */
85
- set now(value: SbbDateLike | undefined);
86
- get now(): Date;
87
- private _now;
99
+ set now(value: SbbDateLike<T> | undefined);
100
+ get now(): T;
101
+ private _now?;
102
+ /** The currently selected date as a Date or custom date provider instance. */
103
+ set valueAsDate(value: SbbDateLike<T> | null);
104
+ get valueAsDate(): T | null;
105
+ private _valueAsDate?;
88
106
  /**
89
107
  * @deprecated only used for React. Will probably be removed once React 19 is available.
90
108
  */
@@ -97,21 +115,8 @@ export declare class SbbDatepickerElement extends LitElement {
97
115
  private _datePickerUpdated;
98
116
  /** Emits whenever the internal validation state changes. */
99
117
  private _validationChange;
100
- private get _inputElement();
101
- private set _inputElement(value);
102
- private _inputElementState;
103
- private _findInput;
104
- private _registerInputElement;
105
- /** Gets the input value with the correct date format. */
106
- getValueAsDate(): Date | undefined;
107
- /** Set the input value to the correctly formatted value. */
108
- setValueAsDate(date: SbbDateLike): void;
109
- /**
110
- * @internal
111
- * Whether a custom now is configured.
112
- */
113
- hasCustomNow(): boolean;
114
- private _onInputPropertiesChange;
118
+ private _inputElement;
119
+ private _inputElementPlaceholderMutable;
115
120
  private _datePickerController;
116
121
  private _inputObserver;
117
122
  private _dateAdapter;
@@ -121,15 +126,27 @@ export declare class SbbDatepickerElement extends LitElement {
121
126
  willUpdate(changedProperties: PropertyValues<this>): void;
122
127
  disconnectedCallback(): void;
123
128
  protected firstUpdated(changedProperties: PropertyValues<this>): void;
124
- private _parseAndFormatValue;
125
- private _createAndComposeDate;
126
- private _valueChanged;
127
- /** Applies the correct format to values and triggers event dispatch. */
128
- private _formatAndUpdateValue;
129
- /** Emits the change event. */
130
- private _emitChange;
131
- private _getValidValue;
132
- private _parse;
129
+ /**
130
+ * Gets the input value with the correct date format.
131
+ * @deprecated Use property valueAsDate instead.
132
+ */
133
+ getValueAsDate(): T | undefined;
134
+ /**
135
+ * Set the input value to the correctly formatted value.
136
+ * @deprecated Use property valueAsDate instead.
137
+ */
138
+ setValueAsDate(date: SbbDateLike<T>): void;
139
+ /**
140
+ * @internal
141
+ * Whether a custom now is configured.
142
+ */
143
+ hasCustomNow(): boolean;
144
+ private _attachInput;
145
+ private _emitInputUpdated;
146
+ private _handleInputChange;
147
+ private _tryApplyFormatToInput;
148
+ private _validateDate;
149
+ private _parseInput;
133
150
  private _format;
134
151
  private _setAriaLiveMessage;
135
152
  protected render(): TemplateResult;
@@ -1 +1 @@
1
- {"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker/datepicker.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker/datepicker.ts"],"names":[],"mappings":"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"}
@@ -5,7 +5,7 @@ import { findNextAvailableDate, SbbInputUpdateEvent } from '../datepicker.js';
5
5
  /**
6
6
  * Combined with a `sbb-datepicker`, it can be used to move the date ahead.
7
7
  */
8
- export declare class SbbDatepickerNextDayElement extends SbbDatepickerButton {
8
+ export declare class SbbDatepickerNextDayElement<T = Date> extends SbbDatepickerButton<T> {
9
9
  static styles: CSSResultGroup;
10
10
  protected iconName: string;
11
11
  protected i18nOffBoundaryDay: Record<string, string>;
@@ -1 +1 @@
1
- {"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker-next-day/datepicker-next-day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,OAAO,eAAe,CAAC;AAGvB;;GAEG;AACH,qBAIa,2BAA4B,SAAQ,mBAAmB;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA+B;IACzD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAe;IACnE,SAAS,CAAC,wBAAwB,kDAAqB;IACvD,SAAS,CAAC,iBAAiB,+BAAyB;IAEpD,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;CAMxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}
1
+ {"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker-next-day/datepicker-next-day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,OAAO,eAAe,CAAC;AAGvB;;GAEG;AACH,qBAIa,2BAA2B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC/E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA+B;IACzD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAe;IACnE,SAAS,CAAC,wBAAwB,kDAAqB;IACvD,SAAS,CAAC,iBAAiB,+BAAyB;IAEpD,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;CAMxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}
@@ -31,46 +31,35 @@ const style = css`/**
31
31
  box-sizing: border-box;
32
32
  }
33
33
 
34
- :host {
35
- display: flex;
36
- outline: none !important;
37
- }
38
-
39
34
  :host {
40
35
  display: inline-block;
41
36
  -webkit-tap-highlight-color: transparent;
42
37
  height: fit-content;
43
38
  outline: none !important;
39
+ --sbb-button-color-text: var(--sbb-color-charcoal);
44
40
  --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
45
- --sbb-button-color-default-border: var(--sbb-color-black-alpha-0);
46
- --sbb-button-color-default-text: var(--sbb-color-charcoal);
47
41
  --sbb-button-color-hover-background: var(--sbb-color-milk);
48
- --sbb-button-color-hover-border: var(--sbb-color-milk);
49
- --sbb-button-color-hover-text: var(--sbb-color-charcoal);
50
42
  --sbb-button-color-active-background: var(--sbb-color-cloud);
51
- --sbb-button-color-active-border: var(--sbb-color-cloud);
52
- --sbb-button-color-active-text: var(--sbb-color-charcoal);
53
43
  --sbb-button-color-disabled-background: var(--sbb-color-milk);
54
44
  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
55
45
  --sbb-button-color-disabled-text: var(--sbb-color-granite);
56
- --sbb-button-border-style: solid;
46
+ --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
57
47
  --sbb-button-border-disabled-style: dashed;
58
- --sbb-button-border-width: 0rem;
59
48
  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
60
49
  --sbb-button-transition-duration: var(
61
50
  --sbb-disable-animation-zero-time,
62
51
  var(--sbb-animation-duration-2x)
63
52
  );
64
53
  --sbb-button-transition-easing-function: var(--sbb-animation-easing);
65
- --sbb-button-inset: 0;
66
54
  }
67
55
  @media (forced-colors: active) {
68
56
  :host {
69
- --sbb-button-color-default-text: ButtonText !important;
70
- --sbb-button-color-default-border: CanvasText !important;
71
- --sbb-button-color-active-text: ButtonText !important;
72
- --sbb-button-color-active-border: Highlight !important;
73
- --sbb-button-color-hover-text: ButtonText !important;
57
+ --sbb-button-color-text: ButtonText !important;
58
+ --sbb-button-color-hover-background: Highlight !important;
59
+ --sbb-button-color-active-background: Highlight !important;
60
+ --sbb-button-color-disabled-background: Canvas !important;
61
+ --sbb-button-color-disabled-border: GrayText !important;
62
+ --sbb-button-color-disabled-text: GrayText !important;
74
63
  }
75
64
  }
76
65
  :host .sbb-datepicker-next-day {
@@ -79,7 +68,7 @@ const style = css`/**
79
68
  transition-timing-function: var(--sbb-button-transition-easing-function);
80
69
  transition-property: color;
81
70
  border-radius: var(--sbb-button-border-radius);
82
- color: var(--sbb-button-color-default-text);
71
+ color: var(--sbb-button-color-text);
83
72
  cursor: pointer;
84
73
  user-select: none;
85
74
  display: flex;
@@ -87,13 +76,12 @@ const style = css`/**
87
76
  :host .sbb-datepicker-next-day::before {
88
77
  position: absolute;
89
78
  content: "";
90
- inset: var(--sbb-button-inset);
91
- border: var(--sbb-button-border-width) var(--sbb-button-border-style) var(--sbb-button-color-default-border);
79
+ inset: 0;
92
80
  border-radius: var(--sbb-button-border-radius);
93
81
  background-color: var(--sbb-button-color-default-background);
94
82
  transition-duration: var(--sbb-button-transition-duration);
95
83
  transition-timing-function: var(--sbb-button-transition-easing-function);
96
- transition-property: inset, background-color, border-color;
84
+ transition-property: inset, background-color;
97
85
  }
98
86
 
99
87
  sbb-icon {
@@ -103,28 +91,15 @@ sbb-icon {
103
91
  }
104
92
 
105
93
  :host([negative]) {
94
+ --sbb-button-color-text: var(--sbb-color-milk);
106
95
  --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
107
- --sbb-button-color-default-border: var(--sbb-color-black-alpha-0);
108
- --sbb-button-color-default-text: var(--sbb-color-milk);
109
96
  --sbb-button-color-hover-background: var(--sbb-color-charcoal);
110
- --sbb-button-color-hover-border: var(--sbb-color-charcoal);
111
- --sbb-button-color-hover-text: var(--sbb-color-milk);
112
97
  --sbb-button-color-active-background: var(--sbb-color-iron);
113
- --sbb-button-color-active-border: var(--sbb-color-iron);
114
- --sbb-button-color-active-text: var(--sbb-color-milk);
115
98
  --sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);
116
99
  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
117
100
  --sbb-button-color-disabled-text: var(--sbb-color-smoke);
118
101
  }
119
102
 
120
- :host(:is([disabled], [data-disabled])) {
121
- --sbb-button-border-width: var(--sbb-border-width-1x);
122
- }
123
- @media (forced-colors: active) {
124
- :host(:is([disabled], [data-disabled])) {
125
- --sbb-button-color-disabled-text: GrayText !important;
126
- }
127
- }
128
103
  :host(:is([disabled], [data-disabled])) .sbb-datepicker-next-day {
129
104
  color: var(--sbb-button-color-disabled-text);
130
105
  cursor: default;
@@ -132,8 +107,7 @@ sbb-icon {
132
107
  }
133
108
  :host(:is([disabled], [data-disabled])) .sbb-datepicker-next-day::before {
134
109
  background-color: var(--sbb-button-color-disabled-background);
135
- border-color: var(--sbb-button-color-disabled-border);
136
- border-style: var(--sbb-button-border-disabled-style);
110
+ border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border);
137
111
  }
138
112
 
139
113
  :host(:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-datepicker-next-day::before {
@@ -146,28 +120,14 @@ sbb-icon {
146
120
  --sbb-button-translate-y-content-hover: -0.0625rem;
147
121
  }
148
122
  }
149
- @media (forced-colors: active) {
150
- :host(:not([disabled], [data-disabled], :active, [data-active]):hover) {
151
- --sbb-button-color-hover-border: Highlight !important;
152
- }
153
- }
154
123
  @media (any-hover: hover) {
155
124
  :host(:not([disabled], [data-disabled], :active, [data-active]):hover) .sbb-datepicker-next-day::before {
156
- inset: calc(var(--sbb-button-border-width) * -1);
157
125
  background-color: var(--sbb-button-color-hover-background);
158
- border-color: var(--sbb-button-color-hover-border);
159
- }
160
- }
161
- @media (any-hover: hover) {
162
- :host(:not([disabled], [data-disabled], :active, [data-active]):hover) .sbb-datepicker-next-day {
163
- color: var(--sbb-button-color-hover-text);
164
126
  }
165
127
  }
166
128
 
167
129
  :host(:not([disabled], [data-disabled]):is(:active, [data-active])) .sbb-datepicker-next-day::before {
168
- color: var(--sbb-button-color-active-text);
169
130
  background-color: var(--sbb-button-color-active-background);
170
- border-color: var(--sbb-button-color-active-border);
171
131
  }
172
132
 
173
133
  .sbb-datepicker-next-day {
@@ -209,4 +169,4 @@ SbbDatepickerNextDayElement = __decorateClass([
209
169
  export {
210
170
  SbbDatepickerNextDayElement
211
171
  };
212
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1uZXh0LWRheS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci1uZXh0LWRheS9kYXRlcGlja2VyLW5leHQtZGF5LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaTE4bk5leHREYXksIGkxOG5TZWxlY3ROZXh0RGF5IH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IFNiYkRhdGVwaWNrZXJCdXR0b24gfSBmcm9tICcuLi9jb21tb24uanMnO1xuaW1wb3J0IHsgZmluZE5leHRBdmFpbGFibGVEYXRlLCB0eXBlIFNiYklucHV0VXBkYXRlRXZlbnQgfSBmcm9tICcuLi9kYXRlcGlja2VyLmpzJztcblxuaW1wb3J0ICcuLi8uLi9pY29uLmpzJztcbmltcG9ydCBzdHlsZSBmcm9tICcuL2RhdGVwaWNrZXItbmV4dC1kYXkuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1kYXRlcGlja2VyYCwgaXQgY2FuIGJlIHVzZWQgdG8gbW92ZSB0aGUgZGF0ZSBhaGVhZC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1kYXRlcGlja2VyLW5leHQtZGF5JylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHNsb3Q6ICdzdWZmaXgnLFxufSlcbmV4cG9ydCBjbGFzcyBTYmJEYXRlcGlja2VyTmV4dERheUVsZW1lbnQgZXh0ZW5kcyBTYmJEYXRlcGlja2VyQnV0dG9uIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJvdGVjdGVkIGljb25OYW1lOiBzdHJpbmcgPSAnY2hldnJvbi1zbWFsbC1yaWdodC1zbWFsbCc7XG4gIHByb3RlY3RlZCBpMThuT2ZmQm91bmRhcnlEYXk6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSBpMThuTmV4dERheTtcbiAgcHJvdGVjdGVkIGkxOG5TZWxlY3RPZmZCb3VuZGFyeURheSA9IGkxOG5TZWxlY3ROZXh0RGF5O1xuICBwcm90ZWN0ZWQgZmluZEF2YWlsYWJsZURhdGUgPSBmaW5kTmV4dEF2YWlsYWJsZURhdGU7XG5cbiAgcHJvdGVjdGVkIG9uSW5wdXRVcGRhdGVkKGV2ZW50OiBDdXN0b21FdmVudDxTYmJJbnB1dFVwZGF0ZUV2ZW50Pik6IHZvaWQge1xuICAgIGlmICh0aGlzLmJvdW5kYXJ5ICE9PSBldmVudC5kZXRhaWwubWF4KSB7XG4gICAgICB0aGlzLmJvdW5kYXJ5ID0gZXZlbnQuZGV0YWlsLm1heCE7XG4gICAgICB0aGlzLnNldERpc2FibGVkU3RhdGUodGhpcy5kYXRlUGlja2VyRWxlbWVudCEpO1xuICAgIH1cbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWRhdGVwaWNrZXItbmV4dC1kYXknOiBTYmJEYXRlcGlja2VyTmV4dERheUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFrQmEsSUFBQSw4QkFBTixjQUEwQyxvQkFBb0I7QUFBQSxFQUE5RCxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFHTCxTQUFVLFdBQW1CO0FBQzdCLFNBQVUscUJBQTZDO0FBQ3ZELFNBQVUsMkJBQTJCO0FBQ3JDLFNBQVUsb0JBQW9CO0FBQUEsRUFBQTtBQUFBLEVBRXBCLGVBQWUsT0FBK0M7QUFDdEUsUUFBSSxLQUFLLGFBQWEsTUFBTSxPQUFPLEtBQUs7QUFDakMsV0FBQSxXQUFXLE1BQU0sT0FBTztBQUN4QixXQUFBLGlCQUFpQixLQUFLLGlCQUFrQjtBQUFBLElBQy9DO0FBQUEsRUFDRjtBQUNGO0FBZGEsNEJBQ1ksU0FBeUI7QUFEckMsOEJBQU4sZ0JBQUE7QUFBQSxFQUpOLGNBQWMseUJBQXlCO0FBQUEsRUFDdkMsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLEVBQUEsQ0FDUDtBQUFBLEdBQ1ksMkJBQUE7In0=
172
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1uZXh0LWRheS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci1uZXh0LWRheS9kYXRlcGlja2VyLW5leHQtZGF5LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaTE4bk5leHREYXksIGkxOG5TZWxlY3ROZXh0RGF5IH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IFNiYkRhdGVwaWNrZXJCdXR0b24gfSBmcm9tICcuLi9jb21tb24uanMnO1xuaW1wb3J0IHsgZmluZE5leHRBdmFpbGFibGVEYXRlLCB0eXBlIFNiYklucHV0VXBkYXRlRXZlbnQgfSBmcm9tICcuLi9kYXRlcGlja2VyLmpzJztcblxuaW1wb3J0ICcuLi8uLi9pY29uLmpzJztcbmltcG9ydCBzdHlsZSBmcm9tICcuL2RhdGVwaWNrZXItbmV4dC1kYXkuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1kYXRlcGlja2VyYCwgaXQgY2FuIGJlIHVzZWQgdG8gbW92ZSB0aGUgZGF0ZSBhaGVhZC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1kYXRlcGlja2VyLW5leHQtZGF5JylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHNsb3Q6ICdzdWZmaXgnLFxufSlcbmV4cG9ydCBjbGFzcyBTYmJEYXRlcGlja2VyTmV4dERheUVsZW1lbnQ8VCA9IERhdGU+IGV4dGVuZHMgU2JiRGF0ZXBpY2tlckJ1dHRvbjxUPiB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHByb3RlY3RlZCBpY29uTmFtZTogc3RyaW5nID0gJ2NoZXZyb24tc21hbGwtcmlnaHQtc21hbGwnO1xuICBwcm90ZWN0ZWQgaTE4bk9mZkJvdW5kYXJ5RGF5OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0gaTE4bk5leHREYXk7XG4gIHByb3RlY3RlZCBpMThuU2VsZWN0T2ZmQm91bmRhcnlEYXkgPSBpMThuU2VsZWN0TmV4dERheTtcbiAgcHJvdGVjdGVkIGZpbmRBdmFpbGFibGVEYXRlID0gZmluZE5leHRBdmFpbGFibGVEYXRlO1xuXG4gIHByb3RlY3RlZCBvbklucHV0VXBkYXRlZChldmVudDogQ3VzdG9tRXZlbnQ8U2JiSW5wdXRVcGRhdGVFdmVudD4pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5ib3VuZGFyeSAhPT0gZXZlbnQuZGV0YWlsLm1heCkge1xuICAgICAgdGhpcy5ib3VuZGFyeSA9IGV2ZW50LmRldGFpbC5tYXghO1xuICAgICAgdGhpcy5zZXREaXNhYmxlZFN0YXRlKHRoaXMuZGF0ZVBpY2tlckVsZW1lbnQhKTtcbiAgICB9XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1kYXRlcGlja2VyLW5leHQtZGF5JzogU2JiRGF0ZXBpY2tlck5leHREYXlFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFrQmEsSUFBQSw4QkFBTixjQUFvRCxvQkFBdUI7QUFBQSxFQUEzRSxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFHTCxTQUFVLFdBQW1CO0FBQzdCLFNBQVUscUJBQTZDO0FBQ3ZELFNBQVUsMkJBQTJCO0FBQ3JDLFNBQVUsb0JBQW9CO0FBQUEsRUFBQTtBQUFBLEVBRXBCLGVBQWUsT0FBK0M7QUFDdEUsUUFBSSxLQUFLLGFBQWEsTUFBTSxPQUFPLEtBQUs7QUFDakMsV0FBQSxXQUFXLE1BQU0sT0FBTztBQUN4QixXQUFBLGlCQUFpQixLQUFLLGlCQUFrQjtBQUFBLElBQy9DO0FBQUEsRUFDRjtBQUNGO0FBZGEsNEJBQ1ksU0FBeUI7QUFEckMsOEJBQU4sZ0JBQUE7QUFBQSxFQUpOLGNBQWMseUJBQXlCO0FBQUEsRUFDdkMsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLEVBQUEsQ0FDUDtBQUFBLEdBQ1ksMkJBQUE7In0=
@@ -5,7 +5,7 @@ import { findPreviousAvailableDate, SbbInputUpdateEvent } from '../datepicker.js
5
5
  /**
6
6
  * Combined with a `sbb-datepicker`, it can be used to move the date back.
7
7
  */
8
- export declare class SbbDatepickerPreviousDayElement extends SbbDatepickerButton {
8
+ export declare class SbbDatepickerPreviousDayElement<T = Date> extends SbbDatepickerButton<T> {
9
9
  static styles: CSSResultGroup;
10
10
  protected iconName: string;
11
11
  protected i18nOffBoundaryDay: Record<string, string>;
@@ -1 +1 @@
1
- {"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvF,OAAO,eAAe,CAAC;AAIvB;;GAEG;AACH,qBAIa,+BAAgC,SAAQ,mBAAmB;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA8B;IACxD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAmB;IACvE,SAAS,CAAC,wBAAwB,kDAAyB;IAC3D,SAAS,CAAC,iBAAiB,mCAA6B;IAExD,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;CAMxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}
1
+ {"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvF,OAAO,eAAe,CAAC;AAIvB;;GAEG;AACH,qBAIa,+BAA+B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACnF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA8B;IACxD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAmB;IACvE,SAAS,CAAC,wBAAwB,kDAAyB;IAC3D,SAAS,CAAC,iBAAiB,mCAA6B;IAExD,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;CAMxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}
@@ -31,46 +31,35 @@ const style = css`/**
31
31
  box-sizing: border-box;
32
32
  }
33
33
 
34
- :host {
35
- display: flex;
36
- outline: none !important;
37
- }
38
-
39
34
  :host {
40
35
  display: inline-block;
41
36
  -webkit-tap-highlight-color: transparent;
42
37
  height: fit-content;
43
38
  outline: none !important;
39
+ --sbb-button-color-text: var(--sbb-color-charcoal);
44
40
  --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
45
- --sbb-button-color-default-border: var(--sbb-color-black-alpha-0);
46
- --sbb-button-color-default-text: var(--sbb-color-charcoal);
47
41
  --sbb-button-color-hover-background: var(--sbb-color-milk);
48
- --sbb-button-color-hover-border: var(--sbb-color-milk);
49
- --sbb-button-color-hover-text: var(--sbb-color-charcoal);
50
42
  --sbb-button-color-active-background: var(--sbb-color-cloud);
51
- --sbb-button-color-active-border: var(--sbb-color-cloud);
52
- --sbb-button-color-active-text: var(--sbb-color-charcoal);
53
43
  --sbb-button-color-disabled-background: var(--sbb-color-milk);
54
44
  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
55
45
  --sbb-button-color-disabled-text: var(--sbb-color-granite);
56
- --sbb-button-border-style: solid;
46
+ --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
57
47
  --sbb-button-border-disabled-style: dashed;
58
- --sbb-button-border-width: 0rem;
59
48
  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
60
49
  --sbb-button-transition-duration: var(
61
50
  --sbb-disable-animation-zero-time,
62
51
  var(--sbb-animation-duration-2x)
63
52
  );
64
53
  --sbb-button-transition-easing-function: var(--sbb-animation-easing);
65
- --sbb-button-inset: 0;
66
54
  }
67
55
  @media (forced-colors: active) {
68
56
  :host {
69
- --sbb-button-color-default-text: ButtonText !important;
70
- --sbb-button-color-default-border: CanvasText !important;
71
- --sbb-button-color-active-text: ButtonText !important;
72
- --sbb-button-color-active-border: Highlight !important;
73
- --sbb-button-color-hover-text: ButtonText !important;
57
+ --sbb-button-color-text: ButtonText !important;
58
+ --sbb-button-color-hover-background: Highlight !important;
59
+ --sbb-button-color-active-background: Highlight !important;
60
+ --sbb-button-color-disabled-background: Canvas !important;
61
+ --sbb-button-color-disabled-border: GrayText !important;
62
+ --sbb-button-color-disabled-text: GrayText !important;
74
63
  }
75
64
  }
76
65
  :host .sbb-datepicker-previous-day {
@@ -79,7 +68,7 @@ const style = css`/**
79
68
  transition-timing-function: var(--sbb-button-transition-easing-function);
80
69
  transition-property: color;
81
70
  border-radius: var(--sbb-button-border-radius);
82
- color: var(--sbb-button-color-default-text);
71
+ color: var(--sbb-button-color-text);
83
72
  cursor: pointer;
84
73
  user-select: none;
85
74
  display: flex;
@@ -87,13 +76,12 @@ const style = css`/**
87
76
  :host .sbb-datepicker-previous-day::before {
88
77
  position: absolute;
89
78
  content: "";
90
- inset: var(--sbb-button-inset);
91
- border: var(--sbb-button-border-width) var(--sbb-button-border-style) var(--sbb-button-color-default-border);
79
+ inset: 0;
92
80
  border-radius: var(--sbb-button-border-radius);
93
81
  background-color: var(--sbb-button-color-default-background);
94
82
  transition-duration: var(--sbb-button-transition-duration);
95
83
  transition-timing-function: var(--sbb-button-transition-easing-function);
96
- transition-property: inset, background-color, border-color;
84
+ transition-property: inset, background-color;
97
85
  }
98
86
 
99
87
  sbb-icon {
@@ -103,28 +91,15 @@ sbb-icon {
103
91
  }
104
92
 
105
93
  :host([negative]) {
94
+ --sbb-button-color-text: var(--sbb-color-milk);
106
95
  --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
107
- --sbb-button-color-default-border: var(--sbb-color-black-alpha-0);
108
- --sbb-button-color-default-text: var(--sbb-color-milk);
109
96
  --sbb-button-color-hover-background: var(--sbb-color-charcoal);
110
- --sbb-button-color-hover-border: var(--sbb-color-charcoal);
111
- --sbb-button-color-hover-text: var(--sbb-color-milk);
112
97
  --sbb-button-color-active-background: var(--sbb-color-iron);
113
- --sbb-button-color-active-border: var(--sbb-color-iron);
114
- --sbb-button-color-active-text: var(--sbb-color-milk);
115
98
  --sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);
116
99
  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
117
100
  --sbb-button-color-disabled-text: var(--sbb-color-smoke);
118
101
  }
119
102
 
120
- :host(:is([disabled], [data-disabled])) {
121
- --sbb-button-border-width: var(--sbb-border-width-1x);
122
- }
123
- @media (forced-colors: active) {
124
- :host(:is([disabled], [data-disabled])) {
125
- --sbb-button-color-disabled-text: GrayText !important;
126
- }
127
- }
128
103
  :host(:is([disabled], [data-disabled])) .sbb-datepicker-previous-day {
129
104
  color: var(--sbb-button-color-disabled-text);
130
105
  cursor: default;
@@ -132,8 +107,7 @@ sbb-icon {
132
107
  }
133
108
  :host(:is([disabled], [data-disabled])) .sbb-datepicker-previous-day::before {
134
109
  background-color: var(--sbb-button-color-disabled-background);
135
- border-color: var(--sbb-button-color-disabled-border);
136
- border-style: var(--sbb-button-border-disabled-style);
110
+ border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border);
137
111
  }
138
112
 
139
113
  :host(:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-datepicker-previous-day::before {
@@ -146,28 +120,14 @@ sbb-icon {
146
120
  --sbb-button-translate-y-content-hover: -0.0625rem;
147
121
  }
148
122
  }
149
- @media (forced-colors: active) {
150
- :host(:not([disabled], [data-disabled], :active, [data-active]):hover) {
151
- --sbb-button-color-hover-border: Highlight !important;
152
- }
153
- }
154
123
  @media (any-hover: hover) {
155
124
  :host(:not([disabled], [data-disabled], :active, [data-active]):hover) .sbb-datepicker-previous-day::before {
156
- inset: calc(var(--sbb-button-border-width) * -1);
157
125
  background-color: var(--sbb-button-color-hover-background);
158
- border-color: var(--sbb-button-color-hover-border);
159
- }
160
- }
161
- @media (any-hover: hover) {
162
- :host(:not([disabled], [data-disabled], :active, [data-active]):hover) .sbb-datepicker-previous-day {
163
- color: var(--sbb-button-color-hover-text);
164
126
  }
165
127
  }
166
128
 
167
129
  :host(:not([disabled], [data-disabled]):is(:active, [data-active])) .sbb-datepicker-previous-day::before {
168
- color: var(--sbb-button-color-active-text);
169
130
  background-color: var(--sbb-button-color-active-background);
170
- border-color: var(--sbb-button-color-active-border);
171
131
  }
172
132
 
173
133
  .sbb-datepicker-previous-day {
@@ -209,4 +169,4 @@ SbbDatepickerPreviousDayElement = __decorateClass([
209
169
  export {
210
170
  SbbDatepickerPreviousDayElement
211
171
  };
212
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1wcmV2aW91cy1kYXkuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9kYXRlcGlja2VyL2RhdGVwaWNrZXItcHJldmlvdXMtZGF5L2RhdGVwaWNrZXItcHJldmlvdXMtZGF5LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaTE4blByZXZpb3VzRGF5LCBpMThuU2VsZWN0UHJldmlvdXNEYXkgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiRGF0ZXBpY2tlckJ1dHRvbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5pbXBvcnQgeyBmaW5kUHJldmlvdXNBdmFpbGFibGVEYXRlLCB0eXBlIFNiYklucHV0VXBkYXRlRXZlbnQgfSBmcm9tICcuLi9kYXRlcGlja2VyLmpzJztcbmltcG9ydCAnLi4vLi4vaWNvbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RhdGVwaWNrZXItcHJldmlvdXMtZGF5LnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBhIGBzYmItZGF0ZXBpY2tlcmAsIGl0IGNhbiBiZSB1c2VkIHRvIG1vdmUgdGhlIGRhdGUgYmFjay5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1kYXRlcGlja2VyLXByZXZpb3VzLWRheScpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICBzbG90OiAncHJlZml4Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2JiRGF0ZXBpY2tlclByZXZpb3VzRGF5RWxlbWVudCBleHRlbmRzIFNiYkRhdGVwaWNrZXJCdXR0b24ge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcm90ZWN0ZWQgaWNvbk5hbWU6IHN0cmluZyA9ICdjaGV2cm9uLXNtYWxsLWxlZnQtc21hbGwnO1xuICBwcm90ZWN0ZWQgaTE4bk9mZkJvdW5kYXJ5RGF5OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0gaTE4blByZXZpb3VzRGF5O1xuICBwcm90ZWN0ZWQgaTE4blNlbGVjdE9mZkJvdW5kYXJ5RGF5ID0gaTE4blNlbGVjdFByZXZpb3VzRGF5O1xuICBwcm90ZWN0ZWQgZmluZEF2YWlsYWJsZURhdGUgPSBmaW5kUHJldmlvdXNBdmFpbGFibGVEYXRlO1xuXG4gIHByb3RlY3RlZCBvbklucHV0VXBkYXRlZChldmVudDogQ3VzdG9tRXZlbnQ8U2JiSW5wdXRVcGRhdGVFdmVudD4pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5ib3VuZGFyeSAhPT0gZXZlbnQuZGV0YWlsLm1pbikge1xuICAgICAgdGhpcy5ib3VuZGFyeSA9IGV2ZW50LmRldGFpbC5taW4hO1xuICAgICAgdGhpcy5zZXREaXNhYmxlZFN0YXRlKHRoaXMuZGF0ZVBpY2tlckVsZW1lbnQhKTtcbiAgICB9XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1kYXRlcGlja2VyLXByZXZpb3VzLWRheSc6IFNiYkRhdGVwaWNrZXJQcmV2aW91c0RheUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFrQmEsSUFBQSxrQ0FBTixjQUE4QyxvQkFBb0I7QUFBQSxFQUFsRSxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFHTCxTQUFVLFdBQW1CO0FBQzdCLFNBQVUscUJBQTZDO0FBQ3ZELFNBQVUsMkJBQTJCO0FBQ3JDLFNBQVUsb0JBQW9CO0FBQUEsRUFBQTtBQUFBLEVBRXBCLGVBQWUsT0FBK0M7QUFDdEUsUUFBSSxLQUFLLGFBQWEsTUFBTSxPQUFPLEtBQUs7QUFDakMsV0FBQSxXQUFXLE1BQU0sT0FBTztBQUN4QixXQUFBLGlCQUFpQixLQUFLLGlCQUFrQjtBQUFBLElBQy9DO0FBQUEsRUFDRjtBQUNGO0FBZGEsZ0NBQ1ksU0FBeUI7QUFEckMsa0NBQU4sZ0JBQUE7QUFBQSxFQUpOLGNBQWMsNkJBQTZCO0FBQUEsRUFDM0MsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLEVBQUEsQ0FDUDtBQUFBLEdBQ1ksK0JBQUE7In0=
172
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1wcmV2aW91cy1kYXkuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9kYXRlcGlja2VyL2RhdGVwaWNrZXItcHJldmlvdXMtZGF5L2RhdGVwaWNrZXItcHJldmlvdXMtZGF5LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaTE4blByZXZpb3VzRGF5LCBpMThuU2VsZWN0UHJldmlvdXNEYXkgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiRGF0ZXBpY2tlckJ1dHRvbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5pbXBvcnQgeyBmaW5kUHJldmlvdXNBdmFpbGFibGVEYXRlLCB0eXBlIFNiYklucHV0VXBkYXRlRXZlbnQgfSBmcm9tICcuLi9kYXRlcGlja2VyLmpzJztcbmltcG9ydCAnLi4vLi4vaWNvbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RhdGVwaWNrZXItcHJldmlvdXMtZGF5LnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBhIGBzYmItZGF0ZXBpY2tlcmAsIGl0IGNhbiBiZSB1c2VkIHRvIG1vdmUgdGhlIGRhdGUgYmFjay5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1kYXRlcGlja2VyLXByZXZpb3VzLWRheScpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICBzbG90OiAncHJlZml4Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2JiRGF0ZXBpY2tlclByZXZpb3VzRGF5RWxlbWVudDxUID0gRGF0ZT4gZXh0ZW5kcyBTYmJEYXRlcGlja2VyQnV0dG9uPFQ+IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJvdGVjdGVkIGljb25OYW1lOiBzdHJpbmcgPSAnY2hldnJvbi1zbWFsbC1sZWZ0LXNtYWxsJztcbiAgcHJvdGVjdGVkIGkxOG5PZmZCb3VuZGFyeURheTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IGkxOG5QcmV2aW91c0RheTtcbiAgcHJvdGVjdGVkIGkxOG5TZWxlY3RPZmZCb3VuZGFyeURheSA9IGkxOG5TZWxlY3RQcmV2aW91c0RheTtcbiAgcHJvdGVjdGVkIGZpbmRBdmFpbGFibGVEYXRlID0gZmluZFByZXZpb3VzQXZhaWxhYmxlRGF0ZTtcblxuICBwcm90ZWN0ZWQgb25JbnB1dFVwZGF0ZWQoZXZlbnQ6IEN1c3RvbUV2ZW50PFNiYklucHV0VXBkYXRlRXZlbnQ+KTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYm91bmRhcnkgIT09IGV2ZW50LmRldGFpbC5taW4pIHtcbiAgICAgIHRoaXMuYm91bmRhcnkgPSBldmVudC5kZXRhaWwubWluITtcbiAgICAgIHRoaXMuc2V0RGlzYWJsZWRTdGF0ZSh0aGlzLmRhdGVQaWNrZXJFbGVtZW50ISk7XG4gICAgfVxuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGF0ZXBpY2tlci1wcmV2aW91cy1kYXknOiBTYmJEYXRlcGlja2VyUHJldmlvdXNEYXlFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFrQmEsSUFBQSxrQ0FBTixjQUF3RCxvQkFBdUI7QUFBQSxFQUEvRSxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFHTCxTQUFVLFdBQW1CO0FBQzdCLFNBQVUscUJBQTZDO0FBQ3ZELFNBQVUsMkJBQTJCO0FBQ3JDLFNBQVUsb0JBQW9CO0FBQUEsRUFBQTtBQUFBLEVBRXBCLGVBQWUsT0FBK0M7QUFDdEUsUUFBSSxLQUFLLGFBQWEsTUFBTSxPQUFPLEtBQUs7QUFDakMsV0FBQSxXQUFXLE1BQU0sT0FBTztBQUN4QixXQUFBLGlCQUFpQixLQUFLLGlCQUFrQjtBQUFBLElBQy9DO0FBQUEsRUFDRjtBQUNGO0FBZGEsZ0NBQ1ksU0FBeUI7QUFEckMsa0NBQU4sZ0JBQUE7QUFBQSxFQUpOLGNBQWMsNkJBQTZCO0FBQUEsRUFDM0MsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLEVBQUEsQ0FDUDtBQUFBLEdBQ1ksK0JBQUE7In0=
@@ -5,7 +5,7 @@ declare const SbbDatepickerToggleElement_base: import('../../core/mixins.js').Ab
5
5
  /**
6
6
  * Combined with a `sbb-datepicker`, it can be used to select a date from a `sbb-calendar`.
7
7
  */
8
- export declare class SbbDatepickerToggleElement extends SbbDatepickerToggleElement_base {
8
+ export declare class SbbDatepickerToggleElement<T = Date> extends SbbDatepickerToggleElement_base {
9
9
  static styles: CSSResultGroup;
10
10
  /** Datepicker reference. */
11
11
  datePicker?: string | SbbDatepickerElement;
@@ -1 +1 @@
1
- {"version":3,"file":"datepicker-toggle.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker-toggle/datepicker-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAkB,UAAU,EAAW,MAAM,KAAK,CAAC;AAW1D,OAAO,KAAK,EAAE,oBAAoB,EAAuB,MAAM,kBAAkB,CAAC;AAKlF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;;AAE1B;;GAEG;AACH,qBAIa,0BAA2B,SAAQ,+BAA+C;IAC7F,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4BAA4B;IACmB,UAAU,CAAC,EAAE,MAAM,GAAG,oBAAoB,CAAC;IAEjF,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,IAAI,CAA4C;IAExD,OAAO,CAAC,IAAI,CAA4C;IAExD,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,CAAC,kBAAkB,CAA0C;IAEpE,OAAO,CAAC,gBAAgB,CAAsB;IAE9C,OAAO,CAAC,eAAe,CAA4B;IAEnD,OAAO,CAAC,eAAe,CAAqB;IAE5C,OAAO,CAAC,qBAAqB,CAAmB;IAEhD,OAAO,CAAC,SAAS,CAAmC;;IASpD;;OAEG;IACI,IAAI,IAAI,IAAI;IAOH,iBAAiB,IAAI,IAAI;IAYzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQzD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,KAAK;IAyCb,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,eAAe;cAiBJ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMzE,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAsC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
1
+ {"version":3,"file":"datepicker-toggle.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker-toggle/datepicker-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAkB,UAAU,EAAW,MAAM,KAAK,CAAC;AAW1D,OAAO,KAAK,EAAE,oBAAoB,EAAuB,MAAM,kBAAkB,CAAC;AAKlF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;;AAE1B;;GAEG;AACH,qBAIa,0BAA0B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,+BAEzD;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4BAA4B;IACmB,UAAU,CAAC,EAAE,MAAM,GAAG,oBAAoB,CAAC;IAEjF,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,IAAI,CAA4C;IAExD,OAAO,CAAC,IAAI,CAA4C;IAExD,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,CAAC,kBAAkB,CAA6C;IAEvE,OAAO,CAAC,gBAAgB,CAAyB;IAEjD,OAAO,CAAC,eAAe,CAA4B;IAEnD,OAAO,CAAC,eAAe,CAAqB;IAE5C,OAAO,CAAC,qBAAqB,CAAmB;IAEhD,OAAO,CAAC,SAAS,CAAmC;;IASpD;;OAEG;IACI,IAAI,IAAI,IAAI;IAOH,iBAAiB,IAAI,IAAI;IAYzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQzD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,KAAK;IAyCb,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,eAAe;cAgBJ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMzE,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAyC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}