{ "schemaVersion": "1.0.0", "readme": "", "modules": [ { "kind": "javascript-module", "path": "accordion.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "accordion/accordion.component.js" } } ] }, { "kind": "javascript-module", "path": "accordion.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "accordion.pure.js" } } ] }, { "kind": "javascript-module", "path": "action-group.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "action-group/action-group.component.js" } } ] }, { "kind": "javascript-module", "path": "action-group.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "action-group.pure.js" } } ] }, { "kind": "javascript-module", "path": "alert.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "alert/alert-group/alert-group.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "alert/alert/alert.component.js" } } ] }, { "kind": "javascript-module", "path": "alert.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "alert.pure.js" } } ] }, { "kind": "javascript-module", "path": "autocomplete.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "autocomplete/autocomplete.component.js" } } ] }, { "kind": "javascript-module", "path": "autocomplete.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "autocomplete.pure.js" } } ] }, { "kind": "javascript-module", "path": "breadcrumb.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "breadcrumb/breadcrumb-group/breadcrumb-group.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "breadcrumb/breadcrumb/breadcrumb.component.js" } } ] }, { "kind": "javascript-module", "path": "breadcrumb.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "breadcrumb.pure.js" } } ] }, { "kind": "javascript-module", "path": "button.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/button/button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/secondary-button/secondary-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/accent-button/accent-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/transparent-button/transparent-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/mini-button/mini-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/mini-button-link/mini-button-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/mini-button-group/mini-button-group.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/button-link/button-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/secondary-button-link/secondary-button-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/accent-button-link/accent-button-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/transparent-button-link/transparent-button-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/button-static/button-static.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/secondary-button-static/secondary-button-static.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/accent-button-static/accent-button-static.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/transparent-button-static/transparent-button-static.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/common/button-common.js" } } ] }, { "kind": "javascript-module", "path": "button.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button.pure.js" } } ] }, { "kind": "javascript-module", "path": "calendar.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar-day/calendar-day.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar-month/calendar-month.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar-year/calendar-year.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar-weekday/calendar-weekday.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar-weeknumber/calendar-weeknumber.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar/calendar.component.js" } } ] }, { "kind": "javascript-module", "path": "calendar.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar.pure.js" } } ] }, { "kind": "javascript-module", "path": "card.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card/card-badge/card-badge.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card/card-button/card-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card/card-link/card-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card/card/card.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card/common/card-action-common.js" } } ] }, { "kind": "javascript-module", "path": "card.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card.pure.js" } } ] }, { "kind": "javascript-module", "path": "carousel.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "carousel/carousel-item/carousel-item.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "carousel/carousel-list/carousel-list.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "carousel/carousel/carousel.component.js" } } ] }, { "kind": "javascript-module", "path": "carousel.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "carousel.pure.js" } } ] }, { "kind": "javascript-module", "path": "checkbox-group.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox-group/checkbox-group.component.js" } } ] }, { "kind": "javascript-module", "path": "checkbox-group.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox-group.pure.js" } } ] }, { "kind": "javascript-module", "path": "checkbox-panel.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox-panel/checkbox-panel.component.js" } } ] }, { "kind": "javascript-module", "path": "checkbox-panel.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox-panel.pure.js" } } ] }, { "kind": "javascript-module", "path": "checkbox.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox/checkbox.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox/common/checkbox-common.js" } } ] }, { "kind": "javascript-module", "path": "checkbox.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox.pure.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox-group.pure.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox-panel.pure.js" } } ] }, { "kind": "javascript-module", "path": "chip-label.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "chip-label/chip-label.component.js" } } ] }, { "kind": "javascript-module", "path": "chip-label.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "chip-label.pure.js" } } ] }, { "kind": "javascript-module", "path": "chip.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "chip/chip-group/chip-group.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "chip/chip/chip.component.js" } } ] }, { "kind": "javascript-module", "path": "chip.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "chip.pure.js" } } ] }, { "kind": "javascript-module", "path": "clock.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "clock/clock.component.js" } } ] }, { "kind": "javascript-module", "path": "clock.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "clock.pure.js" } } ] }, { "kind": "javascript-module", "path": "container.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "container/container/container.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "container/sticky-bar/sticky-bar.component.js" } } ] }, { "kind": "javascript-module", "path": "container.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "container.pure.js" } } ] }, { "kind": "javascript-module", "path": "core.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/a11y.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/base-elements.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/config.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/controllers.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/datetime.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/decorators.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/dom.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/eventing.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/i18n.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/interfaces.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/overlay.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/styles.js" } } ] }, { "kind": "javascript-module", "path": "date-input.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "date-input/date-input.component.js" } } ] }, { "kind": "javascript-module", "path": "date-input.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "date-input.pure.js" } } ] }, { "kind": "javascript-module", "path": "datepicker.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker/common/datepicker-button.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker/datepicker-next-day/datepicker-next-day.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker/datepicker-previous-day/datepicker-previous-day.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker/datepicker-toggle/datepicker-toggle.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker/datepicker/datepicker.component.js" } } ] }, { "kind": "javascript-module", "path": "datepicker.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker.pure.js" } } ] }, { "kind": "javascript-module", "path": "dialog.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog/dialog-actions/dialog-actions.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog/dialog-close-button/dialog-close-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog/dialog-content/dialog-content.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog/dialog-title/dialog-title.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog/dialog/dialog.component.js" } } ] }, { "kind": "javascript-module", "path": "dialog.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog.pure.js" } } ] }, { "kind": "javascript-module", "path": "divider.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "divider/divider.component.js" } } ] }, { "kind": "javascript-module", "path": "divider.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "divider.pure.js" } } ] }, { "kind": "javascript-module", "path": "expansion-panel.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "expansion-panel/expansion-panel-content/expansion-panel-content.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "expansion-panel/expansion-panel-header/expansion-panel-header.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "expansion-panel/expansion-panel/expansion-panel.component.js" } } ] }, { "kind": "javascript-module", "path": "expansion-panel.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "expansion-panel.pure.js" } } ] }, { "kind": "javascript-module", "path": "file-selector.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "file-selector/common/file-selector-common.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "file-selector/file-selector-dropzone/file-selector-dropzone.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "file-selector/file-selector/file-selector.component.js" } } ] }, { "kind": "javascript-module", "path": "file-selector.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "file-selector.pure.js" } } ] }, { "kind": "javascript-module", "path": "flip-card.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "flip-card/flip-card-details/flip-card-details.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "flip-card/flip-card-summary/flip-card-summary.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "flip-card/flip-card/flip-card.component.js" } } ] }, { "kind": "javascript-module", "path": "flip-card.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "flip-card.pure.js" } } ] }, { "kind": "javascript-module", "path": "footer.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "footer/footer.component.js" } } ] }, { "kind": "javascript-module", "path": "footer.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "footer.pure.js" } } ] }, { "kind": "javascript-module", "path": "form-field.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "form-field/error/error.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "form-field/form-field/form-field.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "form-field/form-field-clear/form-field-clear.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "form-field/form-field-text-counter/form-field-text-counter.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "form-field/hint/hint.component.js" } } ] }, { "kind": "javascript-module", "path": "form-field.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "form-field.pure.js" } } ] }, { "kind": "javascript-module", "path": "header.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header/common/header-action-common.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header/header-button/header-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header/header-environment/header-environment.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header/header-link/header-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header/header/header.component.js" } } ] }, { "kind": "javascript-module", "path": "header.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header.pure.js" } } ] }, { "kind": "javascript-module", "path": "icon-sidebar.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon-sidebar/icon-sidebar/icon-sidebar.component.js" } } ] }, { "kind": "javascript-module", "path": "icon-sidebar.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon-sidebar.pure.js" } } ] }, { "kind": "javascript-module", "path": "icon.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon/icon-base.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon/icon-name-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon/icon-request.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon/icon-validate.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon/icon.component.js" } } ] }, { "kind": "javascript-module", "path": "icon.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "icon.pure.js" } } ] }, { "kind": "javascript-module", "path": "image.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "image/image.component.js" } } ] }, { "kind": "javascript-module", "path": "image.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "image.pure.js" } } ] }, { "kind": "javascript-module", "path": "journey-header.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "journey-header/journey-header.component.js" } } ] }, { "kind": "javascript-module", "path": "journey-header.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "journey-header.pure.js" } } ] }, { "kind": "javascript-module", "path": "lead-container.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "lead-container/lead-container.component.js" } } ] }, { "kind": "javascript-module", "path": "lead-container.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "lead-container.pure.js" } } ] }, { "kind": "javascript-module", "path": "link-list-anchor.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link-list-anchor/link-list-anchor.component.js" } } ] }, { "kind": "javascript-module", "path": "link-list-anchor.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link-list-anchor.pure.js" } } ] }, { "kind": "javascript-module", "path": "link-list.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link-list/common/link-list-base.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link-list/link-list.component.js" } } ] }, { "kind": "javascript-module", "path": "link-list.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link-list.pure.js" } } ] }, { "kind": "javascript-module", "path": "link.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link/block-link/block-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link/block-link-button/block-link-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link/block-link-static/block-link-static.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link/link/link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link/link-button/link-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link/link-static/link-static.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link/common/block-link-common.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link/common/inline-link-common.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link/common/link-common.js" } } ] }, { "kind": "javascript-module", "path": "link.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "link.pure.js" } } ] }, { "kind": "javascript-module", "path": "loading-indicator-circle.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "loading-indicator-circle/loading-indicator-circle.component.js" } } ] }, { "kind": "javascript-module", "path": "loading-indicator-circle.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "loading-indicator-circle.pure.js" } } ] }, { "kind": "javascript-module", "path": "loading-indicator.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "loading-indicator/loading-indicator.component.js" } } ] }, { "kind": "javascript-module", "path": "loading-indicator.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "loading-indicator.pure.js" } } ] }, { "kind": "javascript-module", "path": "logo.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "logo/logo.component.js" } } ] }, { "kind": "javascript-module", "path": "logo.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "logo.pure.js" } } ] }, { "kind": "javascript-module", "path": "map-container.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "map-container/map-container.component.js" } } ] }, { "kind": "javascript-module", "path": "map-container.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "map-container.pure.js" } } ] }, { "kind": "javascript-module", "path": "menu.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "menu/common/menu-action-common.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "menu/menu-button/menu-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "menu/menu-link/menu-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "menu/menu/menu.component.js" } } ] }, { "kind": "javascript-module", "path": "menu.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "menu.pure.js" } } ] }, { "kind": "javascript-module", "path": "message.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "message/message.component.js" } } ] }, { "kind": "javascript-module", "path": "message.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "message.pure.js" } } ] }, { "kind": "javascript-module", "path": "mini-calendar.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "mini-calendar/mini-calendar-day/mini-calendar-day.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "mini-calendar/mini-calendar-month/mini-calendar-month.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "mini-calendar/mini-calendar/mini-calendar.component.js" } } ] }, { "kind": "javascript-module", "path": "mini-calendar.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "mini-calendar.pure.js" } } ] }, { "kind": "javascript-module", "path": "navigation.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "navigation/common/navigation-action-common.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "navigation/navigation-button/navigation-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "navigation/navigation-link/navigation-link.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "navigation/navigation-list/navigation-list.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "navigation/navigation-marker/navigation-marker.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "navigation/navigation-section/navigation-section.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "navigation/navigation/navigation.component.js" } } ] }, { "kind": "javascript-module", "path": "navigation.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "navigation.pure.js" } } ] }, { "kind": "javascript-module", "path": "notification.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "notification/notification.component.js" } } ] }, { "kind": "javascript-module", "path": "notification.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "notification.pure.js" } } ] }, { "kind": "javascript-module", "path": "option.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "option/optgroup/optgroup-base-element.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "option/optgroup/optgroup.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "option/option-hint/option-hint.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "option/option/option-base-element.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "option/option/option.component.js" } } ] }, { "kind": "javascript-module", "path": "option.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "option.pure.js" } } ] }, { "kind": "javascript-module", "path": "overlay.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "overlay/overlay-base-element.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "overlay/overlay.component.js" } } ] }, { "kind": "javascript-module", "path": "overlay.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "overlay.pure.js" } } ] }, { "kind": "javascript-module", "path": "paginator.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "paginator/common/paginator-common.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "paginator/compact-paginator/compact-paginator.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "paginator/paginator/paginator.component.js" } } ] }, { "kind": "javascript-module", "path": "paginator.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "paginator.pure.js" } } ] }, { "kind": "javascript-module", "path": "popover.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "popover/popover.component.js" } } ] }, { "kind": "javascript-module", "path": "popover.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "popover.pure.js" } } ] }, { "kind": "javascript-module", "path": "radio-button-group.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "radio-button-group/radio-button-group.component.js" } } ] }, { "kind": "javascript-module", "path": "radio-button-group.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "radio-button-group.pure.js" } } ] }, { "kind": "javascript-module", "path": "radio-button-panel.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "radio-button-panel/radio-button-panel.component.js" } } ] }, { "kind": "javascript-module", "path": "radio-button-panel.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "radio-button-panel.pure.js" } } ] }, { "kind": "javascript-module", "path": "radio-button.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "radio-button/radio-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "radio-button/common/radio-button-common.js" } } ] }, { "kind": "javascript-module", "path": "radio-button.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "radio-button.pure.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "radio-button-group.pure.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "radio-button-panel.pure.js" } } ] }, { "kind": "javascript-module", "path": "screen-reader-only.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "screen-reader-only/screen-reader-only.component.js" } } ] }, { "kind": "javascript-module", "path": "screen-reader-only.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "screen-reader-only.pure.js" } } ] }, { "kind": "javascript-module", "path": "select.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "select/select.component.js" } } ] }, { "kind": "javascript-module", "path": "select.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "select.pure.js" } } ] }, { "kind": "javascript-module", "path": "selection-action-panel.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "selection-action-panel/selection-action-panel.component.js" } } ] }, { "kind": "javascript-module", "path": "selection-action-panel.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "selection-action-panel.pure.js" } } ] }, { "kind": "javascript-module", "path": "selection-expansion-panel.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "selection-expansion-panel/selection-expansion-panel.component.js" } } ] }, { "kind": "javascript-module", "path": "selection-expansion-panel.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "selection-expansion-panel.pure.js" } } ] }, { "kind": "javascript-module", "path": "sidebar.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "sidebar/sidebar-close-button/sidebar-close-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "sidebar/sidebar-container/sidebar-container.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "sidebar/sidebar-content/sidebar-content.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "sidebar/sidebar-title/sidebar-title.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "sidebar/sidebar/sidebar.component.js" } } ] }, { "kind": "javascript-module", "path": "sidebar.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "sidebar.pure.js" } } ] }, { "kind": "javascript-module", "path": "signet.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "signet/signet.component.js" } } ] }, { "kind": "javascript-module", "path": "signet.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "signet.pure.js" } } ] }, { "kind": "javascript-module", "path": "skiplink-list.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "skiplink-list/skiplink-list.component.js" } } ] }, { "kind": "javascript-module", "path": "skiplink-list.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "skiplink-list.pure.js" } } ] }, { "kind": "javascript-module", "path": "slider.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "slider/slider.component.js" } } ] }, { "kind": "javascript-module", "path": "slider.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "slider.pure.js" } } ] }, { "kind": "javascript-module", "path": "status.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "status/status.component.js" } } ] }, { "kind": "javascript-module", "path": "status.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "status.pure.js" } } ] }, { "kind": "javascript-module", "path": "stepper.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "stepper/step-label/step-label.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "stepper/step/step.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "stepper/stepper/stepper.component.js" } } ] }, { "kind": "javascript-module", "path": "stepper.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "stepper.pure.js" } } ] }, { "kind": "javascript-module", "path": "table.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "table/table-wrapper/table-wrapper.component.js" } } ] }, { "kind": "javascript-module", "path": "table.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "table.pure.js" } } ] }, { "kind": "javascript-module", "path": "tabs.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tabs/tab-group/tab-group.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tabs/tab-label/tab-label.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tabs/tab-nav-bar/tab-nav-bar.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tabs/tab/tab.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tabs/common/styles.js" } } ] }, { "kind": "javascript-module", "path": "tabs.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tabs.pure.js" } } ] }, { "kind": "javascript-module", "path": "tag.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tag/tag-group/tag-group.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tag/tag/tag.component.js" } } ] }, { "kind": "javascript-module", "path": "tag.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tag.pure.js" } } ] }, { "kind": "javascript-module", "path": "teaser-hero.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "teaser-hero/teaser-hero.component.js" } } ] }, { "kind": "javascript-module", "path": "teaser-hero.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "teaser-hero.pure.js" } } ] }, { "kind": "javascript-module", "path": "teaser-product.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "teaser-product/common/teaser-product-common.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "teaser-product/teaser-product-static/teaser-product-static.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "teaser-product/teaser-product/teaser-product.component.js" } } ] }, { "kind": "javascript-module", "path": "teaser-product.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "teaser-product.pure.js" } } ] }, { "kind": "javascript-module", "path": "teaser.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "teaser/teaser.component.js" } } ] }, { "kind": "javascript-module", "path": "teaser.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "teaser.pure.js" } } ] }, { "kind": "javascript-module", "path": "time-input.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "time-input/time-input.component.js" } } ] }, { "kind": "javascript-module", "path": "time-input.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "time-input.pure.js" } } ] }, { "kind": "javascript-module", "path": "timetable-form.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "timetable-form/timetable-form-details/timetable-form-details.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "timetable-form/timetable-form-field/timetable-form-field.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "timetable-form/timetable-form/timetable-form.component.js" } } ] }, { "kind": "javascript-module", "path": "timetable-form.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "timetable-form.pure.js" } } ] }, { "kind": "javascript-module", "path": "timetable-occupancy-icon.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "timetable-occupancy-icon/timetable-occupancy-icon.component.js" } } ] }, { "kind": "javascript-module", "path": "timetable-occupancy-icon.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "timetable-occupancy-icon.pure.js" } } ] }, { "kind": "javascript-module", "path": "timetable-occupancy.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "timetable-occupancy/timetable-occupancy.component.js" } } ] }, { "kind": "javascript-module", "path": "timetable-occupancy.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "timetable-occupancy.pure.js" } } ] }, { "kind": "javascript-module", "path": "title.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "title/title-base.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "title/title.component.js" } } ] }, { "kind": "javascript-module", "path": "title.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "title.pure.js" } } ] }, { "kind": "javascript-module", "path": "toast.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "toast/toast.component.js" } } ] }, { "kind": "javascript-module", "path": "toast.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "toast.pure.js" } } ] }, { "kind": "javascript-module", "path": "toggle-check.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "toggle-check/toggle-check.component.js" } } ] }, { "kind": "javascript-module", "path": "toggle-check.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "toggle-check.pure.js" } } ] }, { "kind": "javascript-module", "path": "toggle.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "toggle/toggle-option/toggle-option.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "toggle/toggle/toggle.component.js" } } ] }, { "kind": "javascript-module", "path": "toggle.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "toggle.pure.js" } } ] }, { "kind": "javascript-module", "path": "tooltip.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tooltip/tooltip.component.js" } } ] }, { "kind": "javascript-module", "path": "tooltip.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "tooltip.pure.js" } } ] }, { "kind": "javascript-module", "path": "train.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "train/train-blocked-passage/train-blocked-passage.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "train/train-formation/train-formation.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "train/train-wagon/train-wagon.component.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "train/train/train.component.js" } } ] }, { "kind": "javascript-module", "path": "train.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "train.pure.js" } } ] }, { "kind": "javascript-module", "path": "visual-checkbox.pure.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "visual-checkbox/visual-checkbox.component.js" } } ] }, { "kind": "javascript-module", "path": "visual-checkbox.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "visual-checkbox.pure.js" } } ] }, { "kind": "javascript-module", "path": "accordion/accordion.component.js", "declarations": [ { "kind": "class", "description": "It can be used as a container for one or more `sbb-expansion-panel` component.", "name": "SbbAccordionElement", "slots": [ { "description": "Use the unnamed slot to add `sbb-expansion-panel` elements.", "name": "" } ], "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'sbb-accordion'", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "size", "type": { "text": "'s' | 'l'" }, "privacy": "public", "description": "Size variant, either l or s; overrides the size on any projected `sbb-expansion-panel`.", "default": "'l' / 's' (lean)", "attribute": "size", "reflects": true }, { "kind": "field", "name": "titleLevel", "type": { "text": "SbbTitleLevel | null" }, "privacy": "public", "default": "null", "description": "The heading level for the sbb-expansion-panel-headers within the component.", "attribute": "title-level" }, { "kind": "field", "name": "multi", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether more than one sbb-expansion-panel can be open at the same time.", "attribute": "multi" }, { "kind": "method", "name": "_expansionPanels", "privacy": "private", "return": { "type": { "text": "SbbExpansionPanelElement[]" } } }, { "kind": "method", "name": "_closePanels", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "_resetExpansionPanels", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "newValue", "type": { "text": "boolean" } }, { "name": "oldValue", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "_setTitleLevelOnChildren", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_handleSlotchange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "attributes": [ { "name": "size", "type": { "text": "'s' | 'l'" }, "description": "Size variant, either l or s; overrides the size on any projected `sbb-expansion-panel`.", "default": "'l' / 's' (lean)", "fieldName": "size" }, { "name": "title-level", "type": { "text": "SbbTitleLevel | null" }, "default": "null", "description": "The heading level for the sbb-expansion-panel-headers within the component.", "fieldName": "titleLevel" }, { "name": "multi", "type": { "text": "boolean" }, "default": "false", "description": "Whether more than one sbb-expansion-panel can be open at the same time.", "fieldName": "multi" } ], "superclass": { "name": "SbbElement", "module": "core/base-elements.js" }, "tagName": "sbb-accordion", "customElement": true } ], "exports": [ { "kind": "js", "name": "SbbAccordionElement", "declaration": { "name": "SbbAccordionElement", "module": "accordion/accordion.component.js" } } ] }, { "kind": "javascript-module", "path": "action-group/action-group.component.js", "declarations": [ { "kind": "class", "description": "It can be used as a container for one or more action element, like `sbb-button` or `sbb-block-link`.", "name": "SbbActionGroupElement", "slots": [ { "description": "Use the unnamed slot to add `sbb-block-link` or `sbb-button` elements to the `sbb-action-group`.", "name": "" } ], "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'sbb-action-group'", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "alignGroup", "type": { "text": "'start' | 'center' | 'stretch' | 'end'" }, "privacy": "public", "default": "'start'", "description": "Set the slotted `` children's alignment.", "attribute": "align-group", "reflects": true }, { "kind": "field", "name": "horizontalFrom", "type": { "text": "SbbHorizontalFrom" }, "privacy": "public", "default": "'large'", "description": "Overrides the behavior of `orientation` property.", "attribute": "horizontal-from", "reflects": true }, { "kind": "field", "name": "orientation", "type": { "text": "SbbOrientation" }, "privacy": "public", "default": "'horizontal'", "description": "Indicates the orientation of the components inside the ``.", "attribute": "orientation", "reflects": true }, { "kind": "field", "name": "buttonSize", "type": { "text": "SbbButtonSize" }, "privacy": "public", "description": "Size of the nested sbb-button instances.\nThis will overwrite the size attribute of nested sbb-button instances.", "default": "'l' / 's' (lean)", "attribute": "button-size", "reflects": true }, { "kind": "field", "name": "linkSize", "type": { "text": "SbbLinkSize" }, "privacy": "public", "description": "Size of the nested sbb-block-link instances.\nThis will overwrite the size attribute of nested sbb-block-link instances.", "default": "'m' / 'xs' (lean)", "attribute": "link-size", "reflects": true }, { "kind": "method", "name": "_syncButtons", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_syncLinks", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "attributes": [ { "name": "align-group", "type": { "text": "'start' | 'center' | 'stretch' | 'end'" }, "default": "'start'", "description": "Set the slotted `` children's alignment.", "fieldName": "alignGroup" }, { "name": "horizontal-from", "type": { "text": "SbbHorizontalFrom" }, "default": "'large'", "description": "Overrides the behavior of `orientation` property.", "fieldName": "horizontalFrom" }, { "name": "orientation", "type": { "text": "SbbOrientation" }, "default": "'horizontal'", "description": "Indicates the orientation of the components inside the ``.", "fieldName": "orientation" }, { "name": "button-size", "type": { "text": "SbbButtonSize" }, "description": "Size of the nested sbb-button instances.\nThis will overwrite the size attribute of nested sbb-button instances.", "default": "'l' / 's' (lean)", "fieldName": "buttonSize" }, { "name": "link-size", "type": { "text": "SbbLinkSize" }, "description": "Size of the nested sbb-block-link instances.\nThis will overwrite the size attribute of nested sbb-block-link instances.", "default": "'m' / 'xs' (lean)", "fieldName": "linkSize" } ], "superclass": { "name": "SbbElement", "module": "core/base-elements.js" }, "tagName": "sbb-action-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "SbbActionGroupElement", "declaration": { "name": "SbbActionGroupElement", "module": "action-group/action-group.component.js" } } ] }, { "kind": "javascript-module", "path": "alert/alert-group.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "alert/alert-group/alert-group.component.js" } } ] }, { "kind": "javascript-module", "path": "alert/alert.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "alert/alert/alert.component.js" } } ] }, { "kind": "javascript-module", "path": "autocomplete/autocomplete-base-element.js", "declarations": [ { "kind": "class", "description": "Base class for autocomplete components.", "name": "SbbAutocompleteBaseElement", "members": [ { "kind": "field", "name": "origin", "type": { "text": "HTMLElement | null" }, "privacy": "public", "default": "null", "description": "The element where the autocomplete will attach.\nIf not set, as fallback there are two elements which can act as origin with following priority order:\n1. `sbb-form-field` if it is an ancestor.\n2. trigger element if set.\n\nFor attribute usage, provide an id reference.", "attribute": "origin" }, { "kind": "field", "name": "trigger", "type": { "text": "HTMLInputElement | null" }, "privacy": "public", "default": "null", "description": "The input element that will trigger the autocomplete opening.\nBy default, the autocomplete will open on focus, click, input or `ArrowDown` keypress of the 'trigger' element.\nIf not set, will search for the first 'input' child of a 'sbb-form-field' ancestor.\n\nFor attribute usage, provide an id reference.", "attribute": "trigger" }, { "kind": "field", "name": "preserveIconSpace", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the icon space is preserved when no icon is set.", "attribute": "preserve-icon-space", "reflects": true }, { "kind": "field", "name": "autoActiveFirstOption", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the first option is automatically activated when the autocomplete is opened.", "attribute": "auto-active-first-option" }, { "kind": "field", "name": "displayWith", "type": { "text": "((value: T) => string) | null" }, "privacy": "public", "default": "null", "description": "Function that maps an option's control value to its display value in the trigger." }, { "kind": "field", "name": "size", "type": { "text": "'m' | 's'" }, "privacy": "public", "description": "Size variant, either m or s.", "default": "'m' / 's' (lean)", "attribute": "size", "reflects": true }, { "kind": "field", "name": "autoSelectActiveOption", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the active option should be selected as the user is navigating.", "attribute": "auto-select-active-option" }, { "kind": "field", "name": "autoSelectActiveOptionOnBlur", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "When enabled, the active option is automatically selected on blur.\nThis is an experimental feature. It might be subject to changes.", "attribute": "auto-select-active-option-on-blur" }, { "kind": "field", "name": "requireSelection", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the user is required to make a selection when they're interacting with the\nautocomplete. If the user moves away from the autocomplete without selecting an option from\nthe list, the value will be reset. If the user opens the panel and closes it without\ninteracting or selecting a value, the initial value will be kept.", "attribute": "require-selection" }, { "kind": "field", "name": "position", "type": { "text": "'auto' | 'above' | 'below'" }, "privacy": "public", "default": "'auto'", "description": "The position of the autocomplete panel relative to the trigger.", "attribute": "position" }, { "kind": "field", "name": "originElement", "type": { "text": "HTMLElement | null" }, "privacy": "public", "description": "Returns the element where the autocomplete overlay is attached to.", "readonly": true }, { "kind": "field", "name": "triggerElement", "type": { "text": "HTMLInputElement | null" }, "privacy": "public", "description": "Returns the trigger element.", "readonly": true }, { "kind": "field", "name": "_triggerElement", "type": { "text": "HTMLInputElement | null | undefined" }, "privacy": "private" }, { "kind": "field", "name": "overlayId", "type": { "text": "string" }, "privacy": "protected" }, { "kind": "field", "name": "panelRole", "type": { "text": "string" }, "privacy": "protected" }, { "kind": "field", "name": "activeOption", "type": { "text": "SbbOptionBaseElement | null" }, "privacy": "protected", "default": "null" }, { "kind": "field", "name": "pendingAutoSelectedOption", "type": { "text": "SbbOptionBaseElement | null" }, "privacy": "protected", "default": "null" }, { "kind": "field", "name": "_resizeObserver", "privacy": "private", "default": "new ResizeController(this, { target: null, skipInitial: true, // This is an IIFE, because we need to keep track of the timeout state // for debouncing the resize callbacks. callback: (() => { let timeoutId: ReturnType; return () => { clearTimeout(timeoutId); timeoutId = setTimeout(() => this._setOverlayPosition(), 10); }; })(), })" }, { "kind": "field", "name": "_triggerAttributeObserver", "privacy": "private", "description": "Listens to the changes on the `disabled` or `readonly` attribute of the trigger." }, { "kind": "field", "name": "_overlay", "type": { "text": "HTMLElement" }, "privacy": "private" }, { "kind": "field", "name": "_optionContainer", "type": { "text": "HTMLElement" }, "privacy": "private" }, { "kind": "field", "name": "_triggerAbortController", "type": { "text": "AbortController" }, "privacy": "private" }, { "kind": "field", "name": "_openPanelEventsController", "type": { "text": "AbortController" }, "privacy": "private" }, { "kind": "field", "name": "_isPointerDownEventOnMenu", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_escapableOverlayController", "privacy": "private", "default": "new SbbEscapableOverlayController(this)" }, { "kind": "field", "name": "_optionsCount", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_previousElements", "type": { "text": "Element[] | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_lastUserInput", "type": { "text": "string | null" }, "privacy": "private", "default": "null", "description": "Tracks input from keyboard." }, { "kind": "field", "name": "_isCustomChangeEvent", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "description": "If true, the 'change' event source is an option selection or a 'requireSelection' field cleanup" }, { "kind": "field", "name": "options", "type": { "text": "SbbOptionBaseElement[]" }, "privacy": "protected", "readonly": true }, { "kind": "method", "name": "syncNegative", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "setTriggerAttributes", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "element", "type": { "text": "HTMLInputElement" } } ] }, { "kind": "method", "name": "openedPanelKeyboardInteraction", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "selectByKeyboard", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "setNextActiveOption", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "optional": true, "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "resetActiveElement", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "open", "privacy": "public", "return": { "type": { "text": "void" } }, "description": "Opens the autocomplete.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "close", "privacy": "public", "return": { "type": { "text": "void" } }, "description": "Closes the autocomplete.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "_isZeroAnimationDuration", "privacy": "private", "return": { "type": { "text": "boolean" } } }, { "kind": "method", "name": "onOptionSelected", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "description": "When an option is selected, update the input value and close the autocomplete." }, { "kind": "method", "name": "onOptionArrowsSelected", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "_activeOption", "type": { "text": "SbbOptionBaseElement" } } ], "deprecated": "true" }, { "kind": "method", "name": "setPendingSelection", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "activeOption", "type": { "text": "SbbOptionBaseElement" } } ], "description": "A 'pending selection' sets the option value in the input element without emitting events.\nA 'pending selection' is confirmed when the panel closes. Any other user interaction\nwill reset the pending value." }, { "kind": "method", "name": "_setValueAndDispatchEvents", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "selectedOption", "type": { "text": "SbbOptionBaseElement" } }, { "name": "preventFocus", "default": "false" } ] }, { "kind": "method", "name": "_setInputValue", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "option", "type": { "text": "SbbOptionBaseElement" } } ], "description": "Set the option value within the input element" }, { "kind": "method", "name": "_handleSlotchange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_setNextActiveOptionIfAutoActiveFirstOption", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_readonly", "privacy": "private", "return": { "type": { "text": "boolean" } }, "description": "The autocomplete should inherit 'readonly' state from the trigger." }, { "kind": "method", "name": "_componentSetup", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_configureTrigger", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_setOverlayPosition", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "originElement", "default": "this.originElement" } ] }, { "kind": "method", "name": "_onAnimationEnd", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "AnimationEvent" } } ], "description": "On open/close animation end.\nIn rare cases it can be that the animationEnd event is triggered twice.\nTo avoid entering a corrupt state, exit when state is not expected." }, { "kind": "method", "name": "_handleOpening", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_handleClosing", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_attachOpenPanelEvents", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "_pointerDownListener", "privacy": "private" }, { "kind": "field", "name": "_closeOnBackdropClick", "privacy": "private" }, { "kind": "method", "name": "_closedPanelKeyboardInteraction", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_highlightOptions", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "searchTerm", "optional": true, "type": { "text": "string" } } ], "description": "Highlight the searched text on the options." }, { "kind": "field", "name": "negative", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Negative coloring variant flag.", "attribute": "negative", "reflects": true, "inheritedFrom": { "name": "SbbNegativeMixin", "module": "core/mixins/negative-mixin.js" } }, { "kind": "field", "name": "events", "privacy": "public", "static": true, "readonly": true, "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }", "type": { "text": "{\n beforeopen: 'beforeopen',\n open: 'open',\n beforeclose: 'beforeclose',\n close: 'close',\n }" }, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "field", "name": "state", "privacy": "protected", "description": "The state of the component.", "type": { "text": "SbbOpenedClosedState" }, "default": "'closed'", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "field", "name": "_state", "type": { "text": "SbbOpenedClosedState" }, "privacy": "private", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "field", "name": "isOpen", "type": { "text": "boolean" }, "privacy": "public", "description": "Whether the element is open.", "readonly": true, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "escapeStrategy", "privacy": "public", "return": { "type": { "text": "void" } }, "description": "The method which is called on escape key press. Defaults to calling close()", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "dispatchBeforeOpenEvent", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "dispatchOpenEvent", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "dispatchBeforeCloseEvent", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "dispatchCloseEvent", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "events": [ { "type": { "text": "Event" }, "description": "The change event is fired on the autocomplete's trigger when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.", "name": "change" }, { "type": { "text": "InputEvent" }, "description": "The input event fires on the autocomplete's trigger when the value has been changed as a direct result of a user action.", "name": "input" }, { "name": "beforeopen", "type": { "text": "Event" }, "description": "Emits whenever the component starts the opening transition. Can be canceled.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "name": "open", "type": { "text": "Event" }, "description": "Emits whenever the component is opened.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "name": "beforeclose", "type": { "text": "Event" }, "description": "Emits whenever the component begins the closing transition. Can be canceled.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "name": "close", "type": { "text": "Event" }, "description": "Emits whenever the component is closed.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } } ], "attributes": [ { "name": "origin", "type": { "text": "HTMLElement | null" }, "default": "null", "description": "The element where the autocomplete will attach.\nIf not set, as fallback there are two elements which can act as origin with following priority order:\n1. `sbb-form-field` if it is an ancestor.\n2. trigger element if set.\n\nFor attribute usage, provide an id reference.", "fieldName": "origin" }, { "name": "trigger", "type": { "text": "HTMLInputElement | null" }, "default": "null", "description": "The input element that will trigger the autocomplete opening.\nBy default, the autocomplete will open on focus, click, input or `ArrowDown` keypress of the 'trigger' element.\nIf not set, will search for the first 'input' child of a 'sbb-form-field' ancestor.\n\nFor attribute usage, provide an id reference.", "fieldName": "trigger" }, { "name": "preserve-icon-space", "type": { "text": "boolean" }, "default": "false", "description": "Whether the icon space is preserved when no icon is set.", "fieldName": "preserveIconSpace" }, { "name": "auto-active-first-option", "type": { "text": "boolean" }, "default": "false", "description": "Whether the first option is automatically activated when the autocomplete is opened.", "fieldName": "autoActiveFirstOption" }, { "name": "size", "type": { "text": "'m' | 's'" }, "description": "Size variant, either m or s.", "default": "'m' / 's' (lean)", "fieldName": "size" }, { "name": "auto-select-active-option", "type": { "text": "boolean" }, "default": "false", "description": "Whether the active option should be selected as the user is navigating.", "fieldName": "autoSelectActiveOption" }, { "name": "auto-select-active-option-on-blur", "type": { "text": "boolean" }, "default": "false", "description": "When enabled, the active option is automatically selected on blur.\nThis is an experimental feature. It might be subject to changes.", "fieldName": "autoSelectActiveOptionOnBlur" }, { "name": "require-selection", "type": { "text": "boolean" }, "default": "false", "description": "Whether the user is required to make a selection when they're interacting with the\nautocomplete. If the user moves away from the autocomplete without selecting an option from\nthe list, the value will be reset. If the user opens the panel and closes it without\ninteracting or selecting a value, the initial value will be kept.", "fieldName": "requireSelection" }, { "name": "position", "type": { "text": "'auto' | 'above' | 'below'" }, "default": "'auto'", "description": "The position of the autocomplete panel relative to the trigger.", "fieldName": "position" }, { "name": "negative", "type": { "text": "boolean" }, "default": "false", "description": "Negative coloring variant flag.", "fieldName": "negative", "inheritedFrom": { "name": "SbbNegativeMixin", "module": "core/mixins/negative-mixin.js" } } ], "mixins": [ { "name": "SbbNegativeMixin", "module": "core/mixins.js" } ], "superclass": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements.js" }, "classGenerics": "T = string" } ], "exports": [ { "kind": "js", "name": "SbbAutocompleteBaseElement", "declaration": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } } ] }, { "kind": "javascript-module", "path": "autocomplete/autocomplete.component.js", "declarations": [ { "kind": "class", "description": "Combined with a native input, it displays a panel with a list of available options.", "name": "SbbAutocompleteElement", "cssProperties": [ { "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.", "name": "--sbb-autocomplete-z-index", "default": "var(--sbb-overlay-default-z-index)" }, { "description": "Maximum height of the options panel. If the calculated remaining space is smaller, the value gets ignored.", "name": "--sbb-options-panel-max-height" } ], "slots": [ { "description": "Use the unnamed slot to add `sbb-option` or `sbb-optgroup` elements to the `sbb-autocomplete`.", "name": "" } ], "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" }, "default": "'sbb-autocomplete'" }, { "kind": "field", "name": "role", "privacy": "public", "static": true, "readonly": true }, { "kind": "field", "name": "overlayId", "type": { "text": "string" }, "privacy": "protected", "default": "`sbb-autocomplete-${++nextId}`", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "panelRole", "type": { "text": "string" }, "privacy": "protected", "default": "'listbox'", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "options", "type": { "text": "SbbOptionElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "syncNegative", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "openedPanelKeyboardInteraction", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "selectByKeyboard", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "setNextActiveOption", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "optional": true, "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "resetActiveElement", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "setTriggerAttributes", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "element", "type": { "text": "HTMLInputElement" } } ], "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "negative", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Negative coloring variant flag.", "attribute": "negative", "reflects": true, "inheritedFrom": { "name": "SbbNegativeMixin", "module": "core/mixins/negative-mixin.js" } }, { "kind": "field", "name": "origin", "type": { "text": "HTMLElement | null" }, "privacy": "public", "default": "null", "description": "The element where the autocomplete will attach.\nIf not set, as fallback there are two elements which can act as origin with following priority order:\n1. `sbb-form-field` if it is an ancestor.\n2. trigger element if set.\n\nFor attribute usage, provide an id reference.", "attribute": "origin", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "trigger", "type": { "text": "HTMLInputElement | null" }, "privacy": "public", "default": "null", "description": "The input element that will trigger the autocomplete opening.\nBy default, the autocomplete will open on focus, click, input or `ArrowDown` keypress of the 'trigger' element.\nIf not set, will search for the first 'input' child of a 'sbb-form-field' ancestor.\n\nFor attribute usage, provide an id reference.", "attribute": "trigger", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "preserveIconSpace", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the icon space is preserved when no icon is set.", "attribute": "preserve-icon-space", "reflects": true, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "autoActiveFirstOption", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the first option is automatically activated when the autocomplete is opened.", "attribute": "auto-active-first-option", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "displayWith", "type": { "text": "((value: T) => string) | null" }, "privacy": "public", "default": "null", "description": "Function that maps an option's control value to its display value in the trigger.", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "size", "type": { "text": "'m' | 's'" }, "privacy": "public", "description": "Size variant, either m or s.", "default": "'m' / 's' (lean)", "attribute": "size", "reflects": true, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "autoSelectActiveOption", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the active option should be selected as the user is navigating.", "attribute": "auto-select-active-option", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "autoSelectActiveOptionOnBlur", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "When enabled, the active option is automatically selected on blur.\nThis is an experimental feature. It might be subject to changes.", "attribute": "auto-select-active-option-on-blur", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "requireSelection", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the user is required to make a selection when they're interacting with the\nautocomplete. If the user moves away from the autocomplete without selecting an option from\nthe list, the value will be reset. If the user opens the panel and closes it without\ninteracting or selecting a value, the initial value will be kept.", "attribute": "require-selection", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "position", "type": { "text": "'auto' | 'above' | 'below'" }, "privacy": "public", "default": "'auto'", "description": "The position of the autocomplete panel relative to the trigger.", "attribute": "position", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "originElement", "type": { "text": "HTMLElement | null" }, "privacy": "public", "description": "Returns the element where the autocomplete overlay is attached to.", "readonly": true, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "triggerElement", "type": { "text": "HTMLInputElement | null" }, "privacy": "public", "description": "Returns the trigger element.", "readonly": true, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_triggerElement", "type": { "text": "HTMLInputElement | null | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "activeOption", "type": { "text": "SbbOptionBaseElement | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "pendingAutoSelectedOption", "type": { "text": "SbbOptionBaseElement | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_resizeObserver", "privacy": "private", "default": "new ResizeController(this, { target: null, skipInitial: true, // This is an IIFE, because we need to keep track of the timeout state // for debouncing the resize callbacks. callback: (() => { let timeoutId: ReturnType; return () => { clearTimeout(timeoutId); timeoutId = setTimeout(() => this._setOverlayPosition(), 10); }; })(), })", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_triggerAttributeObserver", "privacy": "private", "description": "Listens to the changes on the `disabled` or `readonly` attribute of the trigger.", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_overlay", "type": { "text": "HTMLElement" }, "privacy": "private", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_optionContainer", "type": { "text": "HTMLElement" }, "privacy": "private", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_triggerAbortController", "type": { "text": "AbortController" }, "privacy": "private", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_openPanelEventsController", "type": { "text": "AbortController" }, "privacy": "private", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_isPointerDownEventOnMenu", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_escapableOverlayController", "privacy": "private", "default": "new SbbEscapableOverlayController(this)", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_optionsCount", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_previousElements", "type": { "text": "Element[] | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_lastUserInput", "type": { "text": "string | null" }, "privacy": "private", "default": "null", "description": "Tracks input from keyboard.", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_isCustomChangeEvent", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "description": "If true, the 'change' event source is an option selection or a 'requireSelection' field cleanup", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "open", "privacy": "public", "return": { "type": { "text": "void" } }, "description": "Opens the autocomplete.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "close", "privacy": "public", "return": { "type": { "text": "void" } }, "description": "Closes the autocomplete.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "_isZeroAnimationDuration", "privacy": "private", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "onOptionSelected", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "description": "When an option is selected, update the input value and close the autocomplete.", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "onOptionArrowsSelected", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "_activeOption", "type": { "text": "SbbOptionBaseElement" } } ], "deprecated": "true", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "setPendingSelection", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "activeOption", "type": { "text": "SbbOptionBaseElement" } } ], "description": "A 'pending selection' sets the option value in the input element without emitting events.\nA 'pending selection' is confirmed when the panel closes. Any other user interaction\nwill reset the pending value.", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_setValueAndDispatchEvents", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "selectedOption", "type": { "text": "SbbOptionBaseElement" } }, { "name": "preventFocus", "default": "false" } ], "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_setInputValue", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "option", "type": { "text": "SbbOptionBaseElement" } } ], "description": "Set the option value within the input element", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_handleSlotchange", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_setNextActiveOptionIfAutoActiveFirstOption", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_readonly", "privacy": "private", "return": { "type": { "text": "boolean" } }, "description": "The autocomplete should inherit 'readonly' state from the trigger.", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_componentSetup", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_configureTrigger", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_setOverlayPosition", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "originElement", "default": "this.originElement" } ], "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_onAnimationEnd", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "AnimationEvent" } } ], "description": "On open/close animation end.\nIn rare cases it can be that the animationEnd event is triggered twice.\nTo avoid entering a corrupt state, exit when state is not expected.", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_handleOpening", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_handleClosing", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_attachOpenPanelEvents", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_pointerDownListener", "privacy": "private", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "_closeOnBackdropClick", "privacy": "private", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_closedPanelKeyboardInteraction", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "method", "name": "_highlightOptions", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "searchTerm", "optional": true, "type": { "text": "string" } } ], "description": "Highlight the searched text on the options.", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "kind": "field", "name": "events", "privacy": "public", "static": true, "readonly": true, "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }", "type": { "text": "{\n beforeopen: 'beforeopen',\n open: 'open',\n beforeclose: 'beforeclose',\n close: 'close',\n }" }, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "field", "name": "state", "privacy": "protected", "description": "The state of the component.", "type": { "text": "SbbOpenedClosedState" }, "default": "'closed'", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "field", "name": "_state", "type": { "text": "SbbOpenedClosedState" }, "privacy": "private", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "field", "name": "isOpen", "type": { "text": "boolean" }, "privacy": "public", "description": "Whether the element is open.", "readonly": true, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "escapeStrategy", "privacy": "public", "return": { "type": { "text": "void" } }, "description": "The method which is called on escape key press. Defaults to calling close()", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "dispatchBeforeOpenEvent", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "dispatchOpenEvent", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "dispatchBeforeCloseEvent", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "method", "name": "dispatchCloseEvent", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "superclass": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" }, "tagName": "sbb-autocomplete", "customElement": true, "classGenerics": "T = string", "attributes": [ { "name": "negative", "type": { "text": "boolean" }, "default": "false", "description": "Negative coloring variant flag.", "fieldName": "negative", "inheritedFrom": { "name": "SbbNegativeMixin", "module": "core/mixins/negative-mixin.js" } }, { "name": "origin", "type": { "text": "HTMLElement | null" }, "default": "null", "description": "The element where the autocomplete will attach.\nIf not set, as fallback there are two elements which can act as origin with following priority order:\n1. `sbb-form-field` if it is an ancestor.\n2. trigger element if set.\n\nFor attribute usage, provide an id reference.", "fieldName": "origin", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "name": "trigger", "type": { "text": "HTMLInputElement | null" }, "default": "null", "description": "The input element that will trigger the autocomplete opening.\nBy default, the autocomplete will open on focus, click, input or `ArrowDown` keypress of the 'trigger' element.\nIf not set, will search for the first 'input' child of a 'sbb-form-field' ancestor.\n\nFor attribute usage, provide an id reference.", "fieldName": "trigger", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "name": "preserve-icon-space", "type": { "text": "boolean" }, "default": "false", "description": "Whether the icon space is preserved when no icon is set.", "fieldName": "preserveIconSpace", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "name": "auto-active-first-option", "type": { "text": "boolean" }, "default": "false", "description": "Whether the first option is automatically activated when the autocomplete is opened.", "fieldName": "autoActiveFirstOption", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "name": "size", "type": { "text": "'m' | 's'" }, "description": "Size variant, either m or s.", "default": "'m' / 's' (lean)", "fieldName": "size", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "name": "auto-select-active-option", "type": { "text": "boolean" }, "default": "false", "description": "Whether the active option should be selected as the user is navigating.", "fieldName": "autoSelectActiveOption", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "name": "auto-select-active-option-on-blur", "type": { "text": "boolean" }, "default": "false", "description": "When enabled, the active option is automatically selected on blur.\nThis is an experimental feature. It might be subject to changes.", "fieldName": "autoSelectActiveOptionOnBlur", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "name": "require-selection", "type": { "text": "boolean" }, "default": "false", "description": "Whether the user is required to make a selection when they're interacting with the\nautocomplete. If the user moves away from the autocomplete without selecting an option from\nthe list, the value will be reset. If the user opens the panel and closes it without\ninteracting or selecting a value, the initial value will be kept.", "fieldName": "requireSelection", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "name": "position", "type": { "text": "'auto' | 'above' | 'below'" }, "default": "'auto'", "description": "The position of the autocomplete panel relative to the trigger.", "fieldName": "position", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } } ], "events": [ { "type": { "text": "Event" }, "description": "The change event is fired on the autocomplete's trigger when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.", "name": "change", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "type": { "text": "InputEvent" }, "description": "The input event fires on the autocomplete's trigger when the value has been changed as a direct result of a user action.", "name": "input", "inheritedFrom": { "name": "SbbAutocompleteBaseElement", "module": "autocomplete/autocomplete-base-element.js" } }, { "name": "beforeopen", "type": { "text": "Event" }, "description": "Emits whenever the component starts the opening transition. Can be canceled.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "name": "open", "type": { "text": "Event" }, "description": "Emits whenever the component is opened.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "name": "beforeclose", "type": { "text": "Event" }, "description": "Emits whenever the component begins the closing transition. Can be canceled.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } }, { "name": "close", "type": { "text": "Event" }, "description": "Emits whenever the component is closed.", "inheritedFrom": { "name": "SbbOpenCloseBaseElement", "module": "core/base-elements/open-close-base-element.js" } } ] } ], "exports": [ { "kind": "js", "name": "SbbAutocompleteElement", "declaration": { "name": "SbbAutocompleteElement", "module": "autocomplete/autocomplete.component.js" } } ] }, { "kind": "javascript-module", "path": "breadcrumb/breadcrumb-group.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "breadcrumb/breadcrumb-group/breadcrumb-group.component.js" } } ] }, { "kind": "javascript-module", "path": "breadcrumb/breadcrumb.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "breadcrumb/breadcrumb/breadcrumb.component.js" } } ] }, { "kind": "javascript-module", "path": "button/accent-button-link.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/accent-button-link/accent-button-link.component.js" } } ] }, { "kind": "javascript-module", "path": "button/accent-button-static.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/accent-button-static/accent-button-static.component.js" } } ] }, { "kind": "javascript-module", "path": "button/accent-button.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/accent-button/accent-button.component.js" } } ] }, { "kind": "javascript-module", "path": "button/button-link.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/button-link/button-link.component.js" } } ] }, { "kind": "javascript-module", "path": "button/button-static.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/button-static/button-static.component.js" } } ] }, { "kind": "javascript-module", "path": "button/button.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/button/button.component.js" } } ] }, { "kind": "javascript-module", "path": "button/common.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/common/button-common.js" } } ] }, { "kind": "javascript-module", "path": "button/mini-button-group.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/mini-button-group/mini-button-group.component.js" } } ] }, { "kind": "javascript-module", "path": "button/mini-button-link.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/mini-button-link/mini-button-link.component.js" } } ] }, { "kind": "javascript-module", "path": "button/mini-button.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/mini-button/mini-button.component.js" } } ] }, { "kind": "javascript-module", "path": "button/secondary-button-link.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/secondary-button-link/secondary-button-link.component.js" } } ] }, { "kind": "javascript-module", "path": "button/secondary-button-static.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/secondary-button-static/secondary-button-static.component.js" } } ] }, { "kind": "javascript-module", "path": "button/secondary-button.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/secondary-button/secondary-button.component.js" } } ] }, { "kind": "javascript-module", "path": "button/transparent-button-link.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/transparent-button-link/transparent-button-link.component.js" } } ] }, { "kind": "javascript-module", "path": "button/transparent-button-static.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/transparent-button-static/transparent-button-static.component.js" } } ] }, { "kind": "javascript-module", "path": "button/transparent-button.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "button/transparent-button/transparent-button.component.js" } } ] }, { "kind": "javascript-module", "path": "calendar/calendar-day.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar-day/calendar-day.component.js" } } ] }, { "kind": "javascript-module", "path": "calendar/calendar-month.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar-month/calendar-month.component.js" } } ] }, { "kind": "javascript-module", "path": "calendar/calendar-weekday.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar-weekday/calendar-weekday.component.js" } } ] }, { "kind": "javascript-module", "path": "calendar/calendar-weeknumber.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar-weeknumber/calendar-weeknumber.component.js" } } ] }, { "kind": "javascript-module", "path": "calendar/calendar-year.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar-year/calendar-year.component.js" } } ] }, { "kind": "javascript-module", "path": "calendar/calendar.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/calendar/calendar.component.js" } } ] }, { "kind": "javascript-module", "path": "calendar/common.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "calendar/common/calendar-cell-base-element.js" } } ] }, { "kind": "javascript-module", "path": "card/card-badge.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card/card-badge/card-badge.component.js" } } ] }, { "kind": "javascript-module", "path": "card/card-button.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card/card-button/card-button.component.js" } } ] }, { "kind": "javascript-module", "path": "card/card-link.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card/card-link/card-link.component.js" } } ] }, { "kind": "javascript-module", "path": "card/card.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card/card/card.component.js" } } ] }, { "kind": "javascript-module", "path": "card/common.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "card/common/card-action-common.js" } } ] }, { "kind": "javascript-module", "path": "carousel/carousel-item.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "carousel/carousel-item/carousel-item.component.js" } } ] }, { "kind": "javascript-module", "path": "carousel/carousel-list.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "carousel/carousel-list/carousel-list.component.js" } } ] }, { "kind": "javascript-module", "path": "carousel/carousel.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "carousel/carousel/carousel.component.js" } } ] }, { "kind": "javascript-module", "path": "checkbox/checkbox-group.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox-group/checkbox-group.component.js" } } ] }, { "kind": "javascript-module", "path": "checkbox/checkbox-panel.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox-panel/checkbox-panel.component.js" } } ] }, { "kind": "javascript-module", "path": "checkbox/checkbox.component.js", "declarations": [ { "kind": "class", "description": "It displays a checkbox enhanced with the SBB Design.", "name": "SbbCheckboxElement", "slots": [ { "description": "Use the unnamed slot to add content to the `sbb-checkbox`.", "name": "" }, { "description": "Slot used to render the checkbox icon (disabled inside a selection panel).", "name": "icon" } ], "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'sbb-checkbox'", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "value", "type": { "text": "(T = string) | null" }, "privacy": "public", "default": "null", "description": "Value of the form element.", "attribute": "value", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "size", "type": { "text": "SbbCheckboxSize" }, "privacy": "public", "description": "Size variant, either xs, s or m.", "default": "'m' / 'xs' (lean)", "attribute": "size", "reflects": true }, { "kind": "field", "name": "iconPlacement", "type": { "text": "SbbIconPlacement" }, "privacy": "public", "default": "'end'", "description": "The label position relative to the labelIcon. Defaults to end", "attribute": "icon-placement", "reflects": true }, { "kind": "field", "name": "iconName", "type": { "text": "string" }, "privacy": "public", "default": "''", "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.", "attribute": "icon-name", "inheritedFrom": { "name": "SbbIconNameMixin", "module": "icon/icon-name-mixin.js" } }, { "kind": "method", "name": "renderIconSlot", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "parameters": [ { "name": "classname", "optional": true, "type": { "text": "string" } } ], "inheritedFrom": { "name": "SbbIconNameMixin", "module": "icon/icon-name-mixin.js" } }, { "kind": "method", "name": "renderIconName", "privacy": "protected", "return": { "type": { "text": "string" } }, "inheritedFrom": { "name": "SbbIconNameMixin", "module": "icon/icon-name-mixin.js" } }, { "kind": "method", "name": "_renderIconName", "privacy": "private", "return": { "type": { "text": "string" } }, "inheritedFrom": { "name": "SbbIconNameMixin", "module": "icon/icon-name-mixin.js" } }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the checkbox is indeterminate.", "attribute": "indeterminate", "inheritedFrom": { "name": "SbbCheckboxCommonElementMixin", "module": "checkbox/common/checkbox-common.js" } }, { "kind": "field", "name": "group", "type": { "text": "SbbCheckboxGroupElement | null" }, "privacy": "public", "description": "Reference to the connected checkbox group.", "readonly": true, "inheritedFrom": { "name": "SbbCheckboxCommonElementMixin", "module": "checkbox/common/checkbox-common.js" }, "default": "null" }, { "kind": "field", "name": "_group", "type": { "text": "SbbCheckboxGroupElement | null" }, "privacy": "private", "default": "null", "inheritedFrom": { "name": "SbbCheckboxCommonElementMixin", "module": "checkbox/common/checkbox-common.js" } }, { "kind": "method", "name": "isDisabledExternally", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "method", "name": "isRequiredExternally", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "description": "Will be used as 'or' check to the current required state.\nCan e.g. be used to read required state of a group.", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "kind": "method", "name": "withUserInteraction", "privacy": "protected", "return": { "type": { "text": "void" } }, "description": "Additional logic which is being executed when user\ninteraction happens and state is not disabled.", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "role", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'checkbox'", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "_attributeMutationBlocked", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "_languageController", "privacy": "private", "default": "new SbbLanguageController(this)", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "checked", "privacy": "public", "description": "Whether the checkbox is checked.", "type": { "text": "boolean" }, "attribute": "checked", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" }, "default": "false" }, { "kind": "field", "name": "_checked", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "type", "type": { "text": "string" }, "privacy": "public", "description": "Form type of element.", "default": "'checkbox'", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "method", "name": "updateFormValue", "privacy": "protected", "return": { "type": { "text": "void" } }, "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "formState", "privacy": "protected", "return": { "type": { "text": "FormRestoreState" } }, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "shouldValidate", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "name", "type": { "text": "PropertyKey | undefined" } } ], "description": "Whether validation should be run on a property change with the given name.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "validate", "privacy": "protected", "return": { "type": { "text": "void" } }, "description": "To be called whenever the current element needs to be validated.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "_handleKeyboardInteraction", "privacy": "private", "description": "Method triggered on keyboard user interaction with checkbox.", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "_handleUserInteraction", "privacy": "private", "description": "Method triggered on user interaction with checkbox.", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "disabled", "privacy": "public", "description": "Whether the component is disabled.", "default": "false", "type": { "text": "boolean" }, "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "field", "name": "#disabled", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "field", "name": "required", "privacy": "public", "description": "Whether the component is required.", "type": { "text": "boolean" }, "attribute": "required", "reflects": true, "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" }, "default": "false" }, { "kind": "field", "name": "_required", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "privacy": "public", "description": "Returns the form owner of this element.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "name", "privacy": "public", "description": "Name of the form element. Will be read from name attribute.", "type": { "text": "string" }, "attribute": "name", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "privacy": "public", "description": "Returns the ValidityState object for this element.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "privacy": "public", "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "privacy": "public", "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "_validityStates", "privacy": "private", "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "formDisabled", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "description": "Whenever a surrounding form or fieldset is changing its disabled state.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "checkValidity", "privacy": "public", "return": { "type": { "text": "boolean" } }, "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "reportValidity", "privacy": "public", "return": { "type": { "text": "boolean" } }, "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "setCustomValidity", "privacy": "public", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "message", "type": { "text": "string" } } ], "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "_hasDisabledAncestor", "privacy": "private", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "setValidityFlag", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "flag", "type": { "text": "T" } }, { "name": "message", "type": { "text": "string" } }, { "name": "flagValue", "optional": true, "type": { "text": "ValidityStateFlags[T]" } } ], "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "removeValidityFlag", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "flag", "type": { "text": "T" } } ], "description": "Removes the validity state flag entry and updates validity state.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "_setInternalValidity", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "events": [ { "type": { "text": "Event" }, "description": "The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.", "name": "change" }, { "type": { "text": "InputEvent" }, "description": "The input event fires when the value has been changed as a direct result of a user action.", "name": "input" } ], "attributes": [ { "name": "value", "type": { "text": "T | null" }, "default": "null", "description": "Value of the form element.", "fieldName": "value" }, { "name": "size", "type": { "text": "SbbCheckboxSize" }, "description": "Size variant, either xs, s or m.", "default": "'m' / 'xs' (lean)", "fieldName": "size" }, { "name": "icon-placement", "type": { "text": "SbbIconPlacement" }, "default": "'end'", "description": "The label position relative to the labelIcon. Defaults to end", "fieldName": "iconPlacement" }, { "name": "icon-name", "type": { "text": "string" }, "default": "''", "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.", "fieldName": "iconName", "inheritedFrom": { "name": "SbbIconNameMixin", "module": "icon/icon-name-mixin.js" } }, { "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Whether the checkbox is indeterminate.", "fieldName": "indeterminate", "inheritedFrom": { "name": "SbbCheckboxCommonElementMixin", "module": "checkbox/common/checkbox-common.js" } }, { "name": "checked", "description": "Whether the checkbox is checked.", "type": { "text": "boolean" }, "fieldName": "checked", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "name": "disabled", "description": "Whether the component is disabled.", "default": "false", "type": { "text": "boolean" }, "fieldName": "disabled", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "name": "required", "description": "Whether the component is required.", "type": { "text": "boolean" }, "fieldName": "required", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "name": "name", "description": "Name of the form element. Will be read from name attribute.", "type": { "text": "string" }, "fieldName": "name", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } } ], "mixins": [ { "name": "SbbIconNameMixin", "module": "icon.js" }, { "name": "SbbCheckboxCommonElementMixin", "module": "checkbox/common/checkbox-common.js" } ], "superclass": { "name": "SbbElement", "module": "core/base-elements.js" }, "tagName": "sbb-checkbox", "customElement": true, "classGenerics": "T = string" } ], "exports": [ { "kind": "js", "name": "SbbCheckboxElement", "declaration": { "name": "SbbCheckboxElement", "module": "checkbox/checkbox.component.js" } } ] }, { "kind": "javascript-module", "path": "checkbox/checkbox.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox/checkbox.component.js" } } ] }, { "kind": "javascript-module", "path": "checkbox/common.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "checkbox/common/checkbox-common.js" } } ] }, { "kind": "javascript-module", "path": "checkbox-group/checkbox-group.component.js", "declarations": [ { "kind": "class", "description": "It can be used as a container for checkbox elements.", "name": "SbbCheckboxGroupElement", "slots": [ { "description": "Use the unnamed slot to add `sbb-checkbox`, `sbb-checkbox-panel`, `sbb-selection-action-panel` and `sbb-selection-expansion-panel` elements to the `sbb-checkbox-group`.", "name": "", "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } }, { "description": "Slot used to render a `sbb-error` inside the `sbb-checkbox-group`.", "name": "error", "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } } ], "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'sbb-checkbox-group'", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "selectionElementSelectors", "type": { "text": "string" }, "privacy": "protected", "readonly": true, "default": "'sbb-checkbox, sbb-checkbox-panel'", "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } }, { "kind": "field", "name": "panelElementSelector", "type": { "text": "string" }, "privacy": "protected", "readonly": true, "default": "'sbb-checkbox-panel'", "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } }, { "kind": "field", "name": "checkboxes", "type": { "text": "(SbbCheckboxElement | SbbCheckboxPanelElement)[]" }, "privacy": "public", "description": "List of contained checkbox elements.", "readonly": true }, { "kind": "method", "name": "_handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "evt", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "field", "name": "disabled", "privacy": "public", "description": "Whether the component is disabled.", "default": "false", "type": { "text": "boolean" }, "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "field", "name": "#disabled", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "method", "name": "isDisabledExternally", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "field", "name": "required", "privacy": "public", "description": "Whether the component is required.", "type": { "text": "boolean" }, "attribute": "required", "reflects": true, "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" }, "default": "false" }, { "kind": "field", "name": "_required", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "kind": "method", "name": "isRequiredExternally", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "description": "Will be used as 'or' check to the current required state.\nCan e.g. be used to read required state of a group.", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "kind": "field", "name": "size", "type": { "text": "'xs' | 's' | 'm'" }, "privacy": "public", "description": "Size variant, either xs, s or m.", "default": "'m' / 'xs' (lean)", "attribute": "size", "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } }, { "kind": "field", "name": "horizontalFrom", "type": { "text": "SbbHorizontalFrom | null" }, "privacy": "public", "default": "null", "description": "Overrides the behavior of `orientation` property.", "attribute": "horizontal-from", "reflects": true, "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } }, { "kind": "field", "name": "orientation", "type": { "text": "SbbOrientation" }, "privacy": "public", "default": "'horizontal'", "description": "Indicates the orientation of the checkboxes or panels inside the group.", "attribute": "orientation", "reflects": true, "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } }, { "kind": "method", "name": "onSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "superclass": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements.js" }, "tagName": "sbb-checkbox-group", "customElement": true, "attributes": [ { "name": "disabled", "description": "Whether the component is disabled.", "default": "false", "type": { "text": "boolean" }, "fieldName": "disabled", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "name": "required", "description": "Whether the component is required.", "type": { "text": "boolean" }, "fieldName": "required", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "name": "size", "type": { "text": "'xs' | 's' | 'm'" }, "description": "Size variant, either xs, s or m.", "default": "'m' / 'xs' (lean)", "fieldName": "size", "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } }, { "name": "horizontal-from", "type": { "text": "SbbHorizontalFrom | null" }, "default": "null", "description": "Overrides the behavior of `orientation` property.", "fieldName": "horizontalFrom", "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } }, { "name": "orientation", "type": { "text": "SbbOrientation" }, "default": "'horizontal'", "description": "Indicates the orientation of the checkboxes or panels inside the group.", "fieldName": "orientation", "inheritedFrom": { "name": "SbbSelectionGroupBaseElement", "module": "core/base-elements/selection-group-base-element.js" } } ] } ], "exports": [ { "kind": "js", "name": "SbbCheckboxGroupElement", "declaration": { "name": "SbbCheckboxGroupElement", "module": "checkbox-group/checkbox-group.component.js" } } ] }, { "kind": "javascript-module", "path": "checkbox-panel/checkbox-panel.component.js", "declarations": [ { "kind": "class", "description": "It displays a checkbox enhanced with selection panel design.", "name": "SbbCheckboxPanelElement", "slots": [ { "description": "Use the unnamed slot to add content to the `sbb-checkbox`.", "name": "" }, { "description": "Slot used to render a subtext under the label (only visible within a selection panel).", "name": "subtext" }, { "description": "Slot used to render additional content after the label (only visible within a selection panel).", "name": "suffix" }, { "description": "Use this slot to provide a `sbb-card-badge` (optional).", "name": "badge" } ], "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'sbb-checkbox-panel'", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "value", "type": { "text": "(T = string) | null" }, "privacy": "public", "default": "null", "description": "Value of the form element.", "attribute": "value", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "color", "type": { "text": "'white' | 'milk'" }, "privacy": "public", "default": "'white'", "description": "The background color of the panel.", "attribute": "color", "reflects": true, "inheritedFrom": { "name": "SbbPanelMixin", "module": "core/mixins/panel-mixin.js" } }, { "kind": "field", "name": "borderless", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the unselected panel has a border.", "attribute": "borderless", "reflects": true, "inheritedFrom": { "name": "SbbPanelMixin", "module": "core/mixins/panel-mixin.js" } }, { "kind": "field", "name": "size", "type": { "text": "SbbCheckboxSize | SbbRadioButtonSize" }, "privacy": "public", "description": "Size variant, either xs, s or m.", "default": "'m' / 'xs' (lean)", "attribute": "size", "reflects": true, "inheritedFrom": { "name": "SbbPanelMixin", "module": "core/mixins/panel-mixin.js" } }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the checkbox is indeterminate.", "attribute": "indeterminate", "inheritedFrom": { "name": "SbbCheckboxCommonElementMixin", "module": "checkbox/common/checkbox-common.js" } }, { "kind": "field", "name": "group", "type": { "text": "SbbCheckboxGroupElement | null" }, "privacy": "public", "description": "Reference to the connected checkbox group.", "readonly": true, "inheritedFrom": { "name": "SbbCheckboxCommonElementMixin", "module": "checkbox/common/checkbox-common.js" }, "default": "null" }, { "kind": "field", "name": "_group", "type": { "text": "SbbCheckboxGroupElement | null" }, "privacy": "private", "default": "null", "inheritedFrom": { "name": "SbbCheckboxCommonElementMixin", "module": "checkbox/common/checkbox-common.js" } }, { "kind": "method", "name": "isDisabledExternally", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "method", "name": "isRequiredExternally", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "description": "Will be used as 'or' check to the current required state.\nCan e.g. be used to read required state of a group.", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "kind": "method", "name": "withUserInteraction", "privacy": "protected", "return": { "type": { "text": "void" } }, "description": "Additional logic which is being executed when user\ninteraction happens and state is not disabled.", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "role", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'checkbox'", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "_attributeMutationBlocked", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "_languageController", "privacy": "private", "default": "new SbbLanguageController(this)", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "checked", "privacy": "public", "description": "Whether the checkbox is checked.", "type": { "text": "boolean" }, "attribute": "checked", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" }, "default": "false" }, { "kind": "field", "name": "_checked", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "type", "type": { "text": "string" }, "privacy": "public", "description": "Form type of element.", "default": "'checkbox'", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "method", "name": "updateFormValue", "privacy": "protected", "return": { "type": { "text": "void" } }, "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "formState", "privacy": "protected", "return": { "type": { "text": "FormRestoreState" } }, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "shouldValidate", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "name", "type": { "text": "PropertyKey | undefined" } } ], "description": "Whether validation should be run on a property change with the given name.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "validate", "privacy": "protected", "return": { "type": { "text": "void" } }, "description": "To be called whenever the current element needs to be validated.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "_handleKeyboardInteraction", "privacy": "private", "description": "Method triggered on keyboard user interaction with checkbox.", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "_handleUserInteraction", "privacy": "private", "description": "Method triggered on user interaction with checkbox.", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "field", "name": "disabled", "privacy": "public", "description": "Whether the component is disabled.", "default": "false", "type": { "text": "boolean" }, "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "field", "name": "#disabled", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "field", "name": "required", "privacy": "public", "description": "Whether the component is required.", "type": { "text": "boolean" }, "attribute": "required", "reflects": true, "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" }, "default": "false" }, { "kind": "field", "name": "_required", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "privacy": "public", "description": "Returns the form owner of this element.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "name", "privacy": "public", "description": "Name of the form element. Will be read from name attribute.", "type": { "text": "string" }, "attribute": "name", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "privacy": "public", "description": "Returns the ValidityState object for this element.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "privacy": "public", "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "privacy": "public", "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "_validityStates", "privacy": "private", "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "formDisabled", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "description": "Whenever a surrounding form or fieldset is changing its disabled state.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "checkValidity", "privacy": "public", "return": { "type": { "text": "boolean" } }, "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "reportValidity", "privacy": "public", "return": { "type": { "text": "boolean" } }, "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "setCustomValidity", "privacy": "public", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "message", "type": { "text": "string" } } ], "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "_hasDisabledAncestor", "privacy": "private", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "setValidityFlag", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "flag", "type": { "text": "T" } }, { "name": "message", "type": { "text": "string" } }, { "name": "flagValue", "optional": true, "type": { "text": "ValidityStateFlags[T]" } } ], "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "removeValidityFlag", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "flag", "type": { "text": "T" } } ], "description": "Removes the validity state flag entry and updates validity state.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "_setInternalValidity", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "_updatePromise", "privacy": "private", "inheritedFrom": { "name": "SbbUpdateSchedulerMixin", "module": "core/mixins/update-scheduler-mixin.js" } }, { "kind": "field", "name": "_updateResolve", "privacy": "private", "inheritedFrom": { "name": "SbbUpdateSchedulerMixin", "module": "core/mixins/update-scheduler-mixin.js" } }, { "kind": "method", "name": "startUpdate", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbUpdateSchedulerMixin", "module": "core/mixins/update-scheduler-mixin.js" } }, { "kind": "method", "name": "completeUpdate", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbUpdateSchedulerMixin", "module": "core/mixins/update-scheduler-mixin.js" } }, { "kind": "method", "name": "getUpdateComplete", "privacy": "protected", "return": { "type": { "text": "Promise" } }, "inheritedFrom": { "name": "SbbUpdateSchedulerMixin", "module": "core/mixins/update-scheduler-mixin.js" } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "events": [ { "type": { "text": "Event" }, "description": "The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.", "name": "change" }, { "type": { "text": "InputEvent" }, "description": "The input event fires when the value has been changed as a direct result of a user action.", "name": "input" } ], "attributes": [ { "name": "value", "type": { "text": "T | null" }, "default": "null", "description": "Value of the form element.", "fieldName": "value" }, { "name": "color", "type": { "text": "'white' | 'milk'" }, "default": "'white'", "description": "The background color of the panel.", "fieldName": "color", "inheritedFrom": { "name": "SbbPanelMixin", "module": "core/mixins/panel-mixin.js" } }, { "name": "borderless", "type": { "text": "boolean" }, "default": "false", "description": "Whether the unselected panel has a border.", "fieldName": "borderless", "inheritedFrom": { "name": "SbbPanelMixin", "module": "core/mixins/panel-mixin.js" } }, { "name": "size", "type": { "text": "SbbCheckboxSize | SbbRadioButtonSize" }, "description": "Size variant, either xs, s or m.", "default": "'m' / 'xs' (lean)", "fieldName": "size", "inheritedFrom": { "name": "SbbPanelMixin", "module": "core/mixins/panel-mixin.js" } }, { "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Whether the checkbox is indeterminate.", "fieldName": "indeterminate", "inheritedFrom": { "name": "SbbCheckboxCommonElementMixin", "module": "checkbox/common/checkbox-common.js" } }, { "name": "checked", "description": "Whether the checkbox is checked.", "type": { "text": "boolean" }, "fieldName": "checked", "inheritedFrom": { "name": "SbbFormAssociatedCheckboxMixin", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "name": "disabled", "description": "Whether the component is disabled.", "default": "false", "type": { "text": "boolean" }, "fieldName": "disabled", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "name": "required", "description": "Whether the component is required.", "type": { "text": "boolean" }, "fieldName": "required", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "name": "name", "description": "Name of the form element. Will be read from name attribute.", "type": { "text": "string" }, "fieldName": "name", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } } ], "mixins": [ { "name": "SbbPanelMixin", "module": "core/mixins.js" }, { "name": "SbbCheckboxCommonElementMixin", "module": "checkbox/common/checkbox-common.js" }, { "name": "SbbUpdateSchedulerMixin", "module": "core/mixins.js" } ], "superclass": { "name": "SbbElement", "module": "core/base-elements.js" }, "tagName": "sbb-checkbox-panel", "customElement": true, "classGenerics": "T = string" } ], "exports": [ { "kind": "js", "name": "SbbCheckboxPanelElement", "declaration": { "name": "SbbCheckboxPanelElement", "module": "checkbox-panel/checkbox-panel.component.js" } } ] }, { "kind": "javascript-module", "path": "chip/chip-group.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "chip/chip-group/chip-group.component.js" } } ] }, { "kind": "javascript-module", "path": "chip/chip.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "chip/chip/chip.component.js" } } ] }, { "kind": "javascript-module", "path": "chip-label/chip-label.component.js", "declarations": [ { "kind": "class", "description": "It displays brief and compact information.", "name": "SbbChipLabelElement", "slots": [ { "description": "Use the unnamed slot to add content to the `sbb-chip-label`.", "name": "" } ], "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'sbb-chip-label'", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "size", "type": { "text": "'xxs' | 'xs' | 's'" }, "privacy": "public", "default": "'xxs'", "description": "Size of the chip.", "attribute": "size", "reflects": true }, { "kind": "field", "name": "color", "type": { "text": "'milk' | 'charcoal' | 'white' | 'granite'" }, "privacy": "public", "default": "'milk'", "description": "Color of the chip.", "attribute": "color", "reflects": true }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "attributes": [ { "name": "size", "type": { "text": "'xxs' | 'xs' | 's'" }, "default": "'xxs'", "description": "Size of the chip.", "fieldName": "size" }, { "name": "color", "type": { "text": "'milk' | 'charcoal' | 'white' | 'granite'" }, "default": "'milk'", "description": "Color of the chip.", "fieldName": "color" } ], "superclass": { "name": "SbbElement", "module": "core/base-elements.js" }, "tagName": "sbb-chip-label", "customElement": true } ], "exports": [ { "kind": "js", "name": "SbbChipLabelElement", "declaration": { "name": "SbbChipLabelElement", "module": "chip-label/chip-label.component.js" } } ] }, { "kind": "javascript-module", "path": "clock/clock.component.js", "declarations": [ { "kind": "class", "description": "It displays an analog clock with the classic SBB face.", "name": "SbbClockElement", "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'sbb-clock'", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "now", "type": { "text": "SbbTime | null" }, "privacy": "public", "default": "null", "description": "Define a specific time which the clock should show statically.", "parameters": [ { "description": "HH:MM:ss", "name": "value" } ], "attribute": "now" }, { "kind": "field", "name": "_state", "type": { "text": "'running' | 'paused'" }, "privacy": "private", "default": "'paused'", "description": "Whether the clock is ticking or not" }, { "kind": "field", "name": "_clockHandHours", "type": { "text": "HTMLElement" }, "privacy": "private", "description": "Reference to the hour hand." }, { "kind": "field", "name": "_clockHandMinutes", "type": { "text": "HTMLElement" }, "privacy": "private", "description": "Reference to the minute hand." }, { "kind": "field", "name": "_clockHandSeconds", "type": { "text": "HTMLElement" }, "privacy": "private", "description": "Reference to the second hand." }, { "kind": "field", "name": "_hours", "type": { "text": "number" }, "privacy": "private", "description": "Hours value for the current date." }, { "kind": "field", "name": "_minutes", "type": { "text": "number" }, "privacy": "private", "description": "Minutes value for the current date." }, { "kind": "field", "name": "_seconds", "type": { "text": "number" }, "privacy": "private", "description": "Seconds value for the current date." }, { "kind": "field", "name": "_handMovement", "type": { "text": "ReturnType | undefined" }, "privacy": "private", "description": "Move the minutes hand every minute." }, { "kind": "field", "name": "_resetIntervalId", "type": { "text": "ReturnType | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_moveHoursHandFn", "privacy": "private", "description": "Callback function for hours hand." }, { "kind": "field", "name": "_moveMinutesHandFn", "privacy": "private", "description": "Callback function for minutes hand." }, { "kind": "field", "name": "_handlePageVisibilityChange", "privacy": "private" }, { "kind": "method", "name": "_startOrConfigureClock", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "_startClock", "privacy": "private", "return": { "type": { "text": "Promise" } }, "description": "Starts the clock by defining the hands starting position then starting the animations." }, { "kind": "method", "name": "_stopClock", "privacy": "private", "return": { "type": { "text": "Promise" } }, "description": "Stops the clock by removing all the animations." }, { "kind": "method", "name": "_resetClock", "privacy": "private", "return": { "type": { "text": "Promise" } }, "description": "As a fallback measure to prevent de-sync, reset the clock to the system time." }, { "kind": "method", "name": "_setHandsStartingPosition", "privacy": "private", "return": { "type": { "text": "void" } }, "description": "Set the starting position for the three hands on the clock face." }, { "kind": "method", "name": "_assignCurrentTime", "privacy": "private", "return": { "type": { "text": "void" } }, "description": "Given the current date, calculates the hh/mm/ss values and the hh/mm/ss left to the next midnight." }, { "kind": "method", "name": "_setMinutesHand", "privacy": "private", "return": { "type": { "text": "void" } }, "description": "Set the starting position for the minutes hand." }, { "kind": "method", "name": "_moveHoursHand", "privacy": "private", "return": { "type": { "text": "void" } }, "description": "Move the hours hand to the next value." }, { "kind": "method", "name": "_moveMinutesHand", "privacy": "private", "return": { "type": { "text": "void" } }, "description": "Move the minutes hand to the next value." }, { "kind": "method", "name": "_addMinutesAndSetHands", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_resetSecondsHandAnimation", "privacy": "private", "return": { "type": { "text": "void" } }, "description": "Removing animation by overriding with empty string,\nthen triggering a reflow and re add original animation by removing override." }, { "kind": "method", "name": "_removeEventListeners", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_removeHoursAnimationStyles", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_removeSecondsAnimationStyles", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "attributes": [ { "name": "now", "type": { "text": "SbbTime | null" }, "default": "null", "description": "Define a specific time which the clock should show statically.", "parameters": [ { "description": "HH:MM:ss", "name": "value" } ], "fieldName": "now" } ], "superclass": { "name": "SbbElement", "module": "core/base-elements.js" }, "tagName": "sbb-clock", "customElement": true } ], "exports": [ { "kind": "js", "name": "SbbClockElement", "declaration": { "name": "SbbClockElement", "module": "clock/clock.component.js" } } ] }, { "kind": "javascript-module", "path": "container/container.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "container/container/container.component.js" } } ] }, { "kind": "javascript-module", "path": "container/sticky-bar.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "container/sticky-bar/sticky-bar.component.js" } } ] }, { "kind": "javascript-module", "path": "core/a11y.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/a11y/arrow-navigation.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/a11y/fake-event-detection.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/a11y/focus-visible-within-controller.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/a11y/focus.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/a11y/focus-trap-controller.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/a11y/interactivity-checker.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/a11y/input-modality-detector.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/a11y/live-announcer.js" } } ] }, { "kind": "javascript-module", "path": "core/base-elements.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/base-elements/action-base-element.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/base-elements/button-base-element.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/base-elements/element.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/base-elements/link-base-element.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/base-elements/open-close-base-element.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/base-elements/selection-group-base-element.js" } } ] }, { "kind": "javascript-module", "path": "core/config.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/config/config.js" } } ] }, { "kind": "javascript-module", "path": "core/controllers.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/controllers/property-watcher-controller.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/controllers/escapable-overlay-controller.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/controllers/id-reference-controller.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/controllers/inert-controller.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/controllers/language-controller.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/controllers/media-matchers-controller.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/controllers/slot-state-controller.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/controllers/overlay-position-controller.js" } } ] }, { "kind": "javascript-module", "path": "core/datetime.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/datetime/date-adapter.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/datetime/native-date-adapter.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/datetime/temporal-date-adapter.js" } } ] }, { "kind": "javascript-module", "path": "core/decorators.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/decorators/force-type.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/decorators/get-override.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/decorators/handle-distinct-change.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/decorators/host-attributes.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/decorators/id-reference.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/decorators/omit-empty-converter.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/decorators/plain-date.js" } } ] }, { "kind": "javascript-module", "path": "core/dom.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/dom/animation.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/dom/contains-pierce-shadow-dom.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/dom/lean-context.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/dom/set-or-remove-attribute.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/dom/platform.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/dom/queue-dom-content-loaded.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/dom/scroll.js" } } ] }, { "kind": "javascript-module", "path": "core/eventing.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/eventing/composed-path-has-attribute.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/eventing/event-target.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/eventing/form-element-handlers.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/eventing/forward-event.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/eventing/is-event-prevented.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/eventing/throttle.js" } } ] }, { "kind": "javascript-module", "path": "core/i18n.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/i18n/i18n.js" } } ] }, { "kind": "javascript-module", "path": "core/images.js", "declarations": [ { "kind": "variable", "name": "sampleImages", "type": { "text": "string[]" }, "default": "[ 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Billetkontrolle.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Hoehenrundweg-Gryden-Lenk.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Kaufmann-frau.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Corona-Schutzkonzept.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Digitale-Werbung-SBB.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Bahnhof-Luzern.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Einheitswagen-IV-EuroCity.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Einsatzstrecken_EW4-Eurocity.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Frau-No-Results.png', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Helpteaser-Background-Landscape.png', ]", "description": "This demo pictures must not be used in production code.\nInternally we should only use them in stories." } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "sampleImages", "module": "core/images.js" } } ] }, { "kind": "javascript-module", "path": "core/interfaces.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/interfaces/overlay-close-details.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/interfaces/paginator-page.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/interfaces/types.js" } } ] }, { "kind": "javascript-module", "path": "core/mixins.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/animation-complete-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/constructor.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/form-associated-checkbox-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/form-associated-radio-button-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/named-slot-list-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/negative-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/panel-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/required-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/readonly-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/selection-panel-mixin.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/mixins/update-scheduler-mixin.js" } } ] }, { "kind": "javascript-module", "path": "core/overlay.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/overlay/overlay.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/overlay/overlay-option-panel.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/overlay/overlay-outside-pointer-event-listener.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/overlay/overlay-trigger-attributes.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/overlay/position.js" } } ] }, { "kind": "javascript-module", "path": "core/styles.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/styles/styles.js" } } ] }, { "kind": "javascript-module", "path": "core/testing.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/testing/event-spy.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/testing/mocha-extensions.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/testing/wait-for-condition.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/testing/wait-for-image-ready.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "core/testing/wait-for-render.js" } } ] }, { "kind": "javascript-module", "path": "date-input/date-input.component.js", "declarations": [ { "kind": "class", "description": "Custom input for a date.", "name": "SbbDateInputElement", "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'sbb-date-input'", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "privacy": "public", "description": "The value of the input. Reflects the current text value of this input.", "attribute": "value", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" }, "default": "''" }, { "kind": "field", "name": "valueAsDate", "privacy": "public", "description": "Formats the current input's value as date.", "type": { "text": "T | null" } }, { "kind": "field", "name": "_valueAsDate", "type": { "text": "T | null | undefined" }, "privacy": "private" }, { "kind": "field", "name": "min", "type": { "text": "T | null" }, "privacy": "public", "default": "null", "description": "The minimum valid date. Accepts a date object or null.\nAccepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.", "attribute": "min", "reflects": true }, { "kind": "field", "name": "max", "type": { "text": "T | null" }, "privacy": "public", "default": "null", "description": "The maximum valid date. Accepts a date object or null.\nAccepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.", "attribute": "max", "reflects": true }, { "kind": "field", "name": "dateFilter", "privacy": "public", "description": "A function used to filter out dates.\nIt is strongly recommended to use min and max dates alongside\nthis filter.", "type": { "text": "(date: T | null) => boolean" } }, { "kind": "field", "name": "weekdayStyle", "type": { "text": "'short' | 'none'" }, "privacy": "public", "default": "'short'", "description": "How to format the displayed date.\n`short`: Two letter abbreviation of the week day (e.g. Fr).\n`none`: The weekday is not displayed.", "attribute": "weekday-style" }, { "kind": "field", "name": "_valueCache", "type": { "text": "[string, T | null] | undefined" }, "privacy": "private", "description": "Stores the last string and parsed date object value to prevent repeated\nparsing of the string value." }, { "kind": "field", "name": "_dateAdapter", "type": { "text": "DateAdapter" }, "privacy": "private" }, { "kind": "field", "name": "_placeholderMutable", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "datepicker", "type": { "text": "SbbDatepickerElement | null" }, "privacy": "public", "description": "Gets the associated datepicker, if any.\nThe sbb-date-input and the sbb-datepicker are assumed to be in the same parent container.", "readonly": true }, { "kind": "method", "name": "resolveAssociation", "privacy": "public", "static": true, "return": { "type": { "text": "void" } }, "parameters": [ { "name": "host", "type": { "text": "HTMLElement & SbbDateInputAssociated" } } ], "description": "Attempts to resolve the associated date input with the given element." }, { "kind": "field", "name": "_dateFilter", "type": { "text": "(date: T | null) => boolean" }, "privacy": "private" }, { "kind": "method", "name": "updateFormValue", "privacy": "protected", "return": { "type": { "text": "void" } }, "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "_tryParseValue", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "default": "this.value" } ] }, { "kind": "method", "name": "_updateValueDateFormat", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_formatDate", "privacy": "private", "return": { "type": { "text": "string" } } }, { "kind": "method", "name": "shouldValidate", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "name", "type": { "text": "PropertyKey | undefined" } } ], "description": "Whether validation should be run on a property change with the given name.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "validate", "privacy": "protected", "return": { "type": { "text": "void" } }, "description": "To be called whenever the current element needs to be validated.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "_removeValidityErrors", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "role", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'textbox'", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "field", "name": "formFieldAssociated", "type": { "text": "boolean" }, "privacy": "public", "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "field", "name": "_shouldEmitChange", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "description": "An element with contenteditable will not emit a change event. To achieve parity\nwith a native text input, we need to track whether a change event should be\nemitted.", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "field", "name": "_shouldTriggerSubmit", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "description": "A native text input attempts to submit the form when pressing Enter.\nThis can be prevented by calling preventDefault on the keydown event.\nWe track whether to request submit, which should occur before the keyup\nevent.", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "field", "name": "language", "privacy": "protected", "default": "new SbbLanguageController(this)", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "field", "name": "type", "type": { "text": "string" }, "privacy": "public", "description": "Form type of element.", "default": "'text'", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "private", "default": "''", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "field", "name": "placeholder", "privacy": "public", "type": { "text": "string" }, "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "isDisabledExternally", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "method", "name": "focus", "privacy": "public", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ], "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "select", "privacy": "public", "return": { "type": { "text": "void" } }, "description": "Makes the selection equal to the current object.", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "preparePastedText", "privacy": "protected", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "text", "type": { "text": "string" } } ], "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "_requiresEmptyPatch", "privacy": "private", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "_assignValue", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } } ], "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "_setCursorAt", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "position", "type": { "text": "number" } } ], "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "_cleanText", "privacy": "private", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "value", "type": { "text": "string" } } ], "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "_dispatchInputEvent", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "_cleanChildren", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "_updateContenteditable", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "_emitChangeIfNecessary", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "method", "name": "_canSelect", "privacy": "private", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "kind": "field", "name": "readOnly", "privacy": "public", "description": "Whether the component is readonly.", "default": "false", "type": { "text": "boolean" }, "attribute": "readonly", "inheritedFrom": { "name": "SbbReadonlyMixin", "module": "core/mixins/readonly-mixin.js" } }, { "kind": "field", "name": "#readOnly", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "SbbReadonlyMixin", "module": "core/mixins/readonly-mixin.js" } }, { "kind": "field", "name": "disabled", "privacy": "public", "description": "Whether the component is disabled.", "default": "false", "type": { "text": "boolean" }, "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "field", "name": "#disabled", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "kind": "field", "name": "required", "privacy": "public", "description": "Whether the component is required.", "type": { "text": "boolean" }, "attribute": "required", "reflects": true, "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" }, "default": "false" }, { "kind": "field", "name": "_required", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "kind": "method", "name": "isRequiredExternally", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "description": "Will be used as 'or' check to the current required state.\nCan e.g. be used to read required state of a group.", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "privacy": "public", "description": "Returns the form owner of this element.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "name", "privacy": "public", "description": "Name of the form element. Will be read from name attribute.", "type": { "text": "string" }, "attribute": "name", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "privacy": "public", "description": "Returns the ValidityState object for this element.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "privacy": "public", "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "privacy": "public", "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.", "readonly": true, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "_validityStates", "privacy": "private", "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "formDisabled", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "description": "Whenever a surrounding form or fieldset is changing its disabled state.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "checkValidity", "privacy": "public", "return": { "type": { "text": "boolean" } }, "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "reportValidity", "privacy": "public", "return": { "type": { "text": "boolean" } }, "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "setCustomValidity", "privacy": "public", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "message", "type": { "text": "string" } } ], "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "_hasDisabledAncestor", "privacy": "private", "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "formState", "privacy": "protected", "return": { "type": { "text": "FormRestoreState" } }, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "setValidityFlag", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "flag", "type": { "text": "T" } }, { "name": "message", "type": { "text": "string" } }, { "name": "flagValue", "optional": true, "type": { "text": "ValidityStateFlags[T]" } } ], "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "removeValidityFlag", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "flag", "type": { "text": "T" } } ], "description": "Removes the validity state flag entry and updates validity state.", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "method", "name": "_setInternalValidity", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "attributes": [ { "name": "min", "type": { "text": "T | null" }, "default": "null", "description": "The minimum valid date. Accepts a date object or null.\nAccepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.", "fieldName": "min" }, { "name": "max", "type": { "text": "T | null" }, "default": "null", "description": "The maximum valid date. Accepts a date object or null.\nAccepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.", "fieldName": "max" }, { "name": "weekday-style", "type": { "text": "'short' | 'none'" }, "default": "'short'", "description": "How to format the displayed date.\n`short`: Two letter abbreviation of the week day (e.g. Fr).\n`none`: The weekday is not displayed.", "fieldName": "weekdayStyle" }, { "name": "value", "description": "The value of the input. Reflects the current text value of this input.", "type": { "text": "string" }, "fieldName": "value", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "name": "readonly", "description": "Whether the component is readonly.", "default": "false", "type": { "text": "boolean" }, "fieldName": "readOnly", "inheritedFrom": { "name": "SbbReadonlyMixin", "module": "core/mixins/readonly-mixin.js" } }, { "name": "disabled", "description": "Whether the component is disabled.", "default": "false", "type": { "text": "boolean" }, "fieldName": "disabled", "inheritedFrom": { "name": "SbbDisabledMixin", "module": "core/mixins/disabled-mixin.js" } }, { "name": "required", "description": "Whether the component is required.", "type": { "text": "boolean" }, "fieldName": "required", "inheritedFrom": { "name": "SbbRequiredMixin", "module": "core/mixins/required-mixin.js" } }, { "name": "name", "description": "Name of the form element. Will be read from name attribute.", "type": { "text": "string" }, "fieldName": "name", "inheritedFrom": { "name": "SbbFormAssociatedMixin", "module": "core/mixins/form-associated-mixin.js" } } ], "mixins": [ { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins.js" } ], "superclass": { "name": "SbbElement", "module": "core/base-elements.js" }, "tagName": "sbb-date-input", "customElement": true, "classGenerics": "T = Date", "events": [ { "name": "input", "type": { "text": "InputEvent" }, "description": "The input event fires when the value has been changed as a direct result of a user action.", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } }, { "name": "change", "type": { "text": "Event" }, "description": "The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.", "inheritedFrom": { "name": "SbbFormAssociatedInputMixin", "module": "core/mixins/form-associated-input-mixin.js" } } ] } ], "exports": [ { "kind": "js", "name": "SbbDateInputElement", "declaration": { "name": "SbbDateInputElement", "module": "date-input/date-input.component.js" } } ] }, { "kind": "javascript-module", "path": "datepicker/common.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker/common/datepicker-button.js" } } ] }, { "kind": "javascript-module", "path": "datepicker/datepicker-next-day.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker/datepicker-next-day/datepicker-next-day.component.js" } } ] }, { "kind": "javascript-module", "path": "datepicker/datepicker-previous-day.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker/datepicker-previous-day/datepicker-previous-day.component.js" } } ] }, { "kind": "javascript-module", "path": "datepicker/datepicker-toggle.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker/datepicker-toggle/datepicker-toggle.component.js" } } ] }, { "kind": "javascript-module", "path": "datepicker/datepicker.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "datepicker/datepicker/datepicker.component.js" } } ] }, { "kind": "javascript-module", "path": "dialog/dialog-actions.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog/dialog-actions/dialog-actions.component.js" } } ] }, { "kind": "javascript-module", "path": "dialog/dialog-close-button.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog/dialog-close-button/dialog-close-button.component.js" } } ] }, { "kind": "javascript-module", "path": "dialog/dialog-content.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog/dialog-content/dialog-content.component.js" } } ] }, { "kind": "javascript-module", "path": "dialog/dialog-title.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog/dialog-title/dialog-title.component.js" } } ] }, { "kind": "javascript-module", "path": "dialog/dialog.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "dialog/dialog/dialog.component.js" } } ] }, { "kind": "javascript-module", "path": "divider/divider.component.js", "declarations": [ { "kind": "class", "description": "Displays a divider between sections.", "name": "SbbDividerElement", "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'sbb-divider'", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "role", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'separator'" }, { "kind": "field", "name": "orientation", "type": { "text": "SbbOrientation" }, "privacy": "public", "default": "'horizontal'", "description": "Orientation property with possible values 'horizontal' | 'vertical'. Defaults to horizontal.", "attribute": "orientation", "reflects": true }, { "kind": "field", "name": "negative", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Negative coloring variant flag.", "attribute": "negative", "reflects": true, "inheritedFrom": { "name": "SbbNegativeMixin", "module": "core/mixins/negative-mixin.js" } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "attributes": [ { "name": "orientation", "type": { "text": "SbbOrientation" }, "default": "'horizontal'", "description": "Orientation property with possible values 'horizontal' | 'vertical'. Defaults to horizontal.", "fieldName": "orientation" }, { "name": "negative", "type": { "text": "boolean" }, "default": "false", "description": "Negative coloring variant flag.", "fieldName": "negative", "inheritedFrom": { "name": "SbbNegativeMixin", "module": "core/mixins/negative-mixin.js" } } ], "mixins": [ { "name": "SbbNegativeMixin", "module": "core/mixins.js" } ], "superclass": { "name": "SbbElement", "module": "core/base-elements.js" }, "tagName": "sbb-divider", "customElement": true } ], "exports": [ { "kind": "js", "name": "SbbDividerElement", "declaration": { "name": "SbbDividerElement", "module": "divider/divider.component.js" } } ] }, { "kind": "javascript-module", "path": "expansion-panel/expansion-panel-content.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "expansion-panel/expansion-panel-content/expansion-panel-content.component.js" } } ] }, { "kind": "javascript-module", "path": "expansion-panel/expansion-panel-header.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "expansion-panel/expansion-panel-header/expansion-panel-header.component.js" } } ] }, { "kind": "javascript-module", "path": "expansion-panel/expansion-panel.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "expansion-panel/expansion-panel/expansion-panel.component.js" } } ] }, { "kind": "javascript-module", "path": "file-selector/common.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "file-selector/common/file-selector-common.js" } } ] }, { "kind": "javascript-module", "path": "file-selector/file-selector-dropzone.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "file-selector/file-selector-dropzone/file-selector-dropzone.component.js" } } ] }, { "kind": "javascript-module", "path": "file-selector/file-selector.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "file-selector/file-selector/file-selector.component.js" } } ] }, { "kind": "javascript-module", "path": "flip-card/flip-card-details.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "flip-card/flip-card-details/flip-card-details.component.js" } } ] }, { "kind": "javascript-module", "path": "flip-card/flip-card-summary.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "flip-card/flip-card-summary/flip-card-summary.component.js" } } ] }, { "kind": "javascript-module", "path": "flip-card/flip-card.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "flip-card/flip-card/flip-card.component.js" } } ] }, { "kind": "javascript-module", "path": "footer/footer.component.js", "declarations": [ { "kind": "class", "description": "It displays a footer section for the page.", "name": "SbbFooterElement", "slots": [ { "description": "Use the unnamed slot to add elements like `sbb-block-link`, `sbb-link-list`, `sbb-divider` and so on.", "name": "" } ], "members": [ { "kind": "field", "name": "elementName", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'sbb-footer'", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "variant", "type": { "text": "'default' | 'clock-columns'" }, "privacy": "public", "default": "'default'", "description": "Variants to display the footer. The default, displays the content in regular block element\napproach. The clock-columns, used a CSS-grid for displaying the content over different\nbreakpoints.", "attribute": "variant", "reflects": true }, { "kind": "field", "name": "expanded", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to allow the footer content to stretch to full width.\nBy default, the content has the appropriate page size.", "attribute": "expanded", "reflects": true }, { "kind": "field", "name": "accessibilityTitle", "type": { "text": "string" }, "privacy": "public", "default": "''", "description": "Footer title text, visually hidden, necessary for screen readers.", "attribute": "accessibility-title" }, { "kind": "field", "name": "accessibilityTitleLevel", "type": { "text": "SbbTitleLevel" }, "privacy": "public", "default": "'1'", "description": "Level of the accessibility title, will be rendered as heading tag (e.g. h1). Defaults to level 1.", "attribute": "accessibility-title-level" }, { "kind": "field", "name": "negative", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Negative coloring variant flag.", "attribute": "negative", "reflects": true, "inheritedFrom": { "name": "SbbNegativeMixin", "module": "core/mixins/negative-mixin.js" } }, { "kind": "field", "name": "_hydrationRequired", "type": { "text": "boolean" }, "privacy": "private", "default": "!!this.shadowRoot", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_hydrationComplete", "privacy": "private", "default": "new Promise( (resolve) => (this._resolveHydration = resolve), )", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "_resolveHydration", "type": { "text": "(hydrationRequired: boolean) => void" }, "privacy": "private", "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" } }, { "kind": "field", "name": "hydrationRequired", "type": { "text": "boolean" }, "privacy": "protected", "description": "Returns whether hydration is required and not completed.", "readonly": true, "inheritedFrom": { "name": "SbbHydrationMixin", "module": "core/mixins/hydration-mixin.js" }, "default": "!!this.shadowRoot" }, { "kind": "method", "name": "toggleState", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "force", "optional": true, "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "SbbElementInternalsMixin", "module": "core/mixins/element-internals-mixin.js" } }, { "kind": "field", "name": "['_$sbbElement$']", "type": { "text": "boolean" }, "privacy": "public", "static": true, "default": "true", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } }, { "kind": "field", "name": "_controllers", "type": { "text": "Set | undefined" }, "privacy": "private", "inheritedFrom": { "name": "SbbElement", "module": "core/base-elements/element.js" } } ], "attributes": [ { "name": "variant", "type": { "text": "'default' | 'clock-columns'" }, "default": "'default'", "description": "Variants to display the footer. The default, displays the content in regular block element\napproach. The clock-columns, used a CSS-grid for displaying the content over different\nbreakpoints.", "fieldName": "variant" }, { "name": "expanded", "type": { "text": "boolean" }, "default": "false", "description": "Whether to allow the footer content to stretch to full width.\nBy default, the content has the appropriate page size.", "fieldName": "expanded" }, { "name": "accessibility-title", "type": { "text": "string" }, "default": "''", "description": "Footer title text, visually hidden, necessary for screen readers.", "fieldName": "accessibilityTitle" }, { "name": "accessibility-title-level", "type": { "text": "SbbTitleLevel" }, "default": "'1'", "description": "Level of the accessibility title, will be rendered as heading tag (e.g. h1). Defaults to level 1.", "fieldName": "accessibilityTitleLevel" }, { "name": "negative", "type": { "text": "boolean" }, "default": "false", "description": "Negative coloring variant flag.", "fieldName": "negative", "inheritedFrom": { "name": "SbbNegativeMixin", "module": "core/mixins/negative-mixin.js" } } ], "mixins": [ { "name": "SbbNegativeMixin", "module": "core/mixins.js" } ], "superclass": { "name": "SbbElement", "module": "core/base-elements.js" }, "tagName": "sbb-footer", "customElement": true } ], "exports": [ { "kind": "js", "name": "SbbFooterElement", "declaration": { "name": "SbbFooterElement", "module": "footer/footer.component.js" } } ] }, { "kind": "javascript-module", "path": "form-field/error.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "form-field/error/error.component.js" } } ] }, { "kind": "javascript-module", "path": "form-field/form-field-clear.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "form-field/form-field-clear/form-field-clear.component.js" } } ] }, { "kind": "javascript-module", "path": "form-field/form-field.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "form-field/form-field/form-field.component.js" } } ] }, { "kind": "javascript-module", "path": "header/common.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header/common/header-action-common.js" } } ] }, { "kind": "javascript-module", "path": "header/header-button.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header/header-button/header-button.component.js" } } ] }, { "kind": "javascript-module", "path": "header/header-environment.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header/header-environment/header-environment.component.js" } } ] }, { "kind": "javascript-module", "path": "header/header-link.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header/header-link/header-link.component.js" } } ] }, { "kind": "javascript-module", "path": "header/header.js", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "header/header/header.component.js" } } ] }, { "kind": "javascript-module", "path": "icon/icon-base.js", "declarations": [ { "kind": "class", "description": "", "name": "SbbIconBase", "cssProperties": [ { "description": "Can be used to set a custom width.", "name": "--sbb-icon-svg-width", "default": "auto" }, { "description": "Can be used to set a custom height.", "name": "--sbb-icon-svg-height", "default": "auto" } ], "members": [ { "kind": "field", "name": "role", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "'img'" }, { "kind": "field", "name": "_svgNamespace", "privacy": "private", "default": "'default'", "type": { "text": "string" } }, { "kind": "field", "name": "_svgIcon", "type": { "text": "Promise> | null" }, "privacy": "private", "default": "null", "description": "The icon svg content rendered on the page: ...." }, { "kind": "field", "name": "noSanitize", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "When set to `true`, SVG content that is HTTP fetched will not be checked\nif the response SVG content has any `