@sbb-esta/lyne-elements 1.2.1 → 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 (231) hide show
  1. package/button/common/button-common.d.ts.map +1 -1
  2. package/button/common.js +20 -20
  3. package/button/mini-button/mini-button.d.ts +0 -1
  4. package/button/mini-button/mini-button.d.ts.map +1 -1
  5. package/button/mini-button.js +16 -18
  6. package/calendar/calendar.d.ts.map +1 -1
  7. package/calendar.js +22 -20
  8. package/checkbox/checkbox/checkbox.d.ts +0 -1
  9. package/checkbox/checkbox/checkbox.d.ts.map +1 -1
  10. package/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
  11. package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  12. package/checkbox/checkbox-group.js +5 -3
  13. package/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
  14. package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  15. package/checkbox/checkbox-panel.js +12 -11
  16. package/checkbox/checkbox.js +12 -11
  17. package/core/datetime/date-adapter.d.ts +23 -13
  18. package/core/datetime/date-adapter.d.ts.map +1 -1
  19. package/core/datetime/native-date-adapter.d.ts +0 -1
  20. package/core/datetime/native-date-adapter.d.ts.map +1 -1
  21. package/core/datetime.js +23 -23
  22. package/core/decorators/host-attributes.d.ts +1 -1
  23. package/core/decorators/slot-state.d.ts +18 -0
  24. package/core/decorators/slot-state.d.ts.map +1 -0
  25. package/core/decorators.d.ts +1 -0
  26. package/core/decorators.d.ts.map +1 -1
  27. package/core/decorators.js +15 -9
  28. package/core/styles/mixins/buttons.scss +15 -48
  29. package/custom-elements.json +463 -302
  30. package/datepicker/common/datepicker-button.d.ts +5 -5
  31. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  32. package/datepicker/common.js +21 -20
  33. package/datepicker/datepicker/datepicker.d.ts +55 -38
  34. package/datepicker/datepicker/datepicker.d.ts.map +1 -1
  35. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
  36. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  37. package/datepicker/datepicker-next-day.js +16 -16
  38. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
  39. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  40. package/datepicker/datepicker-previous-day.js +14 -14
  41. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
  42. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  43. package/datepicker/datepicker-toggle.js +25 -23
  44. package/datepicker/datepicker.js +147 -181
  45. package/development/button/common/button-common.d.ts.map +1 -1
  46. package/development/button/common.js +30 -25
  47. package/development/button/mini-button/mini-button.d.ts +0 -1
  48. package/development/button/mini-button/mini-button.d.ts.map +1 -1
  49. package/development/button/mini-button.js +17 -55
  50. package/development/calendar/calendar.d.ts.map +1 -1
  51. package/development/calendar.js +4 -2
  52. package/development/checkbox/checkbox/checkbox.d.ts +0 -1
  53. package/development/checkbox/checkbox/checkbox.d.ts.map +1 -1
  54. package/development/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
  55. package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  56. package/development/checkbox/checkbox-group.js +6 -5
  57. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
  58. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  59. package/development/checkbox/checkbox-panel.js +5 -5
  60. package/development/checkbox/checkbox.js +5 -5
  61. package/development/core/datetime/date-adapter.d.ts +23 -13
  62. package/development/core/datetime/date-adapter.d.ts.map +1 -1
  63. package/development/core/datetime/native-date-adapter.d.ts +0 -1
  64. package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
  65. package/development/core/datetime.js +28 -26
  66. package/development/core/decorators/host-attributes.d.ts +1 -1
  67. package/development/core/decorators/slot-state.d.ts +18 -0
  68. package/development/core/decorators/slot-state.d.ts.map +1 -0
  69. package/development/core/decorators.d.ts +1 -0
  70. package/development/core/decorators.d.ts.map +1 -1
  71. package/development/core/decorators.js +11 -2
  72. package/development/datepicker/common/datepicker-button.d.ts +5 -5
  73. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  74. package/development/datepicker/common.js +10 -9
  75. package/development/datepicker/datepicker/datepicker.d.ts +55 -38
  76. package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
  77. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
  78. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  79. package/development/datepicker/datepicker-next-day.js +14 -54
  80. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
  81. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  82. package/development/datepicker/datepicker-previous-day.js +14 -54
  83. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
  84. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  85. package/development/datepicker/datepicker-toggle.js +16 -10
  86. package/development/datepicker/datepicker.js +134 -159
  87. package/development/dialog/dialog.js +1 -1
  88. package/development/file-selector/file-selector.d.ts +0 -1
  89. package/development/file-selector/file-selector.d.ts.map +1 -1
  90. package/development/file-selector.js +6 -5
  91. package/development/form-field/form-field/form-field.d.ts +1 -2
  92. package/development/form-field/form-field/form-field.d.ts.map +1 -1
  93. package/development/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  94. package/development/form-field/form-field-clear.js +15 -51
  95. package/development/form-field/form-field.js +8 -7
  96. package/development/link/common/link-common.d.ts.map +1 -1
  97. package/development/link/common.js +6 -7
  98. package/development/link-list/link-list.d.ts +0 -1
  99. package/development/link-list/link-list.d.ts.map +1 -1
  100. package/development/link-list.js +5 -5
  101. package/development/map-container.js +5 -2
  102. package/development/navigation/navigation-list/navigation-list.d.ts +0 -1
  103. package/development/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  104. package/development/navigation/navigation-list.js +5 -5
  105. package/development/navigation/navigation-section/navigation-section.d.ts +0 -1
  106. package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  107. package/development/navigation/navigation-section.js +6 -6
  108. package/development/notification/notification.d.ts +5 -16
  109. package/development/notification/notification.d.ts.map +1 -1
  110. package/development/notification.js +8 -9
  111. package/development/option/option/option.d.ts.map +1 -1
  112. package/development/option/option.js +5 -5
  113. package/development/popover/popover/popover.d.ts +3 -1
  114. package/development/popover/popover/popover.d.ts.map +1 -1
  115. package/development/popover/popover-trigger.js +14 -49
  116. package/development/popover/popover.js +11 -4
  117. package/development/radio-button/radio-button/radio-button.d.ts +0 -1
  118. package/development/radio-button/radio-button/radio-button.d.ts.map +1 -1
  119. package/development/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
  120. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  121. package/development/radio-button/radio-button-group.js +6 -6
  122. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +0 -1
  123. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  124. package/development/radio-button/radio-button-panel.js +4 -7
  125. package/development/radio-button/radio-button.js +4 -7
  126. package/development/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
  127. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  128. package/development/selection-expansion-panel.js +6 -5
  129. package/development/skiplink-list/skiplink-list.d.ts +0 -1
  130. package/development/skiplink-list/skiplink-list.d.ts.map +1 -1
  131. package/development/skiplink-list.js +5 -5
  132. package/development/status/status.d.ts +0 -1
  133. package/development/status/status.d.ts.map +1 -1
  134. package/development/status.js +5 -5
  135. package/development/stepper/stepper/stepper.d.ts +3 -1
  136. package/development/stepper/stepper/stepper.d.ts.map +1 -1
  137. package/development/stepper/stepper.js +3 -2
  138. package/development/tabs/tab-group/tab-group.d.ts +3 -1
  139. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  140. package/development/tabs/tab-group.js +3 -2
  141. package/development/tabs/tab-label/tab-label.d.ts +0 -1
  142. package/development/tabs/tab-label/tab-label.d.ts.map +1 -1
  143. package/development/tabs/tab-label.js +5 -5
  144. package/development/tag/tag/tag.d.ts +0 -1
  145. package/development/tag/tag/tag.d.ts.map +1 -1
  146. package/development/tag/tag.js +6 -5
  147. package/development/teaser/teaser.d.ts +0 -1
  148. package/development/teaser/teaser.d.ts.map +1 -1
  149. package/development/teaser.js +5 -5
  150. package/development/toast/toast.d.ts +1 -2
  151. package/development/toast/toast.d.ts.map +1 -1
  152. package/development/toast.js +10 -8
  153. package/development/toggle/toggle-option/toggle-option.d.ts +0 -1
  154. package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  155. package/development/toggle/toggle-option.js +6 -6
  156. package/development/toggle-check/toggle-check.d.ts +0 -1
  157. package/development/toggle-check/toggle-check.d.ts.map +1 -1
  158. package/development/toggle-check.js +5 -5
  159. package/dialog/dialog.js +1 -1
  160. package/file-selector/file-selector.d.ts +0 -1
  161. package/file-selector/file-selector.d.ts.map +1 -1
  162. package/file-selector.js +17 -15
  163. package/form-field/form-field/form-field.d.ts +1 -2
  164. package/form-field/form-field/form-field.d.ts.map +1 -1
  165. package/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  166. package/form-field/form-field-clear.js +17 -18
  167. package/form-field/form-field.js +16 -14
  168. package/link/common/link-common.d.ts.map +1 -1
  169. package/link/common.js +9 -9
  170. package/link-list/link-list.d.ts +0 -1
  171. package/link-list/link-list.d.ts.map +1 -1
  172. package/link-list.js +8 -7
  173. package/map-container.js +1 -1
  174. package/navigation/navigation-list/navigation-list.d.ts +0 -1
  175. package/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  176. package/navigation/navigation-list.js +9 -8
  177. package/navigation/navigation-section/navigation-section.d.ts +0 -1
  178. package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  179. package/navigation/navigation-section.js +10 -9
  180. package/notification/notification.d.ts +5 -16
  181. package/notification/notification.d.ts.map +1 -1
  182. package/notification.js +9 -9
  183. package/option/option/option.d.ts.map +1 -1
  184. package/option/option.js +6 -5
  185. package/package.json +1 -1
  186. package/popover/popover/popover.d.ts +3 -1
  187. package/popover/popover/popover.d.ts.map +1 -1
  188. package/popover/popover-trigger.js +13 -13
  189. package/popover/popover.js +55 -48
  190. package/radio-button/radio-button/radio-button.d.ts +0 -1
  191. package/radio-button/radio-button/radio-button.d.ts.map +1 -1
  192. package/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
  193. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  194. package/radio-button/radio-button-group.js +7 -6
  195. package/radio-button/radio-button-panel/radio-button-panel.d.ts +0 -1
  196. package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  197. package/radio-button/radio-button-panel.js +12 -14
  198. package/radio-button/radio-button.js +7 -9
  199. package/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
  200. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  201. package/selection-expansion-panel.js +15 -13
  202. package/skiplink-list/skiplink-list.d.ts +0 -1
  203. package/skiplink-list/skiplink-list.d.ts.map +1 -1
  204. package/skiplink-list.js +4 -3
  205. package/status/status.d.ts +0 -1
  206. package/status/status.d.ts.map +1 -1
  207. package/status.js +9 -8
  208. package/stepper/stepper/stepper.d.ts +3 -1
  209. package/stepper/stepper/stepper.d.ts.map +1 -1
  210. package/stepper/stepper.js +7 -6
  211. package/tabs/tab-group/tab-group.d.ts +3 -1
  212. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  213. package/tabs/tab-group.js +14 -13
  214. package/tabs/tab-label/tab-label.d.ts +0 -1
  215. package/tabs/tab-label/tab-label.d.ts.map +1 -1
  216. package/tabs/tab-label.js +4 -3
  217. package/tag/tag/tag.d.ts +0 -1
  218. package/tag/tag/tag.d.ts.map +1 -1
  219. package/tag/tag.js +6 -4
  220. package/teaser/teaser.d.ts +0 -1
  221. package/teaser/teaser.d.ts.map +1 -1
  222. package/teaser.js +4 -3
  223. package/toast/toast.d.ts +1 -2
  224. package/toast/toast.d.ts.map +1 -1
  225. package/toast.js +15 -12
  226. package/toggle/toggle-option/toggle-option.d.ts +0 -1
  227. package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  228. package/toggle/toggle-option.js +12 -11
  229. package/toggle-check/toggle-check.d.ts +0 -1
  230. package/toggle-check/toggle-check.d.ts.map +1 -1
  231. package/toggle-check.js +4 -3
