@sbb-esta/lyne-elements-dev 5.9.0-dev.1790158785 → 5.9.0-dev.1790241336
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/calendar.pure.js +9 -9
- package/core.js +13 -13
- package/custom-elements.json +557 -37
- package/development/calendar/calendar/calendar.component.d.ts +7 -0
- package/development/calendar.pure.js +85 -3
- package/development/core/i18n/i18n.d.ts +2 -0
- package/development/core.js +13 -1
- package/development/logo/logo-anniversary/logo-anniversary.component.d.ts +29 -0
- package/development/logo.js +3 -2
- package/development/logo.pure.d.ts +2 -1
- package/development/logo.pure.js +188 -70
- package/development/signet.pure.js +14 -4
- package/index.d.ts +2 -1
- package/index.js +2 -1
- package/lean-off-brand-theme.css +16 -0
- package/lean-safety-theme.css +16 -0
- package/lean-theme.css +16 -0
- package/logo/_logo.global.scss +19 -0
- package/logo.js +1 -1
- package/logo.pure.js +89 -27
- package/off-brand-theme.css +16 -0
- package/package.json +2 -2
- package/safety-theme.css +16 -0
- package/signet.pure.js +14 -4
- package/standard-theme.css +16 -0
|
@@ -111,6 +111,10 @@ export declare class SbbCalendarElement<T = Date> extends SbbCalendarElement_bas
|
|
|
111
111
|
private _enhancedVariant;
|
|
112
112
|
/** A list of calendar's cells corresponding to days, months or years depending on the view. */
|
|
113
113
|
private get _cells();
|
|
114
|
+
/** A list of calendar's weekday cells. */
|
|
115
|
+
private get _weekdayCells();
|
|
116
|
+
/** A list of calendar's weeknumber cells. */
|
|
117
|
+
private get _weekNumberCells();
|
|
114
118
|
/** The chosen year in the year selection view. */
|
|
115
119
|
private _chosenYear?;
|
|
116
120
|
/** The chosen month in the year selection view. */
|
|
@@ -122,6 +126,7 @@ export declare class SbbCalendarElement<T = Date> extends SbbCalendarElement_bas
|
|
|
122
126
|
private _lastSelection;
|
|
123
127
|
private accessor _initialized;
|
|
124
128
|
private _language;
|
|
129
|
+
private get _tabbableGroups();
|
|
125
130
|
constructor();
|
|
126
131
|
private readonly _sortDate;
|
|
127
132
|
private _dateFilter;
|
|
@@ -248,6 +253,7 @@ export declare class SbbCalendarElement<T = Date> extends SbbCalendarElement_bas
|
|
|
248
253
|
private _nextYearRangeDisabled;
|
|
249
254
|
private _handleTableBlur;
|
|
250
255
|
private _setTabIndex;
|
|
256
|
+
private _setWeekFocus;
|
|
251
257
|
/** Get the element in the calendar to assign focus. */
|
|
252
258
|
private _getFirstFocusable;
|
|
253
259
|
/**
|
|
@@ -258,6 +264,7 @@ export declare class SbbCalendarElement<T = Date> extends SbbCalendarElement_bas
|
|
|
258
264
|
* To solve this, the element with the lowest `value` is taken (ISO String are ordered).
|
|
259
265
|
*/
|
|
260
266
|
private _getFirstFocusableDay;
|
|
267
|
+
private _handleKeyboardEventWeek;
|
|
261
268
|
private _handleKeyboardEvent;
|
|
262
269
|
private _navigateByKeyboardDayView;
|
|
263
270
|
private _isDayOutOfView;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { html, isServer, nothing, unsafeCSS } from "lit";
|
|
3
3
|
import { property, state } from "lit/decorators.js";
|
|
4
|
-
import { MONDAY, SbbButtonLikeBaseElement, SbbDisabledMixin, SbbElement, SbbFormAssociatedMixin, SbbLanguageController, SbbPropertyWatcherController, THURSDAY, TUESDAY, WEDNESDAY, buttonResetStyles, defaultDateAdapter, forceType, handleDistinctChange, i18nCalendarDateSelection, i18nCalendarWeekNumber, i18nNextMonth, i18nNextYear, i18nNextYearRange, i18nPreviousMonth, i18nPreviousYear, i18nPreviousYearRange, i18nYearMonthSelection, isArrowKeyOrPageKeysPressed, plainDate, readConfig, screenReaderOnlyStyles } from "./core.js";
|
|
4
|
+
import { MONDAY, SbbButtonLikeBaseElement, SbbDisabledMixin, SbbElement, SbbFormAssociatedMixin, SbbLanguageController, SbbPropertyWatcherController, THURSDAY, TUESDAY, WEDNESDAY, buttonResetStyles, defaultDateAdapter, forceType, getNextElementIndex, handleDistinctChange, i18nCalendarDateSelection, i18nCalendarWeekNumber, i18nNextMonth, i18nNextYear, i18nNextYearRange, i18nPreviousMonth, i18nPreviousYear, i18nPreviousYearRange, i18nYearMonthSelection, isArrowKeyOrPageKeysPressed, plainDate, readConfig, screenReaderOnlyStyles } from "./core.js";
|
|
5
5
|
import { SbbSecondaryButtonElement } from "./button.pure.js";
|
|
6
6
|
import { SbbIconElement } from "./icon.pure.js";
|
|
7
7
|
|
|
@@ -966,6 +966,14 @@ let SbbCalendarElement = (() => {
|
|
|
966
966
|
get _cells() {
|
|
967
967
|
return Array.from((this._calendarView === "day" ? Array.from(this.shadowRoot.querySelectorAll("slot")).flatMap((e) => e.assignedElements({ flatten: true })) : this.shadowRoot?.querySelectorAll(`sbb-calendar-${this._calendarView}`)) ?? []);
|
|
968
968
|
}
|
|
969
|
+
/** A list of calendar's weekday cells. */
|
|
970
|
+
get _weekdayCells() {
|
|
971
|
+
return Array.from(this.shadowRoot?.querySelectorAll(`sbb-calendar-weekday`) ?? []);
|
|
972
|
+
}
|
|
973
|
+
/** A list of calendar's weeknumber cells. */
|
|
974
|
+
get _weekNumberCells() {
|
|
975
|
+
return Array.from(this.shadowRoot?.querySelectorAll(`sbb-calendar-weeknumber`) ?? []);
|
|
976
|
+
}
|
|
969
977
|
#_initialized_accessor_storage;
|
|
970
978
|
get _initialized() {
|
|
971
979
|
return this.#_initialized_accessor_storage;
|
|
@@ -973,6 +981,29 @@ let SbbCalendarElement = (() => {
|
|
|
973
981
|
set _initialized(value) {
|
|
974
982
|
this.#_initialized_accessor_storage = value;
|
|
975
983
|
}
|
|
984
|
+
get _tabbableGroups() {
|
|
985
|
+
const weekdays = {
|
|
986
|
+
key: "weekdays",
|
|
987
|
+
value: () => this._weekdayCells
|
|
988
|
+
};
|
|
989
|
+
const weekNumbers = {
|
|
990
|
+
key: "weekNumbers",
|
|
991
|
+
value: () => this._weekNumberCells
|
|
992
|
+
};
|
|
993
|
+
const days = {
|
|
994
|
+
key: "days",
|
|
995
|
+
value: () => this._cells
|
|
996
|
+
};
|
|
997
|
+
return this.orientation === "vertical" ? [
|
|
998
|
+
weekNumbers,
|
|
999
|
+
weekdays,
|
|
1000
|
+
days
|
|
1001
|
+
] : [
|
|
1002
|
+
weekdays,
|
|
1003
|
+
weekNumbers,
|
|
1004
|
+
days
|
|
1005
|
+
];
|
|
1006
|
+
}
|
|
976
1007
|
constructor() {
|
|
977
1008
|
super();
|
|
978
1009
|
this.#amount_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _amount_initializers, 1));
|
|
@@ -1021,13 +1052,33 @@ let SbbCalendarElement = (() => {
|
|
|
1021
1052
|
this.addEventListener("focusin", () => this._containingFocus = true);
|
|
1022
1053
|
this.addEventListener("focusout", () => this._containingFocus = false);
|
|
1023
1054
|
const resolveDay = (event) => event.target.closest("sbb-calendar-day") ?? event.composedPath().find((e) => e.localName === "sbb-calendar-day") ?? null;
|
|
1055
|
+
const resolveWeekday = (event) => event.composedPath().find((e) => e.localName === "sbb-calendar-weekday") ?? null;
|
|
1056
|
+
const resolveWeekNumber = (event) => event.composedPath().find((e) => e.localName === "sbb-calendar-weeknumber") ?? null;
|
|
1024
1057
|
this.addEventListener("click", (event) => {
|
|
1025
1058
|
const day = resolveDay(event);
|
|
1026
1059
|
if (day) this._selectDate(day.value, event);
|
|
1027
1060
|
});
|
|
1028
1061
|
this.addEventListener("keydown", (event) => {
|
|
1029
1062
|
const day = resolveDay(event);
|
|
1030
|
-
|
|
1063
|
+
const weekday = resolveWeekday(event);
|
|
1064
|
+
const weekNumber = resolveWeekNumber(event);
|
|
1065
|
+
if (!(day || weekday || weekNumber)) return;
|
|
1066
|
+
if (event.key === "Tab") {
|
|
1067
|
+
const currentKey = weekday ? "weekdays" : weekNumber ? "weekNumbers" : "days";
|
|
1068
|
+
const availableGroups = this._tabbableGroups.filter((tg) => tg.value().length > 0);
|
|
1069
|
+
const groupId = availableGroups.findIndex((tg) => tg.key === currentKey);
|
|
1070
|
+
const nextIdx = event.shiftKey ? groupId - 1 : groupId + 1;
|
|
1071
|
+
if (groupId === -1 || nextIdx < 0 || nextIdx >= availableGroups.length) return;
|
|
1072
|
+
const next = availableGroups[nextIdx].value().find((e) => e.tabIndex === 0);
|
|
1073
|
+
if (!next) return;
|
|
1074
|
+
event.preventDefault();
|
|
1075
|
+
next.focus();
|
|
1076
|
+
}
|
|
1077
|
+
if (isArrowKeyOrPageKeysPressed(event)) {
|
|
1078
|
+
if (day) this._handleKeyboardEvent(event, day);
|
|
1079
|
+
else if (weekday) this._handleKeyboardEventWeek(event, weekday, this._weekdayCells);
|
|
1080
|
+
else if (weekNumber) this._handleKeyboardEventWeek(event, weekNumber, this._weekNumberCells);
|
|
1081
|
+
}
|
|
1031
1082
|
});
|
|
1032
1083
|
this.addEventListener("blur", () => this._lastSelection = null);
|
|
1033
1084
|
}
|
|
@@ -1428,13 +1479,18 @@ let SbbCalendarElement = (() => {
|
|
|
1428
1479
|
return this._nextDisabled(nextYear);
|
|
1429
1480
|
}
|
|
1430
1481
|
_handleTableBlur(eventTarget) {
|
|
1431
|
-
if (eventTarget?.localName !== "sbb-calendar-day") this._setTabIndex();
|
|
1482
|
+
if (eventTarget?.localName !== "sbb-calendar-day" && eventTarget?.localName !== "sbb-calendar-weeknumber" && eventTarget?.localName !== "sbb-calendar-weekday") this._setTabIndex();
|
|
1432
1483
|
}
|
|
1433
1484
|
_setTabIndex() {
|
|
1434
1485
|
Array.from(this._cells.filter((e) => e.tabIndex === 0) ?? []).forEach((day) => day.tabIndex = -1);
|
|
1486
|
+
this._setWeekFocus();
|
|
1435
1487
|
const firstFocusable = this._getFirstFocusable();
|
|
1436
1488
|
if (firstFocusable) firstFocusable.tabIndex = 0;
|
|
1437
1489
|
}
|
|
1490
|
+
_setWeekFocus() {
|
|
1491
|
+
this._weekdayCells.forEach((e, i) => e.tabIndex = i === 0 ? 0 : -1);
|
|
1492
|
+
this._weekNumberCells.forEach((e, i) => e.tabIndex = i === 0 ? 0 : -1);
|
|
1493
|
+
}
|
|
1438
1494
|
/** Get the element in the calendar to assign focus. */
|
|
1439
1495
|
_getFirstFocusable() {
|
|
1440
1496
|
if (this._calendarView === "day") {
|
|
@@ -1461,6 +1517,32 @@ let SbbCalendarElement = (() => {
|
|
|
1461
1517
|
return cells.find((e) => e.matches(`[slot="${firstElement}"]`)) ?? null;
|
|
1462
1518
|
}
|
|
1463
1519
|
}
|
|
1520
|
+
_handleKeyboardEventWeek(event, cell, cellArray) {
|
|
1521
|
+
event.preventDefault();
|
|
1522
|
+
let nextEl;
|
|
1523
|
+
switch (event.key) {
|
|
1524
|
+
case "ArrowUp":
|
|
1525
|
+
case "ArrowDown":
|
|
1526
|
+
case "ArrowLeft":
|
|
1527
|
+
case "ArrowRight":
|
|
1528
|
+
nextEl = cellArray[getNextElementIndex(event, cellArray.indexOf(cell), cellArray.length)];
|
|
1529
|
+
break;
|
|
1530
|
+
case "PageUp":
|
|
1531
|
+
case "Home":
|
|
1532
|
+
nextEl = cellArray[0];
|
|
1533
|
+
break;
|
|
1534
|
+
case "PageDown":
|
|
1535
|
+
case "End":
|
|
1536
|
+
nextEl = cellArray[cellArray.length - 1];
|
|
1537
|
+
break;
|
|
1538
|
+
default: nextEl = cell;
|
|
1539
|
+
}
|
|
1540
|
+
if (nextEl !== cell) {
|
|
1541
|
+
nextEl.tabIndex = 0;
|
|
1542
|
+
nextEl.focus();
|
|
1543
|
+
cell.tabIndex = -1;
|
|
1544
|
+
}
|
|
1545
|
+
}
|
|
1464
1546
|
_handleKeyboardEvent(event, day) {
|
|
1465
1547
|
if (isArrowKeyOrPageKeysPressed(event)) event.preventDefault();
|
|
1466
1548
|
const origin = day ?? event.target;
|
|
@@ -103,3 +103,5 @@ export declare const i18nNextSlide: Record<string, string>;
|
|
|
103
103
|
export declare const i18nPreviousSlide: Record<string, string>;
|
|
104
104
|
export declare const i18nSlide: Record<string, string>;
|
|
105
105
|
export declare const i18nRemainingCharacters: Record<string, string>;
|
|
106
|
+
export declare const i18nLogo125Anniversary: Record<string, string>;
|
|
107
|
+
export declare const i18nLogo125AnniversaryYears: Record<string, string>;
|
package/development/core.js
CHANGED
|
@@ -2475,6 +2475,18 @@ const i18nRemainingCharacters = {
|
|
|
2475
2475
|
fr: "caractères restants",
|
|
2476
2476
|
it: "caratteri rimanenti"
|
|
2477
2477
|
};
|
|
2478
|
+
const i18nLogo125Anniversary = {
|
|
2479
|
+
de: "Wir verbinden die Schweiz seit 125 Jahren.",
|
|
2480
|
+
en: "Connecting Switzerland for 125 years.",
|
|
2481
|
+
fr: "125 ans à tisser des liens qui font la Suisse.",
|
|
2482
|
+
it: "Da 125 anni uniamo la Svizzera."
|
|
2483
|
+
};
|
|
2484
|
+
const i18nLogo125AnniversaryYears = {
|
|
2485
|
+
de: "Jahre",
|
|
2486
|
+
en: "years",
|
|
2487
|
+
fr: "ans",
|
|
2488
|
+
it: "anni"
|
|
2489
|
+
};
|
|
2478
2490
|
|
|
2479
2491
|
//#endregion
|
|
2480
2492
|
//#region src/elements/core/base-elements/link-base-element.ts
|
|
@@ -6269,4 +6281,4 @@ function removeAriaComboBoxAttributes(trigger) {
|
|
|
6269
6281
|
}
|
|
6270
6282
|
|
|
6271
6283
|
//#endregion
|
|
6272
|
-
export { DateAdapter, FORMAT_DATE, FRIDAY, ISO8601_FORMAT_DATE, IS_FOCUSABLE_QUERY, InteractivityChecker, IsFocusableConfig, MONDAY, NativeDateAdapter, SATURDAY, SUNDAY, SbbActionBaseElement, SbbAnimationCompleteMixin, SbbButtonBaseElement, SbbButtonLikeBaseElement, SbbDarkModeController, SbbDisabledInteractiveMixin, SbbDisabledMixin, SbbDisabledTabIndexActionMixin, SbbElement, SbbEscapableOverlayController, SbbFocusTrapController, SbbFocusVisibleWithinController, SbbFormAssociatedCheckboxMixin, SbbFormAssociatedInputMixin, SbbFormAssociatedMixin, SbbFormAssociatedRadioButtonMixin, SbbIdReferenceController, SbbInertController, SbbLanguageController, SbbLinkBaseElement, SbbLiveAnnouncer, SbbMediaMatcherController, SbbMediaQueryBreakpointLargeAndAbove, SbbMediaQueryBreakpointLargeAndBelow, SbbMediaQueryBreakpointSmallAndAbove, SbbMediaQueryBreakpointSmallAndBelow, SbbMediaQueryBreakpointUltraAndAbove, SbbMediaQueryBreakpointZeroAndAbove, SbbMediaQueryDarkMode, SbbMediaQueryForcedColors, SbbMediaQueryHover, SbbMediaQueryPointerCoarse, SbbNamedSlotListMixin, SbbNegativeMixin, SbbOpenCloseBaseElement, SbbOverlayOutsidePointerEventListener, SbbOverlayPositionController, SbbPanelMixin, SbbPropertyWatcherController, SbbReadonlyMixin, SbbRequiredMixin, SbbScrollHandler, SbbSelectionGroupBaseElement, SbbSelectionPanelMixin, SbbSlottedChangeEvent, SbbUpdateSchedulerMixin, THURSDAY, TUESDAY, TemporalDateAdapter, WEDNESDAY, appendAriaElements, buttonResetStyles, containsPierceShadowDom, defaultDateAdapter, forceType, forwardEvent, getElementPosition, getElementPositionHorizontal, getElementRectangle, getEventTarget, getNextElementIndex, getOverride, handleDistinctChange, hostScrollbarStyles, i18nAdditionalWagonInformationHeading, i18nAnd, i18nArrival, i18nBlockedPassage, i18nBreadcrumbEllipsisButtonLabel, i18nCalendarDateSelection, i18nCalendarWeekNumber, i18nCarouselArrowsNavigationHint, i18nCarouselItemAriaLabel, i18nCheckboxRequired, i18nChipDelete, i18nChipGroupInputDescription, i18nClass, i18nClearInput, i18nCloseAlert, i18nCloseDialog, i18nCloseNavigation, i18nCloseNotification, i18nClosePopover, i18nCloseSidebar, i18nClosedCompartmentLabel, i18nCollapsed, i18nConnectionFrom, i18nConnectionRoundtrip, i18nConnectionTo, i18nCouchetteWagonLabel, i18nDateChangedTo, i18nDateInvalid, i18nDateMax, i18nDateMin, i18nDatePickerPlaceholder, i18nDeparture, i18nDialog, i18nDirection, i18nDownload, i18nDurationDay, i18nDurationHour, i18nDurationMinute, i18nExpanded, i18nFileSelectorButtonLabel, i18nFileSelectorButtonLabelMultiple, i18nFileSelectorCurrentlySelected, i18nFileSelectorDeleteFile, i18nFileSelectorSubtitleLabel, i18nFileSelectorSubtitleLabelMultiple, i18nFlipCard, i18nFromPlatform, i18nGoBack, i18nInputRequired, i18nItemsPerPage, i18nLocomotiveLabel, i18nMapContainerButtonLabel, i18nMeansOfTransport, i18nNew, i18nNextDay, i18nNextMonth, i18nNextPage, i18nNextSlide, i18nNextYear, i18nNextYearRange, i18nNonAccessible, i18nOccupancy, i18nPage, i18nPaginatorOf, i18nPaginatorSelected, i18nPreviousDay, i18nPreviousMonth, i18nPreviousPage, i18nPreviousSlide, i18nPreviousYear, i18nPreviousYearRange, i18nRealTimeInfo, i18nRemainingCharacters, i18nRestaurantWagonLabel, i18nReverseCard, i18nSector, i18nSectorShort, i18nSelectNextDay, i18nSelectPreviousDay, i18nSelectionRequired, i18nShowCalendar, i18nSleepingWagonLabel, i18nSlide, i18nSupersaver, i18nTargetOpensInNewWindow, i18nTimeInputChange, i18nTimeInvalid, i18nTimeMax, i18nTimeMaxLength, i18nTimetableFormSwapButtonLabel, i18nToday, i18nTrain, i18nTrains, i18nTransferProcedure, i18nTransferProcedures, i18nTravelhints, i18nTripDuration, i18nTripQuayChange, i18nWagonLabel, i18nWagonLabelNumber, i18nWagonsLabel, i18nWalkingDistanceArrival, i18nWalkingDistanceDeparture, i18nYearMonthSelection, idReference, interactivityChecker, isAndroid, isArrowKeyOrPageKeysPressed, isArrowKeyPressed, isBlink, isChromium, isEdge, isEventOnElement, isEventPrevented, isFakeMousedownFromScreenReader, isFakeTouchstartFromScreenReader, isFirefox, isIOS, isMacOS, isNextArrowKeyPressed, isNextjs, isPreviousArrowKeyPressed, isSafari, isTrident, isWebkit, isZeroAnimationDuration, listResetStyles, mergeConfig, omitEmptyConverter, pageScrollDisabled, plainDate, plainDateConverter, popoverResetStyles, preventScrollOnSpacebarPress, queueDomContentLoaded, radioButtonRegistry, readConfig, removeAriaComboBoxAttributes, removeAriaElements, removeAriaOverlayTriggerProperties, sbbInputModalityDetector, sbbLiveAnnouncer, sbbOverlayOutsidePointerEventListener, screenReaderOnlyStyles, scrollbarStyles, setAriaComboBoxAttributes, setAriaOverlayTriggerProperties, setOrRemoveAttribute, setOverlayPosition, ɵstateController };
|
|
6284
|
+
export { DateAdapter, FORMAT_DATE, FRIDAY, ISO8601_FORMAT_DATE, IS_FOCUSABLE_QUERY, InteractivityChecker, IsFocusableConfig, MONDAY, NativeDateAdapter, SATURDAY, SUNDAY, SbbActionBaseElement, SbbAnimationCompleteMixin, SbbButtonBaseElement, SbbButtonLikeBaseElement, SbbDarkModeController, SbbDisabledInteractiveMixin, SbbDisabledMixin, SbbDisabledTabIndexActionMixin, SbbElement, SbbEscapableOverlayController, SbbFocusTrapController, SbbFocusVisibleWithinController, SbbFormAssociatedCheckboxMixin, SbbFormAssociatedInputMixin, SbbFormAssociatedMixin, SbbFormAssociatedRadioButtonMixin, SbbIdReferenceController, SbbInertController, SbbLanguageController, SbbLinkBaseElement, SbbLiveAnnouncer, SbbMediaMatcherController, SbbMediaQueryBreakpointLargeAndAbove, SbbMediaQueryBreakpointLargeAndBelow, SbbMediaQueryBreakpointSmallAndAbove, SbbMediaQueryBreakpointSmallAndBelow, SbbMediaQueryBreakpointUltraAndAbove, SbbMediaQueryBreakpointZeroAndAbove, SbbMediaQueryDarkMode, SbbMediaQueryForcedColors, SbbMediaQueryHover, SbbMediaQueryPointerCoarse, SbbNamedSlotListMixin, SbbNegativeMixin, SbbOpenCloseBaseElement, SbbOverlayOutsidePointerEventListener, SbbOverlayPositionController, SbbPanelMixin, SbbPropertyWatcherController, SbbReadonlyMixin, SbbRequiredMixin, SbbScrollHandler, SbbSelectionGroupBaseElement, SbbSelectionPanelMixin, SbbSlottedChangeEvent, SbbUpdateSchedulerMixin, THURSDAY, TUESDAY, TemporalDateAdapter, WEDNESDAY, appendAriaElements, buttonResetStyles, containsPierceShadowDom, defaultDateAdapter, forceType, forwardEvent, getElementPosition, getElementPositionHorizontal, getElementRectangle, getEventTarget, getNextElementIndex, getOverride, handleDistinctChange, hostScrollbarStyles, i18nAdditionalWagonInformationHeading, i18nAnd, i18nArrival, i18nBlockedPassage, i18nBreadcrumbEllipsisButtonLabel, i18nCalendarDateSelection, i18nCalendarWeekNumber, i18nCarouselArrowsNavigationHint, i18nCarouselItemAriaLabel, i18nCheckboxRequired, i18nChipDelete, i18nChipGroupInputDescription, i18nClass, i18nClearInput, i18nCloseAlert, i18nCloseDialog, i18nCloseNavigation, i18nCloseNotification, i18nClosePopover, i18nCloseSidebar, i18nClosedCompartmentLabel, i18nCollapsed, i18nConnectionFrom, i18nConnectionRoundtrip, i18nConnectionTo, i18nCouchetteWagonLabel, i18nDateChangedTo, i18nDateInvalid, i18nDateMax, i18nDateMin, i18nDatePickerPlaceholder, i18nDeparture, i18nDialog, i18nDirection, i18nDownload, i18nDurationDay, i18nDurationHour, i18nDurationMinute, i18nExpanded, i18nFileSelectorButtonLabel, i18nFileSelectorButtonLabelMultiple, i18nFileSelectorCurrentlySelected, i18nFileSelectorDeleteFile, i18nFileSelectorSubtitleLabel, i18nFileSelectorSubtitleLabelMultiple, i18nFlipCard, i18nFromPlatform, i18nGoBack, i18nInputRequired, i18nItemsPerPage, i18nLocomotiveLabel, i18nLogo125Anniversary, i18nLogo125AnniversaryYears, i18nMapContainerButtonLabel, i18nMeansOfTransport, i18nNew, i18nNextDay, i18nNextMonth, i18nNextPage, i18nNextSlide, i18nNextYear, i18nNextYearRange, i18nNonAccessible, i18nOccupancy, i18nPage, i18nPaginatorOf, i18nPaginatorSelected, i18nPreviousDay, i18nPreviousMonth, i18nPreviousPage, i18nPreviousSlide, i18nPreviousYear, i18nPreviousYearRange, i18nRealTimeInfo, i18nRemainingCharacters, i18nRestaurantWagonLabel, i18nReverseCard, i18nSector, i18nSectorShort, i18nSelectNextDay, i18nSelectPreviousDay, i18nSelectionRequired, i18nShowCalendar, i18nSleepingWagonLabel, i18nSlide, i18nSupersaver, i18nTargetOpensInNewWindow, i18nTimeInputChange, i18nTimeInvalid, i18nTimeMax, i18nTimeMaxLength, i18nTimetableFormSwapButtonLabel, i18nToday, i18nTrain, i18nTrains, i18nTransferProcedure, i18nTransferProcedures, i18nTravelhints, i18nTripDuration, i18nTripQuayChange, i18nWagonLabel, i18nWagonLabelNumber, i18nWagonsLabel, i18nWalkingDistanceArrival, i18nWalkingDistanceDeparture, i18nYearMonthSelection, idReference, interactivityChecker, isAndroid, isArrowKeyOrPageKeysPressed, isArrowKeyPressed, isBlink, isChromium, isEdge, isEventOnElement, isEventPrevented, isFakeMousedownFromScreenReader, isFakeTouchstartFromScreenReader, isFirefox, isIOS, isMacOS, isNextArrowKeyPressed, isNextjs, isPreviousArrowKeyPressed, isSafari, isTrident, isWebkit, isZeroAnimationDuration, listResetStyles, mergeConfig, omitEmptyConverter, pageScrollDisabled, plainDate, plainDateConverter, popoverResetStyles, preventScrollOnSpacebarPress, queueDomContentLoaded, radioButtonRegistry, readConfig, removeAriaComboBoxAttributes, removeAriaElements, removeAriaOverlayTriggerProperties, sbbInputModalityDetector, sbbLiveAnnouncer, sbbOverlayOutsidePointerEventListener, screenReaderOnlyStyles, scrollbarStyles, setAriaComboBoxAttributes, setAriaOverlayTriggerProperties, setOrRemoveAttribute, setOverlayPosition, ɵstateController };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type CSSResultGroup, type TemplateResult } from 'lit';
|
|
2
|
+
import { SbbElement } from '../../core.ts';
|
|
3
|
+
declare const SbbLogoAnniversaryElement_base: import("../../core.ts").AbstractConstructor<import("../../core.ts").SbbNegativeMixinType> & typeof SbbElement;
|
|
4
|
+
/**
|
|
5
|
+
* SBB 125 years anniversary logo
|
|
6
|
+
*
|
|
7
|
+
* @cssprop [--sbb-logo-height=auto] - Can be used to set the height of the logo.
|
|
8
|
+
* @cssprop [--sbb-logo-anniversary-initial-delay=3s] - Initial delay after which the animation starts.
|
|
9
|
+
*/
|
|
10
|
+
export declare class SbbLogoAnniversaryElement extends SbbLogoAnniversaryElement_base {
|
|
11
|
+
#private;
|
|
12
|
+
static readonly elementName: string;
|
|
13
|
+
static styles: CSSResultGroup;
|
|
14
|
+
/**
|
|
15
|
+
* Accessibility label which will be forwarded to the SVG logo.
|
|
16
|
+
*
|
|
17
|
+
* @default 'Logo, Connecting Switzerland for 125 years.'
|
|
18
|
+
*/
|
|
19
|
+
set accessibilityLabel(value: string);
|
|
20
|
+
get accessibilityLabel(): string;
|
|
21
|
+
private _language;
|
|
22
|
+
protected render(): TemplateResult;
|
|
23
|
+
}
|
|
24
|
+
declare global {
|
|
25
|
+
interface HTMLElementTagNameMap {
|
|
26
|
+
'sbb-logo-anniversary': SbbLogoAnniversaryElement;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
export {};
|
package/development/logo.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { SbbLogoCargoElement, SbbLogoCargoInternationalElement, SbbLogoElement, SbbLogoElvetinoElement } from "./logo.pure.js";
|
|
1
|
+
import { SbbLogoAnniversaryElement, SbbLogoCargoElement, SbbLogoCargoInternationalElement, SbbLogoElement, SbbLogoElvetinoElement } from "./logo.pure.js";
|
|
2
2
|
|
|
3
3
|
export * from "./logo.pure.js"
|
|
4
4
|
|
|
5
5
|
//#region src/elements/logo.ts
|
|
6
6
|
/** @entrypoint */
|
|
7
|
-
|
|
7
|
+
SbbLogoAnniversaryElement.define();
|
|
8
8
|
SbbLogoCargoElement.define();
|
|
9
9
|
SbbLogoCargoInternationalElement.define();
|
|
10
|
+
SbbLogoElement.define();
|
|
10
11
|
SbbLogoElvetinoElement.define();
|
|
11
12
|
|
|
12
13
|
//#endregion
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/** @entrypoint */
|
|
2
|
-
export * from './logo/logo/logo.component.ts';
|
|
2
|
+
export * from './logo/logo-anniversary/logo-anniversary.component.ts';
|
|
3
3
|
export * from './logo/logo-cargo-international/logo-cargo-international.component.ts';
|
|
4
4
|
export * from './logo/logo-cargo/logo-cargo.component.ts';
|
|
5
5
|
export * from './logo/logo-elvetino/logo-elvetino.component.ts';
|
|
6
|
+
export * from './logo/logo/logo.component.ts';
|