@sbb-esta/lyne-elements 5.0.0-next.3 → 5.0.0

package/core/i18n/i18n.js

@@ -325,221 +325,216 @@ var e = {
 		it: "Treno"
 	}
 }, N = {
-	de: "(optional)",
-	en: "(optional)",
-	fr: "(facultatif)",
-	it: "(facoltativo)"
-}, P = {
 	de: "Linkziel öffnet in neuem Fenster.",
 	en: "Link target opens in a new window.",
 	fr: "Le lien s'ouvre dans une nouvelle fenêtre.",
 	it: "Il link si apre in una nuova finestra."
-}, F = {
+}, P = {
 	de: "Minuten Fussweg nach Ankunft:",
 	en: "minutes of walking time after arrival:",
 	fr: "minutes de trajet à pied après l’arrivée:",
 	it: "minuti a piedi all’arrivo:"
-}, I = {
+}, F = {
 	de: "Minuten Fussweg vor Abfahrt:",
 	en: "minutes of walking time before departure:",
 	fr: "minutes de trajet à pied avant le départ:",
 	it: "minuti a piedi prima della partenza:"
-}, L = {
+}, I = {
 	de: "Meldung schliessen",
 	en: "Close message",
 	fr: "Fermer le message",
 	it: "Chiudere il messaggio"
-}, R = {
+}, L = {
 	de: "Nachricht schliessen",
 	en: "Close message",
 	fr: "Fermer le message",
 	it: "Chiudere il messaggio"
-}, z = {
+}, R = {
 	de: "Dialog",
 	en: "Dialog",
 	fr: "Dialogue",
 	it: "Dialogo"
-}, B = {
+}, z = {
 	de: "Übergelagertes Fenster schliessen",
 	en: "Close secondary window",
 	fr: "Fermer la fenêtre superposée",
 	it: "Chiudere la finestra sovrapposta"
-}, V = {
+}, B = {
 	de: "Navigation schliessen",
 	en: "Close navigation",
 	fr: "Fermer la navigation",
 	it: "Chiudere la navigazione"
-}, H = {
+}, V = {
 	de: "Seitenleiste schliessen",
 	en: "Close sidebar",
 	fr: "Fermer la barre latérale",
 	it: "Chiudere la barra laterale"
-}, U = {
+}, H = {
 	de: "Hinweis schliessen",
 	en: "Close note",
 	fr: "Fermer la note",
 	it: "Chiudere la nota"
-}, W = {
+}, U = {
 	de: "Zurück",
 	en: "Go back",
 	fr: "Retourner",
 	it: "Indietro"
-}, G = {
+}, W = {
 	de: "Heute",
 	en: "Today",
 	fr: "Aujourd’hui",
 	it: "Oggi"
-}, K = {
+}, G = {
 	de: "Zum nächsten Monat wechseln",
 	en: "Change to the next month",
 	fr: "Passer au mois suivant",
 	it: "Passare al mese successivo"
-}, q = {
+}, K = {
 	de: "Zum letzten Monat wechseln",
 	en: "Change to the previous month",
 	fr: "Passer au mois précédent",
 	it: "Passare al mese precedente"
-}, J = {
+}, q = {
 	de: "Nächster Tag",
 	en: "Next day",
 	fr: "Jour suivant",
 	it: "Giorno successivo"
-}, Y = {
+}, J = {
 	de: "Vorheriger Tag",
 	en: "Previous day",
 	fr: "Jour précédent",
 	it: "Giorno precedente"
-}, X = {
+}, Y = {
 	de: "Jahr und Monat auswählen",
 	en: "Choose year and month",
 	fr: "Choisir l’année et le mois",
 	it: "Seleziona anno e mese"
-}, Z = {
-	de: "Datum auswählen",
-	en: "Choose date",
-	fr: "Choisir une date",
-	it: "Seleziona una data"
-}, Q = (e) => ({
+}, X = {
+	de: "Wechsel zur Datumsauswahl",
+	en: "Change to date selection",
+	fr: "Passer à la sélection de date",
+	it: "Passare alla selezione della data"
+}, Z = (e) => ({
 	de: `Wechsel zu den nächsten ${e} Jahren`,
 	en: `Change to the next ${e} years`,
 	fr: `Passer aux ${e} prochaines années`,
 	it: `Passare ai successivi ${e} anni`
-}), $ = (e) => ({
+}), Q = (e) => ({
 	de: `Wechsel zu den vorherigen ${e} Jahren`,
 	en: `Change to the previous ${e} years`,
 	fr: `Passage aux ${e} précédentes années`,
 	it: `Passare ai precedenti ${e} anni`
-}), ee = {
+}), $ = {
 	de: "Zum nächsten Jahr wechseln",
 	en: "Change to the next year",
 	fr: "Passer à l'année suivante",
 	it: "Passare all'anno successivo"
-}, te = {
+}, ee = {
 	de: "Zum letzten Jahr wechseln",
 	en: "Change to the previous year",
 	fr: "Passer à l'année précédent",
 	it: "Passare all'anno precedente"
-}, ne = (e) => ({
+}, te = (e) => ({
 	de: `Zum nächsten Tag wechseln, derzeit ausgewählt ${e}.`,
 	en: `Change to the next day, currently selected ${e}.`,
 	fr: `Passer au jour suivant, actuellement sélectionné ${e}.`,
 	it: `Passare al giorno successivo, attualmente selezionato ${e}.`
-}), re = (e) => ({
+}), ne = (e) => ({
 	de: `Zum vorherigen Tag wechseln, derzeit ausgewählt ${e}.`,
 	en: `Change to the previous day, currently selected ${e}.`,
 	fr: `Passer au jour précédent, actuellement sélectionné ${e}.`,
 	it: `Passare al giorno precedente, attualmente selezionato ${e}.`
-}), ie = {
+}), re = {
 	de: "Kalender anzeigen",
 	en: "Show calendar",
 	fr: "Afficher le calendrier",
 	it: "Visualizza il calendario"
-}, ae = {
+}, ie = {
 	de: "TT.MM.JJJJ",
 	en: "DD.MM.YYYY",
 	fr: "JJ.MM.AAAA",
 	it: "GG.MM.AAAA"
-}, oe = {
+}, ae = {
 	de: "Datum geändert auf",
 	en: "Date changed to",
 	fr: "Date modifiée au",
 	it: "Data modificata in"
-}, se = {
+}, oe = {
 	de: "Verbindung von",
 	en: "Connection from",
 	fr: "Liaison de",
 	it: "Collegamento da"
-}, ce = {
+}, se = {
 	de: "nach",
 	en: "to",
 	fr: "à",
 	it: "a"
-}, le = (e) => ({
+}, ce = (e) => ({
 	de: `und zurück nach ${e}.`,
 	en: `and back to ${e}.`,
 	fr: `et retour à ${e}.`,
 	it: `e ritorno a ${e}.`
-}), ue = {
+}), le = {
 	de: "erweitert",
 	en: "expanded",
 	fr: "étendu",
 	it: "espanso"
-}, de = {
+}, ue = {
 	de: "reduziert",
 	en: "collapsed",
 	fr: "condensé",
 	it: "compresso"
-}, fe = {
+}, de = {
 	de: "Karte zeigen",
 	en: "Show map",
 	fr: "Afficher la carte",
 	it: "Mostra la mappa"
-}, pe = {
+}, fe = {
 	de: "Mehr Breadcrumbs anzeigen",
 	en: "Show more breadcrumbs",
 	fr: "Afficher plus de fils d’Ariane",
 	it: "Mostra più breadcrumbs"
-}, me = {
+}, pe = {
 	de: "Feldinhalt löschen",
 	en: "Clear input value",
 	fr: "Effacer la valeur d’entrée",
 	it: "Cancella il valore dell’input"
-}, he = {
+}, me = {
 	de: "Klicken Sie auf diese Karte für Details",
 	en: "Click on this card for details",
 	fr: "Cliquez sur cette carte pour plus de détails",
 	it: "Clicca su questa scheda per i dettagli"
-}, ge = {
+}, he = {
 	de: "Klicken Sie auf diese Karte, um zurück zur Zusammenfassung zu gelangen",
 	en: "Click on this card to go back to the summary",
 	fr: "Cliquez sur cette carte pour revenir au résumé",
 	it: "Clicca su questa scheda per tornare al sommario"
-}, _e = {
+}, ge = {
 	de: "Datei auswählen",
 	en: "Choose a file",
 	fr: "Choisissez un fichier",
 	it: "Scegli un file"
-}, ve = {
+}, _e = {
 	de: "Dateien auswählen",
 	en: "Choose files",
 	fr: "Choisissez des fichiers",
 	it: "Scegli file"
-}, ye = {
+}, ve = {
 	de: "Ziehen Sie Ihre Datei hier hin (Drag & Drop)",
 	en: "Drag & Drop your file here",
 	fr: "Faites glisser et déposez votre fichier ici",
 	it: "Trascina e rilascia il file qui"
-}, be = {
+}, ye = {
 	de: "Ziehen Sie Ihre Dateien hier hin (Drag & Drop)",
 	en: "Drag & Drop your files here",
 	fr: "Faites glisser et déposez vos fichiers ici",
 	it: "Trascina e rilascia i file qui"
-}, xe = {
+}, be = {
 	de: "Datei entfernen",
 	en: "Remove file",
 	fr: "Effacer le fichier",
 	it: "Rimuovi il file"
-}, Se = (e) => e && e.length > 0 ? {
+}, xe = (e) => e && e.length > 0 ? {
 	de: `Aktuell ausgewählte Datei: ${e.join(", ")}.`,
 	en: `Currently selected files: ${e.join(", ")}.`,
 	fr: `Fichier actuellement sélectionné: ${e.join(", ")}.`,
@@ -549,136 +544,136 @@ var e = {
 	en: "No files selected.",
 	fr: "Nessun fichier sélectionné.",
 	it: "Nessun file selezionato."
-}, Ce = {
+}, Se = {
 	de: "Nächste Seite",
 	en: "Next page",
 	fr: "Page suivante",
 	it: "Pagina successiva"
-}, we = {
+}, Ce = {
 	de: "Vorherige Seite",
 	en: "Previous page",
 	fr: "Page précédente",
 	it: "Pagina precedente"
-}, Te = {
+}, we = {
 	de: "Seite",
 	en: "Page",
 	fr: "Page",
 	it: "Pagina"
-}, Ee = {
+}, Te = {
 	de: "Einträge pro Seite",
 	en: "Items per page",
 	fr: "Entrées par page",
 	it: "Elementi per pagina"
-}, De = {
+}, Ee = {
 	de: "ausgewählt",
 	en: "selected",
 	fr: "sélectionnée",
 	it: "selezionata"
-}, Oe = {
+}, De = {
 	de: "von",
 	en: "of",
 	fr: "sur",
 	it: "di"
-}, ke = {
+}, Oe = {
 	de: "Muss gesetzt sein.",
 	en: "Must be checked.",
 	fr: "Doit être cochée.",
 	it: "Deve essere impostato."
-}, Ae = {
+}, ke = {
 	de: "Auswahl erforderlich.",
 	en: "Selection required.",
 	fr: "Sélection requise.",
 	it: "Selezione necessaria."
-}, je = {
+}, Ae = {
 	de: "Eingabe erforderlich.",
 	en: "Input required.",
 	fr: "Entrée obligatoire.",
 	it: "Inserimento necessario."
-}, Me = {
+}, je = {
 	de: "Bitte gültiges Datum eingeben.",
 	en: "Please provide a valid date.",
 	fr: "Veuillez saisir une date valide.",
 	it: "Inserire una data valida."
-}, Ne = (e) => ({
+}, Me = (e) => ({
 	de: `Datum darf nicht vor ${e} sein.`,
 	en: `Date must not be before ${e}.`,
 	fr: `La date ne doit pas être antérieure au ${e}.`,
 	it: `La data non deve essere anteriore al ${e}.`
-}), Pe = (e) => ({
+}), Ne = (e) => ({
 	de: `Datum darf nicht nach ${e} sein.`,
 	en: `Date must not be after ${e}.`,
 	fr: `La date ne doit pas être postérieure au ${e}.`,
 	it: `La data non deve essere successiva al ${e}.`
-}), Fe = (e) => ({
+}), Pe = (e) => ({
 	de: `Zeit geändert zu ${e}.`,
 	en: `Time changed to ${e}.`,
 	fr: `Heure modifiée: ${e}.`,
 	it: `Orario modificata alle ${e}.`
-}), Ie = {
+}), Fe = {
 	de: "Bitte gültige Zeit eingeben.",
 	en: "Please provide a valid time.",
 	fr: "Veuillez saisir une heure valide.",
 	it: "Inserisci un orario valido."
-}, Le = {
+}, Ie = {
 	de: "Zeit darf nicht nach 23:59 sein.",
 	en: "Time must not be after 23:59.",
 	fr: "L’heure ne doit pas être postérieure à 23h59.",
 	it: "L’orario non può essere successivo alle 23.59."
-}, Re = {
+}, Le = {
 	de: "Die Zeiteingabe darf nicht mehr als fünf Zeichen haben.",
 	en: "The time input must not exceed five characters.",
 	fr: "La saisie de l’heure ne doit pas comporter plus de cinq caractères.",
 	it: "L’indicazione temporale non può contenere più di cinque caratteri."
-}, ze = {
+}, Re = {
 	de: "Drücken Sie die Entfernen-Taste um den Chip zu löschen",
 	en: "Press the Delete button to remove the chip",
 	fr: "Appuyez sur la touche Del pour supprimer cette puce",
 	it: "Premi il tasto Canc per rimuovere questa chip"
-}, Be = {
+}, ze = {
 	de: "Ausgewählte Elemente:",
 	en: "Selected elements:",
 	fr: "Éléments sélectionnés:",
 	it: "Elementi selezionati:"
-}, Ve = {
+}, Be = {
 	de: "Woche",
 	en: "Week",
 	fr: "Semaine",
 	it: "Settimana"
-}, He = {
+}, Ve = {
 	de: "Von und Nach tauschen",
 	en: "Swap from and to",
 	fr: "Échanger de et à",
 	it: "Inverti Da e A"
-}, Ue = (e, t) => ({
+}, He = (e, t) => ({
 	de: `${e} von ${t}`,
 	en: `${e} of ${t}`,
 	fr: `${e} sur ${t}`,
 	it: `${e} di ${t}`
-}), We = {
+}), Ue = {
 	de: "Karussell – Benutzen Sie die Pfeiltasten im Interaktionsmodus, um durch die Folien zu navigieren",
 	en: "Carousel - Use the arrow keys in interaction mode to navigate through the slides",
 	fr: "Carrousel – Utilisez les touches fléchées en mode interaction pour naviguer dans les diapositives",
 	it: "Carosello – Utilizzare i tasti freccia in modalità interazione per navigare tra le slide"
-}, Ge = {
+}, We = {
 	de: "Nächste Folie",
 	en: "Next slide",
 	fr: "Diapositive suivante",
 	it: "Slide successiva"
-}, Ke = {
+}, Ge = {
 	de: "Vorherige Folie",
 	en: "Previous slide",
 	fr: "Diapositive précédente",
 	it: "Slide precedente"
-}, qe = {
+}, Ke = {
 	de: "Folie",
 	en: "Slide",
 	fr: "Diapositive",
 	it: "Slide"
-}, Je = {
+}, qe = {
 	de: "Zeichen übrig",
 	en: "characters remaining",
 	fr: "caractères restants",
 	it: "caratteri rimanenti"
 };
 //#endregion
-export { _ as i18nAdditionalWagonInformationHeading, i as i18nAnd, t as i18nArrival, g as i18nBlockedPassage, pe as i18nBreadcrumbEllipsisButtonLabel, Z as i18nCalendarDateSelection, Ve as i18nCalendarWeekNumber, We as i18nCarouselArrowsNavigationHint, Ue as i18nCarouselItemAriaLabel, ke as i18nCheckboxRequired, ze as i18nChipDelete, Be as i18nChipGroupInputDescription, a as i18nClass, me as i18nClearInput, L as i18nCloseAlert, B as i18nCloseDialog, V as i18nCloseNavigation, R as i18nCloseNotification, U as i18nClosePopover, H as i18nCloseSidebar, d as i18nClosedCompartmentLabel, de as i18nCollapsed, se as i18nConnectionFrom, le as i18nConnectionRoundtrip, ce as i18nConnectionTo, m as i18nCouchetteWagonLabel, oe as i18nDateChangedTo, Me as i18nDateInvalid, Pe as i18nDateMax, Ne as i18nDateMin, ae as i18nDatePickerPlaceholder, v as i18nDeparture, z as i18nDialog, e as i18nDirection, x as i18nDurationDay, b as i18nDurationHour, y as i18nDurationMinute, ue as i18nExpanded, _e as i18nFileSelectorButtonLabel, ve as i18nFileSelectorButtonLabelMultiple, Se as i18nFileSelectorCurrentlySelected, xe as i18nFileSelectorDeleteFile, ye as i18nFileSelectorSubtitleLabel, be as i18nFileSelectorSubtitleLabelMultiple, he as i18nFlipCard, k as i18nFromPlatform, W as i18nGoBack, je as i18nInputRequired, Ee as i18nItemsPerPage, f as i18nLocomotiveLabel, fe as i18nMapContainerButtonLabel, M as i18nMeansOfTransport, O as i18nNew, J as i18nNextDay, K as i18nNextMonth, Ce as i18nNextPage, Ge as i18nNextSlide, ee as i18nNextYear, Q as i18nNextYearRange, j as i18nOccupancy, N as i18nOptional, Te as i18nPage, Oe as i18nPaginatorOf, De as i18nPaginatorSelected, Y as i18nPreviousDay, q as i18nPreviousMonth, we as i18nPreviousPage, Ke as i18nPreviousSlide, te as i18nPreviousYear, $ as i18nPreviousYearRange, T as i18nRealTimeInfo, Je as i18nRemainingCharacters, h as i18nRestaurantWagonLabel, ge as i18nReverseCard, n as i18nSector, r as i18nSectorShort, ne as i18nSelectNextDay, re as i18nSelectPreviousDay, Ae as i18nSelectionRequired, ie as i18nShowCalendar, p as i18nSleepingWagonLabel, qe as i18nSlide, A as i18nSupersaver, P as i18nTargetOpensInNewWindow, Fe as i18nTimeInputChange, Ie as i18nTimeInvalid, Le as i18nTimeMax, Re as i18nTimeMaxLength, He as i18nTimetableFormSwapButtonLabel, G as i18nToday, o as i18nTrain, s as i18nTrains, E as i18nTransferProcedure, D as i18nTransferProcedures, w as i18nTravelhints, C as i18nTripDuration, S as i18nTripQuayChange, l as i18nWagonLabel, u as i18nWagonLabelNumber, c as i18nWagonsLabel, F as i18nWalkingDistanceArrival, I as i18nWalkingDistanceDeparture, X as i18nYearMonthSelection };
+export { _ as i18nAdditionalWagonInformationHeading, i as i18nAnd, t as i18nArrival, g as i18nBlockedPassage, fe as i18nBreadcrumbEllipsisButtonLabel, X as i18nCalendarDateSelection, Be as i18nCalendarWeekNumber, Ue as i18nCarouselArrowsNavigationHint, He as i18nCarouselItemAriaLabel, Oe as i18nCheckboxRequired, Re as i18nChipDelete, ze as i18nChipGroupInputDescription, a as i18nClass, pe as i18nClearInput, I as i18nCloseAlert, z as i18nCloseDialog, B as i18nCloseNavigation, L as i18nCloseNotification, H as i18nClosePopover, V as i18nCloseSidebar, d as i18nClosedCompartmentLabel, ue as i18nCollapsed, oe as i18nConnectionFrom, ce as i18nConnectionRoundtrip, se as i18nConnectionTo, m as i18nCouchetteWagonLabel, ae as i18nDateChangedTo, je as i18nDateInvalid, Ne as i18nDateMax, Me as i18nDateMin, ie as i18nDatePickerPlaceholder, v as i18nDeparture, R as i18nDialog, e as i18nDirection, x as i18nDurationDay, b as i18nDurationHour, y as i18nDurationMinute, le as i18nExpanded, ge as i18nFileSelectorButtonLabel, _e as i18nFileSelectorButtonLabelMultiple, xe as i18nFileSelectorCurrentlySelected, be as i18nFileSelectorDeleteFile, ve as i18nFileSelectorSubtitleLabel, ye as i18nFileSelectorSubtitleLabelMultiple, me as i18nFlipCard, k as i18nFromPlatform, U as i18nGoBack, Ae as i18nInputRequired, Te as i18nItemsPerPage, f as i18nLocomotiveLabel, de as i18nMapContainerButtonLabel, M as i18nMeansOfTransport, O as i18nNew, q as i18nNextDay, G as i18nNextMonth, Se as i18nNextPage, We as i18nNextSlide, $ as i18nNextYear, Z as i18nNextYearRange, j as i18nOccupancy, we as i18nPage, De as i18nPaginatorOf, Ee as i18nPaginatorSelected, J as i18nPreviousDay, K as i18nPreviousMonth, Ce as i18nPreviousPage, Ge as i18nPreviousSlide, ee as i18nPreviousYear, Q as i18nPreviousYearRange, T as i18nRealTimeInfo, qe as i18nRemainingCharacters, h as i18nRestaurantWagonLabel, he as i18nReverseCard, n as i18nSector, r as i18nSectorShort, te as i18nSelectNextDay, ne as i18nSelectPreviousDay, ke as i18nSelectionRequired, re as i18nShowCalendar, p as i18nSleepingWagonLabel, Ke as i18nSlide, A as i18nSupersaver, N as i18nTargetOpensInNewWindow, Pe as i18nTimeInputChange, Fe as i18nTimeInvalid, Ie as i18nTimeMax, Le as i18nTimeMaxLength, Ve as i18nTimetableFormSwapButtonLabel, W as i18nToday, o as i18nTrain, s as i18nTrains, E as i18nTransferProcedure, D as i18nTransferProcedures, w as i18nTravelhints, C as i18nTripDuration, S as i18nTripQuayChange, l as i18nWagonLabel, u as i18nWagonLabelNumber, c as i18nWagonsLabel, P as i18nWalkingDistanceArrival, F as i18nWalkingDistanceDeparture, Y as i18nYearMonthSelection };

package/core/mixins/_panel-common.global.scss

@@ -0,0 +1,41 @@
+@use '../styles' as sbb;
+
+$theme: 'standard' !default;
+
+@mixin base {
+  // For consistency, a few variables are also consumed in selection-action-panel and selection-expansion-panel
+  --sbb-selection-panel-background-default: var(--sbb-background-color-1);
+  --sbb-selection-panel-background-milk: var(--sbb-background-color-3);
+  --sbb-selection-panel-border-radius: var(--sbb-border-radius-4x);
+  --sbb-selection-panel-border-color-default: var(--sbb-border-color-4-inverted);
+  --sbb-selection-panel-border-color-checked: var(--sbb-border-color-3);
+  --sbb-selection-panel-border-color-borderless: transparent;
+  --sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-default);
+  --sbb-selection-panel-border-width-default: var(--sbb-border-width-1x);
+  --sbb-selection-panel-border-width-checked: var(--sbb-border-width-2x);
+  --sbb-selection-panel-input-padding-block-xs: var(--sbb-spacing-responsive-xxs);
+  --sbb-selection-panel-input-padding-inline-xs: var(--sbb-spacing-responsive-xxxs);
+  --sbb-selection-panel-input-padding-block-s: var(--sbb-spacing-responsive-xxs);
+  --sbb-selection-panel-input-padding-inline-s: var(--sbb-spacing-responsive-xxxs);
+  --sbb-selection-panel-input-padding-block-m: var(--sbb-spacing-responsive-xs);
+  --sbb-selection-panel-input-padding-inline-m: var(--sbb-spacing-responsive-xxs);
+  --sbb-selection-panel-input-padding: #{sbb.theme-pattern-select(
+      (
+        'standard': var(--sbb-selection-panel-input-padding-block-m)
+          var(--sbb-selection-panel-input-padding-inline-m),
+        'lean': var(--sbb-selection-panel-input-padding-block-xs)
+          var(--sbb-selection-panel-input-padding-inline-xs),
+      ),
+      $theme
+    )};
+  --sbb-selection-panel-checkbox-dimension: #{sbb.theme-pattern-select(
+      (
+        'standard': var(--sbb-checkbox-dimension-m),
+        'lean': var(--sbb-checkbox-dimension-xs),
+      ),
+      $theme
+    )};
+  --sbb-selection-panel-cursor: var(--sbb-cursor-pointer);
+  --sbb-selection-panel-suffix-color: var(--sbb-color-3);
+  --sbb-selection-panel-subtext-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
+}