@@ -30,12 +30,13 @@ export declare abstract class DateAdapter<T = any> {
30
30
  * @param date
31
31
  */
32
32
  abstract getDayOfWeek(date: T): number;
33
+ /** Get the first day of the week (0: sunday; 1: monday; etc.). */
33
34
  abstract getFirstDayOfWeek(): number;
34
35
  /**
35
36
  * Get the number of days in a month.
36
37
  * @param year
37
38
  * @param month
38
- * */
39
+ */
39
40
  abstract getNumDaysInMonth(date: T): number;
40
41
  /**
41
42
  * Get a list of all the months in a given style.
@@ -54,18 +55,19 @@ export declare abstract class DateAdapter<T = any> {
54
55
  /**
55
56
  * Checks whether a given `date` is valid.
56
57
  * @param date
57
- * */
58
+ */
58
59
  abstract isValid(date: T | null | undefined): boolean;
59
- /** Creates a new date by cloning the given one.
60
+ /**
61
+ * Creates a new date by cloning the given one.
60
62
  * @param date
61
- * */
63
+ */
62
64
  abstract clone(date: T): T;
63
65
  /**
64
66
  * Creates a new date, given day, month and year; without date's overflow.
65
67
  * @param year
66
68
  * @param month The month of the date (1-indexed, 1 = January). Must be an integer 1 - 12.
67
69
  * @param date
68
- * */
70
+ */
69
71
  abstract createDate(year: number, month: number, date: number): T;
70
72
  /**
71
73
  * Attempts to deserialize a value to a valid date object. This is different from parsing in that
@@ -74,7 +76,7 @@ export declare abstract class DateAdapter<T = any> {
74
76
  * the given value is already a valid date object or null.
75
77
  * @param value Either Date, ISOString, Unix Timestamp (number of seconds since Jan 1, 1970).
76
78
  * @returns The date if the input is valid, `null` otherwise.
77
- * */
79
+ */
78
80
  deserialize(value: T | string | number | null | undefined): T | null;
79
81
  /**
80
82
  * Creates a new date adding the number of provided `years` to the provided `date`.
@@ -90,26 +92,33 @@ export declare abstract class DateAdapter<T = any> {
90
92
  * @param months The number of months to add.
91
93
  */
92
94
  abstract addCalendarMonths(date: T, months: number): T;
93
- /** Creates a new date by adding the number of provided `days` to the provided `date`.
95
+ /**
96
+ * Creates a new date by adding the number of provided `days` to the provided `date`.
94
97
  * @param date The starting date.
95
98
  * @param days The number of days to add.
96
99
  */
97
100
  abstract addCalendarDays(date: T, days: number): T;
98
- /** Get the date in the local format.
101
+ /**
102
+ * Get the date in the local format.
99
103
  * @param date The date to format
100
104
  * @returns The `date` in the local format as string.
101
105
  */
102
106
  abstract getAccessibilityFormatDate(date: T | string): string;
103
- /** Get the given string as Date.
107
+ /**
108
+ * Get the given string as Date.
104
109
  * @param value The date in the format DD.MM.YYYY.
105
110
  * @param now The current date as Date.
106
111
  */
107
112
  abstract parse(value: string | null | undefined, now: T): T | undefined;
108
- /** Format the given Date as string.
113
+ /**
114
+ * Format the given date as string.
109
115
  * @param date The date to format.
110
116
  */
111
- abstract format(date: T | null | undefined): string;
112
- /** Checks whether the given `obj` is a Date.
117
+ format(date: T | null | undefined, options?: {
118
+ weekdayStyle?: 'long' | 'short' | 'narrow';
119
+ }): string;
120
+ /**
121
+ * Checks whether the given `obj` is a Date.
113
122
  * @param obj The object to check.
114
123
  */
115
124
  abstract isDateInstance(obj: any): boolean;
@@ -118,7 +127,8 @@ export declare abstract class DateAdapter<T = any> {
118
127
  * @returns An invalid date.
119
128
  */
120
129
  abstract invalid(): T;
121
- /** Get the given date as ISO String.
130
+ /**
131
+ * Get the given date as ISO String.
122
132
  * @param date The date to convert to ISO String.
123
133
  */
124
134
  toIso8601(date: T): string;
@@ -1 +1 @@
1
- {"version":3,"file":"date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/date-adapter.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,EAAE,MAAU,CAAC;AACtC,eAAO,MAAM,cAAc,EAAE,MAAU,CAAC;AACxC,eAAO,MAAM,aAAa,EAAE,MAAU,CAAC;AACvC,eAAO,MAAM,cAAc,EAAE,MAAW,CAAC;AACzC,eAAO,MAAM,WAAW,QACgE,CAAC;AAEzF;;;;GAIG;AACH,8BAAsB,WAAW,CAAC,CAAC,GAAG,GAAG;IACvC;;;OAGG;aACa,OAAO,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM;IAExC;;;;OAIG;aACa,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM;IAEzC;;;OAGG;aACa,OAAO,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM;IAExC;;;OAGG;aACa,YAAY,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM;aAG7B,iBAAiB,IAAI,MAAM;IAE3C;;;;SAIK;aACW,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM;IAElD;;;OAGG;aACa,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAE3E,6FAA6F;aAC7E,YAAY,IAAI,MAAM,EAAE;IAExC;;;OAGG;aACa,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAE/E,4BAA4B;aACZ,KAAK,IAAI,CAAC;IAE1B;;;SAGK;aACW,OAAO,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO;IAE5D;;SAEK;aACW,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC;IAEjC;;;;;SAKK;aACW,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;IAExE;;;;;;;SAOK;IACE,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI;IAU3E;;;;OAIG;aACa,gBAAgB,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;IAE3D;;;;;;OAMG;aACa,iBAAiB,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;IAE7D;;;OAGG;aACa,eAAe,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;IAEzD;;;OAGG;aACa,0BAA0B,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM;IAEpE;;;OAGG;aACa,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS;IAE9E;;OAEG;aACa,MAAM,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM;IAE1D;;OAEG;aACa,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO;IAEjD;;;OAGG;aACa,OAAO,IAAI,CAAC;IAE5B;;OAEG;IACI,SAAS,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM;IAKjC;;;;;OAKG;IACI,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,GAAG,IAAI;IAInD;;OAEG;IACI,kBAAkB,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM;IAO1C;;;;;;OAMG;IACI,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,MAAM;IAQ/C;;;;;;OAMG;IACI,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,GAAG,OAAO;IAY3D;;;;;;;OAOG;IACI,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC;CAS7D"}
1
+ {"version":3,"file":"date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/date-adapter.ts"],"names":[],"mappings":"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"}
@@ -59,7 +59,6 @@ export declare class NativeDateAdapter extends DateAdapter<Date> {
59
59
  deserialize(date: SbbDateLike | null | undefined): Date | null;
60
60
  /** Returns the right format for the `valueAsDate` property. */
61
61
  parse(value: string | null | undefined, now: Date): Date | undefined;
62
- format(value: Date | null | undefined): string;
63
62
  invalid(): Date;
64
63
  /**
65
64
  * Creates an array with the given length and fills it by mapping with the provided function.
@@ -1 +1 @@
1
- {"version":3,"file":"native-date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/native-date-adapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAC;AAU7D,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACtD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;gBAExB,gBAAgB,GAAE,MAAW;IAKhD,uCAAuC;IAChC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,wCAAwC;IACjC,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAInC,sCAAsC;IAC/B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,kDAAkD;IAC3C,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIvC,yCAAyC;IAClC,0BAA0B,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM;IAS9D;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAKlE,iGAAiG;IAC1F,YAAY,IAAI,MAAM,EAAE;IAK/B;;;;OAIG;IACI,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAM/D,iBAAiB,IAAI,MAAM;IAIlC,6EAA6E;IACtE,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAI5C,4BAA4B;IACrB,KAAK,IAAI,IAAI;IAIpB,+FAA+F;IACxF,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAmBlE,gDAAgD;IACzC,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO;IAIxC,uDAAuD;IAChD,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO;IAItD,mDAAmD;IAC5C,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAI9B;;;;OAIG;IACI,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIxD;;;;OAIG;IACI,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ1D,yFAAyF;IAClF,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAKtD,6EAA6E;IAC7D,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;IAkB9E,+DAA+D;IACxD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS;IA4BpE,MAAM,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM;IAoBrC,OAAO,IAAI,IAAI;IAI/B;;;;OAIG;IACH,OAAO,CAAC,MAAM;IAQd,gEAAgE;IAChE,OAAO,CAAC,uBAAuB;CAShC;AAED,eAAO,MAAM,kBAAkB,mBAA0B,CAAC"}
1
+ {"version":3,"file":"native-date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/native-date-adapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAC;AAU7D,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACtD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;gBAExB,gBAAgB,GAAE,MAAW;IAKhD,uCAAuC;IAChC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,wCAAwC;IACjC,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAInC,sCAAsC;IAC/B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,kDAAkD;IAC3C,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIvC,yCAAyC;IAClC,0BAA0B,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM;IAS9D;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAKlE,iGAAiG;IAC1F,YAAY,IAAI,MAAM,EAAE;IAK/B;;;;OAIG;IACI,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAM/D,iBAAiB,IAAI,MAAM;IAIlC,6EAA6E;IACtE,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAI5C,4BAA4B;IACrB,KAAK,IAAI,IAAI;IAIpB,+FAA+F;IACxF,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAmBlE,gDAAgD;IACzC,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO;IAIxC,uDAAuD;IAChD,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO;IAItD,mDAAmD;IAC5C,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAI9B;;;;OAIG;IACI,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIxD;;;;OAIG;IACI,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ1D,yFAAyF;IAClF,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAKtD,6EAA6E;IAC7D,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;IAkB9E,+DAA+D;IACxD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS;IA4B3D,OAAO,IAAI,IAAI;IAI/B;;;;OAIG;IACH,OAAO,CAAC,MAAM;IAId,gEAAgE;IAChE,OAAO,CAAC,uBAAuB;CAShC;AAED,eAAO,MAAM,kBAAkB,mBAA0B,CAAC"}
package/core/datetime.js CHANGED
@@ -8,11 +8,27 @@ class l {
8
8
  * the given value is already a valid date object or null.
9
9
  * @param value Either Date, ISOString, Unix Timestamp (number of seconds since Jan 1, 1970).
10
10
  * @returns The date if the input is valid, `null` otherwise.
11
- * */
11
+ */
12
12
  deserialize(t) {
13
13
  return t == null || this.isDateInstance(t) && this.isValid(t) ? t : this.invalid();
14
14
  }
15
- /** Get the given date as ISO String.
15
+ /**
16
+ * Format the given date as string.
17
+ * @param date The date to format.
18
+ */
19
+ format(t, e) {
20
+ if (!this.isValid(t))
21
+ return "";
22
+ const r = /* @__PURE__ */ new Date(this.toIso8601(t) + "T00:00:00"), a = new Intl.DateTimeFormat("de-CH", {
23
+ day: "2-digit",
24
+ month: "2-digit",
25
+ year: "numeric"
26
+ }), n = (e == null ? void 0 : e.weekdayStyle) ?? "short";
27
+ let s = this.getDayOfWeekNames(n)[this.getDayOfWeek(t)];
28
+ return s = s.charAt(0).toUpperCase() + s.substring(1), n === "short" && (s = s.substring(0, 2)), `${s}, ${a.format(r)}`;
29
+ }
30
+ /**
31
+ * Get the given date as ISO String.
16
32
  * @param date The date to convert to ISO String.
17
33
  */
18
34
  toIso8601(t) {
@@ -72,7 +88,7 @@ class l {
72
88
  }
73
89
  }
74
90
  const D = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;
75
- class c extends l {
91
+ class g extends l {
76
92
  constructor(t = 15) {
77
93
  super(), this._cutoffYearOffset = t;
78
94
  }
@@ -187,7 +203,7 @@ class c extends l {
187
203
  if (t)
188
204
  if (Number.isNaN(+t)) {
189
205
  if (D.test(t))
190
- return this.getValidDateOrNull(new Date(t));
206
+ return this.getValidDateOrNull(new Date(t.includes("T") ? t : t + "T00:00:00"));
191
207
  } else return this.getValidDateOrNull(new Date(+t * 1e3));
192
208
  else return null;
193
209
  else if (typeof t == "number")
@@ -208,19 +224,6 @@ class c extends l {
208
224
  }
209
225
  return new Date(n, +a[2] - 1, +a[1]);
210
226
  }
211
- format(t) {
212
- if (!t)
213
- return "";
214
- const e = `${i.current}-CH`, r = new Intl.DateTimeFormat("de-CH", {
215
- day: "2-digit",
216
- month: "2-digit",
217
- year: "numeric"
218
- });
219
- let n = new Intl.DateTimeFormat(e, {
220
- weekday: "short"
221
- }).format(t);
222
- return n = n.charAt(0).toUpperCase() + n.charAt(1), `${n}, ${r.format(t)}`;
223
- }
224
227
  invalid() {
225
228
  return /* @__PURE__ */ new Date(NaN);
226
229
  }
@@ -230,10 +233,7 @@ class c extends l {
230
233
  * @param valueFunction The function of array's index used to fill the array.
231
234
  */
232
235
  _range(t, e) {
233
- const r = Array(t);
234
- for (let a = 0; a < t; a++)
235
- r[a] = e(a);
236
- return r;
236
+ return Array.from({ length: t }).map((r, a) => e(a));
237
237
  }
238
238
  /** Creates a date but allows the month and date to overflow. */
239
239
  _createDateWithOverflow(t, e, r) {
@@ -241,13 +241,13 @@ class c extends l {
241
241
  return t >= 0 && t < 100 && a.setFullYear(this.getYear(a) - 1900), a;
242
242
  }
243
243
  }
244
- const w = new c();
244
+ const w = new g();
245
245
  export {
246
246
  o as DAYS_PER_ROW,
247
247
  l as DateAdapter,
248
248
  u as FORMAT_DATE,
249
249
  f as MONTHS_PER_ROW,
250
- c as NativeDateAdapter,
250
+ g as NativeDateAdapter,
251
251
  d as YEARS_PER_PAGE,
252
252
  m as YEARS_PER_ROW,
253
253
  w as defaultDateAdapter
@@ -8,10 +8,10 @@ import { AbstractConstructor } from '../mixins.js';
8
8
  *
9
9
  * @example
10
10
  *
11
+ * @customElement('my-element)
11
12
  * @hostAttributes({
12
13
  * role: 'region'
13
14
  * })
14
- * @customElement('my-element)
15
15
  * export class MyElement extends LitElement {
16
16
  * ...
17
17
  * }
@@ -0,0 +1,18 @@
1
+ import { ReactiveElement } from 'lit';
2
+ import { AbstractConstructor } from '../mixins.js';
3
+
4
+ /**
5
+ * Adds the {@link SbbSlotStateController} to the related element.
6
+ *
7
+ * @example
8
+ *
9
+ * @customElement('my-element)
10
+ * @slotState()
11
+ * export class MyElement extends LitElement {
12
+ * ...
13
+ * }
14
+ *
15
+ * @param attributes A record of attributes to apply to the element.
16
+ */
17
+ export declare const slotState: () => (target: AbstractConstructor<ReactiveElement>) => void;
18
+ //# sourceMappingURL=slot-state.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slot-state.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/decorators/slot-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,iBAAkB,mBAAmB,CAAC,eAAe,CAAC,SAM3E,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from './decorators/host-attributes.js';
2
+ export * from './decorators/slot-state.js';
2
3
  //# sourceMappingURL=decorators.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/elements/core/decorators.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}
1
+ {"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/elements/core/decorators.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC"}
@@ -1,18 +1,24 @@
1
1
  import { isServer as i } from "lit";
2
- function l(o, t) {
3
- for (const [e, r] of Object.entries(t))
4
- r ? o.setAttribute(e, r) : o.toggleAttribute(e, r !== null);
2
+ import { SbbSlotStateController as d } from "./controllers.js";
3
+ function l(o, e) {
4
+ for (const [t, r] of Object.entries(e))
5
+ r ? o.setAttribute(t, r) : o.toggleAttribute(t, r !== null);
5
6
  }
6
- const f = (o) => (t) => t.addInitializer((e) => {
7
- i ? l(e, o) : e.addController({
7
+ const m = (o) => (e) => e.addInitializer((t) => {
8
+ i ? l(t, o) : t.addController({
8
9
  hostConnected() {
9
- l(e, o), e.removeController(this);
10
+ l(t, o), t.removeController(this);
10
11
  },
11
12
  hostUpdate() {
12
- l(e, o), e.removeController(this);
13
+ l(t, o), t.removeController(this);
13
14
  }
14
15
  });
15
- });
16
+ }), p = () => (o) => {
17
+ i || o.addInitializer(
18
+ (e) => new d(e)
19
+ );
20
+ };
16
21
  export {
17
- f as hostAttributes
22
+ m as hostAttributes,
23
+ p as slotState
18
24
  };
@@ -48,49 +48,38 @@
48
48
 
49
49
  // Variables used in the icon-button
50
50
  @mixin icon-button-variables {
51
+ --sbb-button-color-text: var(--sbb-color-charcoal);
51
52
  --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
52
- --sbb-button-color-default-border: var(--sbb-color-black-alpha-0);
53
- --sbb-button-color-default-text: var(--sbb-color-charcoal);
54
53
  --sbb-button-color-hover-background: var(--sbb-color-milk);
55
- --sbb-button-color-hover-border: var(--sbb-color-milk);
56
- --sbb-button-color-hover-text: var(--sbb-color-charcoal);
57
54
  --sbb-button-color-active-background: var(--sbb-color-cloud);
58
- --sbb-button-color-active-border: var(--sbb-color-cloud);
59
- --sbb-button-color-active-text: var(--sbb-color-charcoal);
60
55
  --sbb-button-color-disabled-background: var(--sbb-color-milk);
61
56
  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
62
57
  --sbb-button-color-disabled-text: var(--sbb-color-granite);
63
- --sbb-button-border-style: solid;
58
+ --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
64
59
  --sbb-button-border-disabled-style: dashed;
65
- --sbb-button-border-width: #{functions.px-to-rem-build(0)};
66
60
  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
67
61
  --sbb-button-transition-duration: var(
68
62
  --sbb-disable-animation-zero-time,
69
63
  var(--sbb-animation-duration-2x)
70
64
  );
71
65
  --sbb-button-transition-easing-function: var(--sbb-animation-easing);
72
- --sbb-button-inset: 0;
73
66
 
74
67
  @include a11y.if-forced-colors {
75
- --sbb-button-color-default-text: ButtonText !important;
76
- --sbb-button-color-default-border: CanvasText !important;
77
- --sbb-button-color-active-text: ButtonText !important;
78
- --sbb-button-color-active-border: Highlight !important;
79
- --sbb-button-color-hover-text: ButtonText !important;
68
+ --sbb-button-color-text: ButtonText !important;
69
+ --sbb-button-color-hover-background: Highlight !important;
70
+ --sbb-button-color-active-background: Highlight !important;
71
+ --sbb-button-color-disabled-background: Canvas !important;
72
+ --sbb-button-color-disabled-border: GrayText !important;
73
+ --sbb-button-color-disabled-text: GrayText !important;
80
74
  }
81
75
  }
82
76
 
83
77
  // Variables used in the icon-button negative variant
84
78
  @mixin icon-button-variables-negative {
79
+ --sbb-button-color-text: var(--sbb-color-milk);
85
80
  --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
86
- --sbb-button-color-default-border: var(--sbb-color-black-alpha-0);
87
- --sbb-button-color-default-text: var(--sbb-color-milk);
88
81
  --sbb-button-color-hover-background: var(--sbb-color-charcoal);
89
- --sbb-button-color-hover-border: var(--sbb-color-charcoal);
90
- --sbb-button-color-hover-text: var(--sbb-color-milk);
91
82
  --sbb-button-color-active-background: var(--sbb-color-iron);
92
- --sbb-button-color-active-border: var(--sbb-color-iron);
93
- --sbb-button-color-active-text: var(--sbb-color-milk);
94
83
  --sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);
95
84
  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
96
85
  --sbb-button-color-disabled-text: var(--sbb-color-smoke);
@@ -115,23 +104,21 @@
115
104
  transition-timing-function: var(--sbb-button-transition-easing-function);
116
105
  transition-property: color;
117
106
  border-radius: var(--sbb-button-border-radius);
118
- color: var(--sbb-button-color-default-text);
107
+ color: var(--sbb-button-color-text);
119
108
  cursor: pointer;
120
109
  user-select: none;
121
110
  display: flex;
122
111
 
123
- // Renders background and border in the background absolute to enable the hover animation
112
+ // Renders background in the background absolute to enable the hover animation
124
113
  &::before {
125
114
  position: absolute;
126
115
  content: '';
127
- inset: var(--sbb-button-inset);
128
- border: var(--sbb-button-border-width) var(--sbb-button-border-style)
129
- var(--sbb-button-color-default-border);
116
+ inset: 0;
130
117
  border-radius: var(--sbb-button-border-radius);
131
118
  background-color: var(--sbb-button-color-default-background);
132
119
  transition-duration: var(--sbb-button-transition-duration);
133
120
  transition-timing-function: var(--sbb-button-transition-easing-function);
134
- transition-property: inset, background-color, border-color;
121
+ transition-property: inset, background-color;
135
122
  }
136
123
  }
137
124
  }
@@ -148,12 +135,6 @@
148
135
 
149
136
  // Disabled state for icon-button in form-field
150
137
  @mixin icon-button-disabled($button-selector) {
151
- --sbb-button-border-width: var(--sbb-border-width-1x);
152
-
153
- @include a11y.if-forced-colors {
154
- --sbb-button-color-disabled-text: GrayText !important;
155
- }
156
-
157
138
  #{$button-selector} {
158
139
  color: var(--sbb-button-color-disabled-text);
159
140
  cursor: default;
@@ -162,8 +143,8 @@
162
143
 
163
144
  #{$button-selector}::before {
164
145
  background-color: var(--sbb-button-color-disabled-background);
165
- border-color: var(--sbb-button-color-disabled-border);
166
- border-style: var(--sbb-button-border-disabled-style);
146
+ border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style)
147
+ var(--sbb-button-color-disabled-border);
167
148
  }
168
149
  }
169
150
 
@@ -179,21 +160,9 @@
179
160
  --sbb-button-translate-y-content-hover: #{functions.px-to-rem-build(-1)};
180
161
  }
181
162
 
182
- @include a11y.if-forced-colors {
183
- --sbb-button-color-hover-border: Highlight !important;
184
- }
185
-
186
163
  #{$button-selector}::before {
187
164
  @include mediaqueries.hover-mq($hover: true) {
188
- inset: calc(var(--sbb-button-border-width) * -1);
189
165
  background-color: var(--sbb-button-color-hover-background);
190
- border-color: var(--sbb-button-color-hover-border);
191
- }
192
- }
193
-
194
- #{$button-selector} {
195
- @include mediaqueries.hover-mq($hover: true) {
196
- color: var(--sbb-button-color-hover-text);
197
166
  }
198
167
  }
199
168
  }
@@ -201,8 +170,6 @@
201
170
  // Active state for icon-button in form-field
202
171
  @mixin icon-button-active($button-selector) {
203
172
  #{$button-selector}::before {
204
- color: var(--sbb-button-color-active-text);
205
173
  background-color: var(--sbb-button-color-active-background);
206
- border-color: var(--sbb-button-color-active-border);
207
174
  }
208
175
  }