@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.
- package/button/common/button-common.d.ts.map +1 -1
- package/button/common.js +20 -20
- package/button/mini-button/mini-button.d.ts +0 -1
- package/button/mini-button/mini-button.d.ts.map +1 -1
- package/button/mini-button.js +16 -18
- package/calendar/calendar.d.ts.map +1 -1
- package/calendar.js +22 -20
- package/checkbox/checkbox/checkbox.d.ts +0 -1
- package/checkbox/checkbox/checkbox.d.ts.map +1 -1
- package/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
- package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/checkbox/checkbox-group.js +5 -3
- package/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
- package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
- package/checkbox/checkbox-panel.js +12 -11
- package/checkbox/checkbox.js +12 -11
- package/core/datetime/date-adapter.d.ts +23 -13
- package/core/datetime/date-adapter.d.ts.map +1 -1
- package/core/datetime/native-date-adapter.d.ts +0 -1
- package/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/core/datetime.js +23 -23
- package/core/decorators/host-attributes.d.ts +1 -1
- package/core/decorators/slot-state.d.ts +18 -0
- package/core/decorators/slot-state.d.ts.map +1 -0
- package/core/decorators.d.ts +1 -0
- package/core/decorators.d.ts.map +1 -1
- package/core/decorators.js +15 -9
- package/core/styles/mixins/buttons.scss +15 -48
- package/custom-elements.json +463 -302
- package/datepicker/common/datepicker-button.d.ts +5 -5
- package/datepicker/common/datepicker-button.d.ts.map +1 -1
- package/datepicker/common.js +21 -20
- package/datepicker/datepicker/datepicker.d.ts +55 -38
- package/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
- package/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
- package/datepicker/datepicker-next-day.js +16 -16
- package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
- package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
- package/datepicker/datepicker-previous-day.js +14 -14
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/datepicker/datepicker-toggle.js +25 -23
- package/datepicker/datepicker.js +147 -181
- package/development/button/common/button-common.d.ts.map +1 -1
- package/development/button/common.js +30 -25
- package/development/button/mini-button/mini-button.d.ts +0 -1
- package/development/button/mini-button/mini-button.d.ts.map +1 -1
- package/development/button/mini-button.js +17 -55
- package/development/calendar/calendar.d.ts.map +1 -1
- package/development/calendar.js +4 -2
- package/development/checkbox/checkbox/checkbox.d.ts +0 -1
- package/development/checkbox/checkbox/checkbox.d.ts.map +1 -1
- package/development/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
- package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/development/checkbox/checkbox-group.js +6 -5
- package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
- package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
- package/development/checkbox/checkbox-panel.js +5 -5
- package/development/checkbox/checkbox.js +5 -5
- package/development/core/datetime/date-adapter.d.ts +23 -13
- package/development/core/datetime/date-adapter.d.ts.map +1 -1
- package/development/core/datetime/native-date-adapter.d.ts +0 -1
- package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/development/core/datetime.js +28 -26
- package/development/core/decorators/host-attributes.d.ts +1 -1
- package/development/core/decorators/slot-state.d.ts +18 -0
- package/development/core/decorators/slot-state.d.ts.map +1 -0
- package/development/core/decorators.d.ts +1 -0
- package/development/core/decorators.d.ts.map +1 -1
- package/development/core/decorators.js +11 -2
- package/development/datepicker/common/datepicker-button.d.ts +5 -5
- package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
- package/development/datepicker/common.js +10 -9
- package/development/datepicker/datepicker/datepicker.d.ts +55 -38
- package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
- package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
- package/development/datepicker/datepicker-next-day.js +14 -54
- package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
- package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
- package/development/datepicker/datepicker-previous-day.js +14 -54
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/development/datepicker/datepicker-toggle.js +16 -10
- package/development/datepicker/datepicker.js +134 -159
- package/development/dialog/dialog.js +1 -1
- package/development/file-selector/file-selector.d.ts +0 -1
- package/development/file-selector/file-selector.d.ts.map +1 -1
- package/development/file-selector.js +6 -5
- package/development/form-field/form-field/form-field.d.ts +1 -2
- package/development/form-field/form-field/form-field.d.ts.map +1 -1
- package/development/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
- package/development/form-field/form-field-clear.js +15 -51
- package/development/form-field/form-field.js +8 -7
- package/development/link/common/link-common.d.ts.map +1 -1
- package/development/link/common.js +6 -7
- package/development/link-list/link-list.d.ts +0 -1
- package/development/link-list/link-list.d.ts.map +1 -1
- package/development/link-list.js +5 -5
- package/development/map-container.js +5 -2
- package/development/navigation/navigation-list/navigation-list.d.ts +0 -1
- package/development/navigation/navigation-list/navigation-list.d.ts.map +1 -1
- package/development/navigation/navigation-list.js +5 -5
- package/development/navigation/navigation-section/navigation-section.d.ts +0 -1
- package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
- package/development/navigation/navigation-section.js +6 -6
- package/development/notification/notification.d.ts +5 -16
- package/development/notification/notification.d.ts.map +1 -1
- package/development/notification.js +8 -9
- package/development/option/option/option.d.ts.map +1 -1
- package/development/option/option.js +5 -5
- package/development/popover/popover/popover.d.ts +3 -1
- package/development/popover/popover/popover.d.ts.map +1 -1
- package/development/popover/popover-trigger.js +14 -49
- package/development/popover/popover.js +11 -4
- package/development/radio-button/radio-button/radio-button.d.ts +0 -1
- package/development/radio-button/radio-button/radio-button.d.ts.map +1 -1
- package/development/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
- package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/development/radio-button/radio-button-group.js +6 -6
- package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +0 -1
- package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
- package/development/radio-button/radio-button-panel.js +4 -7
- package/development/radio-button/radio-button.js +4 -7
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/development/selection-expansion-panel.js +6 -5
- package/development/skiplink-list/skiplink-list.d.ts +0 -1
- package/development/skiplink-list/skiplink-list.d.ts.map +1 -1
- package/development/skiplink-list.js +5 -5
- package/development/status/status.d.ts +0 -1
- package/development/status/status.d.ts.map +1 -1
- package/development/status.js +5 -5
- package/development/stepper/stepper/stepper.d.ts +3 -1
- package/development/stepper/stepper/stepper.d.ts.map +1 -1
- package/development/stepper/stepper.js +3 -2
- package/development/tabs/tab-group/tab-group.d.ts +3 -1
- package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/development/tabs/tab-group.js +3 -2
- package/development/tabs/tab-label/tab-label.d.ts +0 -1
- package/development/tabs/tab-label/tab-label.d.ts.map +1 -1
- package/development/tabs/tab-label.js +5 -5
- package/development/tag/tag/tag.d.ts +0 -1
- package/development/tag/tag/tag.d.ts.map +1 -1
- package/development/tag/tag.js +6 -5
- package/development/teaser/teaser.d.ts +0 -1
- package/development/teaser/teaser.d.ts.map +1 -1
- package/development/teaser.js +5 -5
- package/development/toast/toast.d.ts +1 -2
- package/development/toast/toast.d.ts.map +1 -1
- package/development/toast.js +10 -8
- package/development/toggle/toggle-option/toggle-option.d.ts +0 -1
- package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
- package/development/toggle/toggle-option.js +6 -6
- package/development/toggle-check/toggle-check.d.ts +0 -1
- package/development/toggle-check/toggle-check.d.ts.map +1 -1
- package/development/toggle-check.js +5 -5
- package/dialog/dialog.js +1 -1
- package/file-selector/file-selector.d.ts +0 -1
- package/file-selector/file-selector.d.ts.map +1 -1
- package/file-selector.js +17 -15
- package/form-field/form-field/form-field.d.ts +1 -2
- package/form-field/form-field/form-field.d.ts.map +1 -1
- package/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
- package/form-field/form-field-clear.js +17 -18
- package/form-field/form-field.js +16 -14
- package/link/common/link-common.d.ts.map +1 -1
- package/link/common.js +9 -9
- package/link-list/link-list.d.ts +0 -1
- package/link-list/link-list.d.ts.map +1 -1
- package/link-list.js +8 -7
- package/map-container.js +1 -1
- package/navigation/navigation-list/navigation-list.d.ts +0 -1
- package/navigation/navigation-list/navigation-list.d.ts.map +1 -1
- package/navigation/navigation-list.js +9 -8
- package/navigation/navigation-section/navigation-section.d.ts +0 -1
- package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
- package/navigation/navigation-section.js +10 -9
- package/notification/notification.d.ts +5 -16
- package/notification/notification.d.ts.map +1 -1
- package/notification.js +9 -9
- package/option/option/option.d.ts.map +1 -1
- package/option/option.js +6 -5
- package/package.json +1 -1
- package/popover/popover/popover.d.ts +3 -1
- package/popover/popover/popover.d.ts.map +1 -1
- package/popover/popover-trigger.js +13 -13
- package/popover/popover.js +55 -48
- package/radio-button/radio-button/radio-button.d.ts +0 -1
- package/radio-button/radio-button/radio-button.d.ts.map +1 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/radio-button/radio-button-group.js +7 -6
- package/radio-button/radio-button-panel/radio-button-panel.d.ts +0 -1
- package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
- package/radio-button/radio-button-panel.js +12 -14
- package/radio-button/radio-button.js +7 -9
- package/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
- package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/selection-expansion-panel.js +15 -13
- package/skiplink-list/skiplink-list.d.ts +0 -1
- package/skiplink-list/skiplink-list.d.ts.map +1 -1
- package/skiplink-list.js +4 -3
- package/status/status.d.ts +0 -1
- package/status/status.d.ts.map +1 -1
- package/status.js +9 -8
- package/stepper/stepper/stepper.d.ts +3 -1
- package/stepper/stepper/stepper.d.ts.map +1 -1
- package/stepper/stepper.js +7 -6
- package/tabs/tab-group/tab-group.d.ts +3 -1
- package/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/tabs/tab-group.js +14 -13
- package/tabs/tab-label/tab-label.d.ts +0 -1
- package/tabs/tab-label/tab-label.d.ts.map +1 -1
- package/tabs/tab-label.js +4 -3
- package/tag/tag/tag.d.ts +0 -1
- package/tag/tag/tag.d.ts.map +1 -1
- package/tag/tag.js +6 -4
- package/teaser/teaser.d.ts +0 -1
- package/teaser/teaser.d.ts.map +1 -1
- package/teaser.js +4 -3
- package/toast/toast.d.ts +1 -2
- package/toast/toast.d.ts.map +1 -1
- package/toast.js +15 -12
- package/toggle/toggle-option/toggle-option.d.ts +0 -1
- package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
- package/toggle/toggle-option.js +12 -11
- package/toggle-check/toggle-check.d.ts +0 -1
- package/toggle-check/toggle-check.d.ts.map +1 -1
- 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
|
-
/**
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
113
|
+
/**
|
|
114
|
+
* Format the given date as string.
|
|
109
115
|
* @param date The date to format.
|
|
110
116
|
*/
|
|
111
|
-
|
|
112
|
-
|
|
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
|
-
/**
|
|
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;
|
|
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;
|
|
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
|
-
/**
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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"}
|
package/core/decorators.d.ts
CHANGED
package/core/decorators.d.ts.map
CHANGED
|
@@ -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"}
|
package/core/decorators.js
CHANGED
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
import { isServer as i } from "lit";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
|
7
|
-
i ? l(
|
|
7
|
+
const m = (o) => (e) => e.addInitializer((t) => {
|
|
8
|
+
i ? l(t, o) : t.addController({
|
|
8
9
|
hostConnected() {
|
|
9
|
-
l(
|
|
10
|
+
l(t, o), t.removeController(this);
|
|
10
11
|
},
|
|
11
12
|
hostUpdate() {
|
|
12
|
-
l(
|
|
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
|
-
|
|
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-
|
|
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-
|
|
76
|
-
--sbb-button-color-
|
|
77
|
-
--sbb-button-color-active-
|
|
78
|
-
--sbb-button-color-
|
|
79
|
-
--sbb-button-color-
|
|
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-
|
|
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
|
|
112
|
+
// Renders background in the background absolute to enable the hover animation
|
|
124
113
|
&::before {
|
|
125
114
|
position: absolute;
|
|
126
115
|
content: '';
|
|
127
|
-
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
|
|
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
|
|
166
|
-
|
|
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
|
}
|