package/core/mixins/form-associated-checkbox-mixin.js

@@ -4,20 +4,16 @@ import { SbbRequiredMixin as n } from "./required-mixin.js";
 import { __esDecorate as r, __runInitializers as i } from "tslib";
 import { defaultConverter as a } from "lit";
 import { property as o } from "lit/decorators.js";
-import { hostAttributes as s } from "../decorators/host-attributes.js";
-import { SbbLanguageController as c } from "../controllers/language-controller.js";
-import { i18nCheckboxRequired as l } from "../i18n/i18n.js";
-import { preventScrollOnSpacebarPress as u } from "../eventing/form-element-handlers.js";
+import { SbbLanguageController as s } from "../controllers/language-controller.js";
+import { i18nCheckboxRequired as c } from "../i18n/i18n.js";
+import { preventScrollOnSpacebarPress as l } from "../eventing/form-element-handlers.js";
 //#region src/elements/core/mixins/form-associated-checkbox-mixin.ts
-var d = (d) => (() => {
-	let f = [s({ tabindex: "0" })], p, m = [], h, g = e(n(t(d))), _ = [], v;
-	var y = class extends g {
+var u = (u) => (() => {
+	let d = e(n(t(u))), f = [], p;
+	return class extends d {
 		static {
-			h = this;
-		}
-		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-			v = [o({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+			p = [o({
 				type: Boolean,
 				converter: {
 					...a,
@@ -26,7 +22,7 @@ var d = (d) => (() => {
 						attribute: !0
 					})
 				}
-			})], r(this, null, v, {
+			})], r(this, null, p, {
 				kind: "setter",
 				name: "checked",
 				static: !1,
@@ -38,11 +34,7 @@ var d = (d) => (() => {
 					}
 				},
 				metadata: e
-			}, null, _), r(null, p = { value: h }, f, {
-				kind: "class",
-				name: h.name,
-				metadata: e
-			}, null, m), y = h = p.value, e && Object.defineProperty(h, Symbol.metadata, {
+			}, null, f), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -63,14 +55,17 @@ var d = (d) => (() => {
 			return "checkbox";
 		}
 		constructor() {
-			super(), this._attributeMutationBlocked = (i(this, _), !1), this._languageController = new c(this), this._checked = !1, this._handleKeyboardInteraction = (e) => {
+			super(), this._attributeMutationBlocked = (i(this, f), !1), this._languageController = new s(this), this._checked = !1, this._handleKeyboardInteraction = (e) => {
 				e.key === " " && this._handleUserInteraction();
 			}, this._handleUserInteraction = () => {
 				this.disabled || (this.withUserInteraction?.(), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", {
 					composed: !0,
 					bubbles: !0
 				})), this.dispatchEvent(new Event("change", { bubbles: !0 })));
-			}, this.addEventListener?.("click", this._handleUserInteraction), this.addEventListener?.("keydown", u), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
+			}, this.addEventListener?.("click", this._handleUserInteraction), this.addEventListener?.("keydown", l), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.tabIndex = 0;
 		}
 		attributeChangedCallback(e, t, n) {
 			(e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, n);
@@ -91,13 +86,9 @@ var d = (d) => (() => {
 			return super.shouldValidate(e) || e === "checked" || e === "required";
 		}
 		validate() {
-			super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", l[this._languageController.current]) : this.removeValidityFlag("valueMissing");
-		}
-		static {
-			i(h, m);
+			super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", c[this._languageController.current]) : this.removeValidityFlag("valueMissing");
 		}
 	};
-	return h;
 })();
 //#endregion
-export { d as SbbFormAssociatedCheckboxMixin };
+export { u as SbbFormAssociatedCheckboxMixin };

package/core/mixins/form-associated-input-mixin.js

@@ -151,6 +151,11 @@ var g = (() => {
 		validate() {
 			super.validate(), this.required && !this.value ? this.setValidityFlag("valueMissing", p[this.language.current]) : this.removeValidityFlag("valueMissing");
 		}
+		isSelected() {
+			if (s) return !1;
+			let e = window.getSelection();
+			return !!e && e.rangeCount > 0 && this.contains(e.anchorNode);
+		}
 		preparePastedText(e) {
 			return e;
 		}

package/core/mixins/form-associated-radio-button-mixin.js

@@ -55,7 +55,8 @@ var f = /* @__PURE__ */ new WeakMap(), p = (p) => (() => {
 			return this._checked;
 		}
 		set name(e) {
-			super.name = e, this._disconnectFromRegistry(), this._connectToRegistry(), this._synchronizeGroupState();
+			let t = this.name;
+			e !== t && (super.name = e, this._disconnectFromRegistry(t), this._connectToRegistry(), this._synchronizeGroupState());
 		}
 		get name() {
 			return super.name;
@@ -70,7 +71,7 @@ var f = /* @__PURE__ */ new WeakMap(), p = (p) => (() => {
 			super.connectedCallback(), this._connectToRegistry(), this._synchronizeGroupState();
 		}
 		disconnectedCallback() {
-			super.disconnectedCallback(), this._disconnectFromRegistry();
+			super.disconnectedCallback(), this._disconnectFromRegistry(this.name);
 		}
 		formResetCallback() {
 			this.checked = this.hasAttribute("checked");
@@ -129,8 +130,8 @@ var f = /* @__PURE__ */ new WeakMap(), p = (p) => (() => {
 			let n = t.findIndex((e) => this.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING);
 			n === -1 ? t.push(this) : t.splice(n, 0, this), t.forEach((e) => this.associatedRadioButtons.add(e)), this.validate();
 		}
-		_disconnectFromRegistry() {
-			this.associatedRadioButtons?.delete(this), this.associatedRadioButtons?.size === 0 ? this._radioButtonGroupsMap?.delete(this.name) : this.validate(), this.associatedRadioButtons = void 0, this._radioButtonGroupsMap = void 0;
+		_disconnectFromRegistry(e) {
+			this.associatedRadioButtons?.delete(this), this.associatedRadioButtons?.size === 0 ? this._radioButtonGroupsMap?.delete(e) : this.validate(), this.associatedRadioButtons = void 0, this._radioButtonGroupsMap = void 0;
 		}
 		_interactableGroupedRadios() {
 			return Array.from(this.associatedRadioButtons ?? []).filter((e) => d.isVisible(e));