@sbb-esta/lyne-elements 4.0.0-next → 4.0.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/alert/alert.component.js +5 -5
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +6 -6
- package/badge.css +3 -3
- package/breadcrumb/breadcrumb/breadcrumb.component.js +4 -4
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts +1 -0
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map +1 -1
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +5 -5
- package/button/common.js +1 -1
- package/button/mini-button/mini-button.component.js +1 -1
- package/button.js +1 -1
- package/calendar/calendar.component.d.ts +1 -0
- package/calendar/calendar.component.d.ts.map +1 -1
- package/calendar/calendar.component.js +2 -2
- package/card/card-badge/card-badge.component.js +7 -7
- package/card/card-button/card-button.component.d.ts +1 -1
- package/card/card-link/card-link.component.d.ts +1 -1
- package/card/common/card-action-common.d.ts.map +1 -1
- package/card/common/card-action-common.js +5 -10
- package/carousel/carousel/carousel.component.d.ts +2 -1
- package/carousel/carousel/carousel.component.d.ts.map +1 -1
- package/carousel/carousel/carousel.component.js +33 -28
- package/carousel/carousel-list/carousel-list.component.d.ts +1 -1
- package/carousel/carousel-list/carousel-list.component.d.ts.map +1 -1
- package/carousel/carousel-list/carousel-list.component.js +17 -22
- package/checkbox/checkbox/checkbox.component.d.ts +1 -1
- package/checkbox/common.js +1 -1
- package/checkbox-common-CrwfdL9V.js +5 -0
- package/checkbox.js +1 -1
- package/chip/chip/chip.component.js +3 -3
- package/chip-label/chip-label.component.js +8 -8
- package/core/a11y/interactivity-checker.js +0 -7
- package/core/a11y/live-announcer.js +0 -7
- package/core/config/config.d.ts +5 -0
- package/core/config/config.d.ts.map +1 -1
- package/core/controllers/media-matchers-controller.d.ts.map +1 -1
- package/core/controllers/media-matchers-controller.js +27 -27
- package/core/datetime/native-date-adapter.d.ts +1 -0
- package/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/core/datetime/native-date-adapter.js +1 -1
- package/core/dom/breakpoint.d.ts +1 -0
- package/core/dom/breakpoint.d.ts.map +1 -1
- package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/core/styles/core.scss +67 -69
- package/core/styles/mixins/chip.scss +4 -4
- package/core/styles/mixins/lists.scss +3 -3
- package/core/styles/mixins/panel.scss +2 -2
- package/core/styles/mixins/typo.scss +42 -40
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss +166 -38
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +4 -4
- package/core/styles/typography.scss +6 -6
- package/core.css +92 -100
- package/custom-elements.json +1565 -1739
- package/date-input/date-input.component.d.ts +1 -0
- package/date-input/date-input.component.d.ts.map +1 -1
- package/date-input/date-input.component.js +1 -0
- package/development/alert/alert/alert.component.js +7 -5
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +3 -3
- package/development/breadcrumb/breadcrumb/breadcrumb.component.js +3 -3
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts +1 -0
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map +1 -1
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +5 -5
- package/development/button/common.js +1 -1
- package/development/button/mini-button/mini-button.component.js +2 -2
- package/development/button.js +1 -1
- package/development/calendar/calendar.component.d.ts +1 -0
- package/development/calendar/calendar.component.d.ts.map +1 -1
- package/development/calendar/calendar.component.js +17 -17
- package/development/card/card-badge/card-badge.component.js +3 -3
- package/development/card/card-button/card-button.component.d.ts +1 -1
- package/development/card/card-link/card-link.component.d.ts +1 -1
- package/development/card/common/card-action-common.d.ts.map +1 -1
- package/development/card/common/card-action-common.js +14 -7
- package/development/carousel/carousel/carousel.component.d.ts +2 -1
- package/development/carousel/carousel/carousel.component.d.ts.map +1 -1
- package/development/carousel/carousel/carousel.component.js +19 -8
- package/development/carousel/carousel-list/carousel-list.component.d.ts +1 -1
- package/development/carousel/carousel-list/carousel-list.component.d.ts.map +1 -1
- package/development/carousel/carousel-list/carousel-list.component.js +7 -14
- package/development/checkbox/checkbox/checkbox.component.d.ts +1 -1
- package/development/checkbox/common.js +1 -1
- package/development/{checkbox-common-BZFJgZd7.js → checkbox-common-BKjxH3Rp.js} +12 -12
- package/development/checkbox.js +1 -1
- package/development/chip/chip/chip.component.js +3 -3
- package/development/chip-label/chip-label.component.js +6 -6
- package/development/core/a11y/interactivity-checker.js +1 -8
- package/development/core/a11y/live-announcer.js +1 -8
- package/development/core/config/config.d.ts +5 -0
- package/development/core/config/config.d.ts.map +1 -1
- package/development/core/config/config.js +1 -1
- package/development/core/controllers/media-matchers-controller.d.ts.map +1 -1
- package/development/core/controllers/media-matchers-controller.js +5 -6
- package/development/core/datetime/native-date-adapter.d.ts +1 -0
- package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/development/core/datetime/native-date-adapter.js +2 -2
- package/development/core/dom/breakpoint.d.ts +1 -0
- package/development/core/dom/breakpoint.d.ts.map +1 -1
- package/development/core/dom/breakpoint.js +1 -1
- package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/development/core/mixins/form-associated-input-mixin.js +1 -1
- package/development/date-input/date-input.component.d.ts +1 -0
- package/development/date-input/date-input.component.d.ts.map +1 -1
- package/development/date-input/date-input.component.js +2 -1
- package/development/dialog/dialog/dialog.component.d.ts +3 -4
- package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
- package/development/dialog/dialog/dialog.component.js +47 -112
- package/development/dialog/dialog-actions/dialog-actions.component.d.ts +0 -1
- package/development/dialog/dialog-actions/dialog-actions.component.d.ts.map +1 -1
- package/development/dialog/dialog-actions/dialog-actions.component.js +3 -7
- package/development/dialog/dialog-close-button/dialog-close-button.component.d.ts +0 -1
- package/development/dialog/dialog-close-button/dialog-close-button.component.d.ts.map +1 -1
- package/development/dialog/dialog-close-button/dialog-close-button.component.js +5 -5
- package/development/dialog/dialog-content/dialog-content.component.d.ts +1 -0
- package/development/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
- package/development/dialog/dialog-content/dialog-content.component.js +14 -2
- package/development/dialog/dialog-title/dialog-title.component.d.ts +0 -1
- package/development/dialog/dialog-title/dialog-title.component.d.ts.map +1 -1
- package/development/dialog/dialog-title/dialog-title.component.js +14 -7
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +3 -3
- package/development/file-selector/common.js +1 -1
- package/development/file-selector/file-selector/file-selector.component.d.ts +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +8 -8
- package/development/{file-selector-common-CsFa5XJ-.js → file-selector-common-B-9Eiig3.js} +4 -4
- package/development/file-selector.js +1 -1
- package/development/footer/footer.component.js +3 -3
- package/development/form-error/form-error.component.js +5 -5
- package/development/form-field/form-field/form-field.component.js +14 -14
- package/development/header/common/header-action-common.js +3 -3
- package/development/header/header-button/header-button.component.d.ts +1 -1
- package/development/header/header-environment/header-environment.component.js +3 -3
- package/development/header/header-link/header-link.component.d.ts +1 -1
- package/development/image/image.component.d.ts +0 -1
- package/development/image/image.component.d.ts.map +1 -1
- package/development/image/image.component.js +11 -16
- package/development/link/common/block-link-common.js +10 -10
- package/development/menu/common/menu-action-common.js +3 -3
- package/development/message/message.component.js +6 -6
- package/development/{mini-button-common-Di32bSJj.js → mini-button-common-D1dU4MgN.js} +4 -4
- package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +3 -3
- package/development/navigation/common/navigation-action-common.js +11 -11
- package/development/navigation/navigation-button/navigation-button.component.d.ts +1 -1
- package/development/navigation/navigation-link/navigation-link.component.d.ts +1 -1
- package/development/navigation/navigation-list/navigation-list.component.js +3 -3
- package/development/navigation/navigation-marker/navigation-marker.component.js +9 -9
- package/development/navigation/navigation-section/navigation-section.component.js +5 -5
- package/development/notification/notification.component.js +7 -7
- package/development/option/optgroup/optgroup-base-element.js +3 -3
- package/development/option/option/option-base-element.d.ts.map +1 -1
- package/development/option/option/option-base-element.js +14 -4
- package/development/option/option/option.component.d.ts.map +1 -1
- package/development/option/option/option.component.js +8 -5
- package/development/option/option-hint/option-hint.component.js +3 -3
- package/development/paginator/common/paginator-common.d.ts.map +1 -1
- package/development/paginator/common/paginator-common.js +7 -24
- package/development/paginator/compact-paginator/compact-paginator.component.d.ts +1 -1
- package/development/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
- package/development/paginator/compact-paginator/compact-paginator.component.js +5 -6
- package/development/paginator/paginator/paginator.component.d.ts +1 -7
- package/development/paginator/paginator/paginator.component.d.ts.map +1 -1
- package/development/paginator/paginator/paginator.component.js +16 -31
- package/development/popover/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover/popover.component.js +63 -13
- package/development/radio-button/common.js +1 -1
- package/development/radio-button/radio-button/radio-button.component.d.ts +1 -1
- package/development/{radio-button-common-5uawgCpB.js → radio-button-common-BPrInmpg.js} +11 -11
- package/development/radio-button.js +1 -1
- package/development/sbb-tokens-DZrHvErO.js +19 -0
- package/development/select/select.component.d.ts +1 -1
- package/development/select/select.component.d.ts.map +1 -1
- package/development/select/select.component.js +8 -5
- package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +1 -1
- package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts +1 -1
- package/development/sidebar/sidebar-title/sidebar-title.component.js +1 -1
- package/development/status/status.component.js +4 -4
- package/development/stepper/step/step.component.js +3 -3
- package/development/stepper/step-label/step-label.component.js +15 -15
- package/development/tabs/tab-label/tab-label.component.js +18 -18
- package/development/tag/tag/tag.component.js +7 -7
- package/development/teaser/teaser.component.js +3 -3
- package/development/teaser-hero/teaser-hero.component.js +2 -2
- package/development/teaser-product/common.js +1 -1
- package/development/teaser-product/teaser-product/teaser-product.component.d.ts +1 -1
- package/development/teaser-product/teaser-product-static/teaser-product-static.component.d.ts +1 -1
- package/development/{teaser-product-common-B1KK4iNu.js → teaser-product-common-v3BvyFdH.js} +5 -5
- package/development/teaser-product.js +1 -1
- package/development/timetable-occupancy/timetable-occupancy.component.js +3 -3
- package/development/title/title-base.js +10 -10
- package/development/title/title.component.d.ts +1 -2
- package/development/title/title.component.d.ts.map +1 -1
- package/development/title/title.component.js +25 -13
- package/development/toast/toast.component.js +5 -5
- package/development/toggle/toggle/toggle.component.js +3 -3
- package/development/toggle/toggle-option/toggle-option.component.js +3 -3
- package/development/toggle-check/toggle-check.component.js +11 -11
- package/development/tooltip/tooltip.component.js +3 -3
- package/development/train/train/train.component.js +4 -4
- package/development/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
- package/development/train/train-formation/train-formation.component.js +3 -3
- package/development/train/train-wagon/train-wagon.component.js +9 -9
- package/dialog/dialog/dialog.component.d.ts +3 -4
- package/dialog/dialog/dialog.component.d.ts.map +1 -1
- package/dialog/dialog/dialog.component.js +61 -58
- package/dialog/dialog-actions/dialog-actions.component.d.ts +0 -1
- package/dialog/dialog-actions/dialog-actions.component.d.ts.map +1 -1
- package/dialog/dialog-actions/dialog-actions.component.js +4 -7
- package/dialog/dialog-close-button/dialog-close-button.component.d.ts +0 -1
- package/dialog/dialog-close-button/dialog-close-button.component.d.ts.map +1 -1
- package/dialog/dialog-close-button/dialog-close-button.component.js +16 -19
- package/dialog/dialog-content/dialog-content.component.d.ts +1 -0
- package/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
- package/dialog/dialog-content/dialog-content.component.js +14 -11
- package/dialog/dialog-title/dialog-title.component.d.ts +0 -1
- package/dialog/dialog-title/dialog-title.component.d.ts.map +1 -1
- package/dialog/dialog-title/dialog-title.component.js +11 -14
- package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
- package/file-selector/common.js +1 -1
- package/file-selector/file-selector/file-selector.component.d.ts +1 -1
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -1
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +9 -9
- package/{file-selector-common-CUp299VH.js → file-selector-common-DbYkpr-x.js} +1 -1
- package/file-selector.js +1 -1
- package/footer/footer.component.js +1 -1
- package/form-error/form-error.component.js +1 -1
- package/form-field/form-field/form-field.component.js +1 -1
- package/header/common/header-action-common.js +1 -1
- package/header/header-button/header-button.component.d.ts +1 -1
- package/header/header-environment/header-environment.component.js +4 -4
- package/header/header-link/header-link.component.d.ts +1 -1
- package/image/image.component.d.ts +0 -1
- package/image/image.component.d.ts.map +1 -1
- package/image/image.component.js +93 -97
- package/link/common/block-link-common.js +14 -14
- package/lists.css +9 -9
- package/menu/common/menu-action-common.js +1 -1
- package/message/message.component.js +6 -6
- package/mini-button-common-DSGLaplg.js +10 -0
- package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +1 -1
- package/navigation/common/navigation-action-common.js +17 -17
- package/navigation/navigation-button/navigation-button.component.d.ts +1 -1
- package/navigation/navigation-link/navigation-link.component.d.ts +1 -1
- package/navigation/navigation-list/navigation-list.component.js +3 -3
- package/navigation/navigation-marker/navigation-marker.component.js +12 -12
- package/navigation/navigation-section/navigation-section.component.js +5 -5
- package/notification/notification.component.js +1 -1
- package/off-brand-theme.css +145 -153
- package/option/optgroup/optgroup-base-element.js +1 -1
- package/option/option/option-base-element.d.ts.map +1 -1
- package/option/option/option-base-element.js +30 -20
- package/option/option/option.component.d.ts.map +1 -1
- package/option/option/option.component.js +8 -8
- package/option/option-hint/option-hint.component.js +10 -10
- package/package.json +1 -1
- package/paginator/common/paginator-common.d.ts.map +1 -1
- package/paginator/common/paginator-common.js +30 -46
- package/paginator/compact-paginator/compact-paginator.component.d.ts +1 -1
- package/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
- package/paginator/compact-paginator/compact-paginator.component.js +2 -3
- package/paginator/paginator/paginator.component.d.ts +1 -7
- package/paginator/paginator/paginator.component.d.ts.map +1 -1
- package/paginator/paginator/paginator.component.js +42 -54
- package/popover/popover/popover.component.d.ts.map +1 -1
- package/popover/popover/popover.component.js +70 -72
- package/radio-button/common.js +1 -1
- package/radio-button/radio-button/radio-button.component.d.ts +1 -1
- package/radio-button-common-chJrmIBn.js +5 -0
- package/radio-button.js +1 -1
- package/safety-theme.css +149 -157
- package/sbb-tokens-BNWpZrLn.js +11 -0
- package/select/select.component.d.ts +1 -1
- package/select/select.component.d.ts.map +1 -1
- package/select/select.component.js +22 -20
- package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +1 -1
- package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts +1 -1
- package/sidebar/sidebar-title/sidebar-title.component.js +5 -5
- package/standard-theme.css +145 -153
- package/status/status.component.js +4 -4
- package/stepper/step/step.component.js +3 -3
- package/stepper/step-label/step-label.component.js +1 -1
- package/table.css +27 -27
- package/tabs/tab-label/tab-label.component.js +10 -10
- package/tag/tag/tag.component.js +1 -1
- package/teaser/teaser.component.js +1 -1
- package/teaser-hero/teaser-hero.component.js +1 -1
- package/teaser-product/common.js +1 -1
- package/teaser-product/teaser-product/teaser-product.component.d.ts +1 -1
- package/teaser-product/teaser-product-static/teaser-product-static.component.d.ts +1 -1
- package/teaser-product-common-a4NenpSA.js +5 -0
- package/teaser-product.js +1 -1
- package/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/title/title-base.js +19 -19
- package/title/title.component.d.ts +1 -2
- package/title/title.component.d.ts.map +1 -1
- package/title/title.component.js +17 -17
- package/toast/toast.component.js +1 -1
- package/toggle/toggle/toggle.component.js +1 -1
- package/toggle/toggle-option/toggle-option.component.js +7 -7
- package/toggle-check/toggle-check.component.js +15 -15
- package/tooltip/tooltip.component.js +5 -5
- package/train/train/train.component.js +1 -1
- package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
- package/train/train-formation/train-formation.component.js +1 -1
- package/train/train-wagon/train-wagon.component.js +1 -1
- package/typography.css +11 -11
- package/checkbox-common-BGA_q9nc.js +0 -5
- package/development/sbb-tokens-DXgmy_b-.js +0 -21
- package/mini-button-common-DBnJfrBZ.js +0 -10
- package/radio-button-common-BT3VkZLM.js +0 -5
- package/sbb-tokens-CB1Hgctn.js +0 -12
- package/teaser-product-common-BwqWqRrK.js +0 -5
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import { __esDecorate as b, __runInitializers as d } from "tslib";
|
|
2
|
-
import { IntersectionController as
|
|
3
|
-
import {
|
|
2
|
+
import { IntersectionController as c } from "@lit-labs/observers/intersection-controller.js";
|
|
3
|
+
import { ResizeController as m } from "@lit-labs/observers/resize-controller.js";
|
|
4
|
+
import { css as f, LitElement as _, html as v } from "lit";
|
|
4
5
|
import { customElement as g } from "lit/decorators.js";
|
|
5
6
|
import { isArrowKeyPressed as I } from "../../core/a11y.js";
|
|
6
|
-
import { SbbLanguageController as
|
|
7
|
-
import { i18nCarouselItemAriaLabel as
|
|
7
|
+
import { SbbLanguageController as p } from "../../core/controllers.js";
|
|
8
|
+
import { i18nCarouselItemAriaLabel as w } from "../../core/i18n.js";
|
|
8
9
|
import { SbbElementInternalsMixin as y } from "../../core/mixins.js";
|
|
9
10
|
const x = f`:host{--sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);display:flex;height:var(--sbb-carousel-list-height);width:var(--sbb-carousel-list-width, 0);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none;border-radius:var(--sbb-carousel-inherit-border-radius)}:host(:focus-visible):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);content:"";position:absolute;height:inherit;width:inherit;border-start-start-radius:var(--sbb-carousel-list-border-radius);border-start-end-radius:var(--sbb-carousel-list-border-radius);border-end-start-radius:var(--sbb-carousel-inherit-border-radius);border-end-end-radius:var(--sbb-carousel-inherit-border-radius)}`;
|
|
10
11
|
let H = (() => {
|
|
11
12
|
var i;
|
|
12
|
-
let u = [g("sbb-carousel-list")],
|
|
13
|
-
return i = class extends
|
|
13
|
+
let u = [g("sbb-carousel-list")], n, a = [], s, l = y(_);
|
|
14
|
+
return i = class extends l {
|
|
14
15
|
constructor() {
|
|
15
|
-
super(), this._currentIndex = 0, this._language = new
|
|
16
|
+
super(), this._currentIndex = 0, this._language = new p(this), this._observedCarouselItems = [], this._beforeShowObserver = new c(this, {
|
|
16
17
|
target: null,
|
|
17
18
|
callback: (e) => {
|
|
18
19
|
e.filter((r) => r.isIntersecting && r.target !== this).forEach((r) => {
|
|
@@ -25,7 +26,7 @@ let H = (() => {
|
|
|
25
26
|
});
|
|
26
27
|
},
|
|
27
28
|
config: { threshold: 0.01, root: this, rootMargin: "100% 0% 100% 0%" }
|
|
28
|
-
}), this._showObserver = new
|
|
29
|
+
}), this._showObserver = new c(this, {
|
|
29
30
|
target: null,
|
|
30
31
|
callback: (e) => {
|
|
31
32
|
for (const t of e) {
|
|
@@ -40,15 +41,9 @@ let H = (() => {
|
|
|
40
41
|
}
|
|
41
42
|
},
|
|
42
43
|
config: { threshold: 0.99, root: this, rootMargin: "100% 0% 100% 0%" }
|
|
43
|
-
}), this.
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
t.intersectionRatio > 0 && (this._readDimensions(), this._firstVisibleIntersectionController.unobserve(this));
|
|
47
|
-
});
|
|
48
|
-
},
|
|
49
|
-
config: {
|
|
50
|
-
root: _ ? null : document?.documentElement
|
|
51
|
-
}
|
|
44
|
+
}), this._resizeObserverController = new m(this, {
|
|
45
|
+
skipInitial: !0,
|
|
46
|
+
callback: () => this._readDimensions()
|
|
52
47
|
}), this.addEventListener?.("keydown", (e) => this._onKeyDown(e));
|
|
53
48
|
}
|
|
54
49
|
/** Gets the slotted items. */
|
|
@@ -61,7 +56,7 @@ let H = (() => {
|
|
|
61
56
|
});
|
|
62
57
|
const e = this._carouselItems();
|
|
63
58
|
e.forEach((t, r) => {
|
|
64
|
-
t.ariaLabel ||=
|
|
59
|
+
t.ariaLabel ||= w(r + 1, e.length)[this._language.current], t.ariaHidden = r === this._currentIndex ? null : "true";
|
|
65
60
|
}), this._readDimensions();
|
|
66
61
|
}
|
|
67
62
|
/**
|
|
@@ -75,7 +70,7 @@ let H = (() => {
|
|
|
75
70
|
const t = e[0];
|
|
76
71
|
t.clientHeight > 0 && this.style.setProperty("--sbb-carousel-list-height", `${t.clientHeight}px`), t.clientWidth > 0 && (this.style.setProperty("--sbb-carousel-list-width", `${t.clientWidth}px`), e.forEach((r) => {
|
|
77
72
|
this._beforeShowObserver.observe(r), this._showObserver.observe(r);
|
|
78
|
-
}), this._observedCarouselItems = e);
|
|
73
|
+
}), this._observedCarouselItems = e, this._resizeObserverController.unobserve(this));
|
|
79
74
|
}
|
|
80
75
|
_onKeyDown(e) {
|
|
81
76
|
if (!I(e))
|
|
@@ -94,9 +89,9 @@ let H = (() => {
|
|
|
94
89
|
return v`<slot @slotchange=${this._handleSlotchange}></slot>`;
|
|
95
90
|
}
|
|
96
91
|
}, s = i, (() => {
|
|
97
|
-
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
98
|
-
b(null,
|
|
99
|
-
})(), i.styles = x, d(s,
|
|
92
|
+
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
|
|
93
|
+
b(null, n = { value: s }, u, { kind: "class", name: s.name, metadata: e }, null, a), s = n.value, e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
94
|
+
})(), i.styles = x, d(s, a), s;
|
|
100
95
|
})();
|
|
101
96
|
export {
|
|
102
97
|
H as SbbCarouselListElement
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
|
|
2
2
|
import { SbbIconPlacement } from '../../core/interfaces.js';
|
|
3
3
|
import { SbbCheckboxSize } from '../common.js';
|
|
4
|
-
declare const SbbCheckboxElement_base: import('../../core/mixins.
|
|
4
|
+
declare const SbbCheckboxElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & import('../../core/mixins.ts').Constructor<import('../common.js').SbbCheckboxCommonElementMixinType> & typeof LitElement;
|
|
5
5
|
/**
|
|
6
6
|
* It displays a checkbox enhanced with the SBB Design.
|
|
7
7
|
*
|
package/checkbox/common.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SbbCheckboxCommonElementMixin as m } from "./common/checkbox-common.js";
|
|
2
|
-
import { c as b } from "../checkbox-common-
|
|
2
|
+
import { c as b } from "../checkbox-common-CrwfdL9V.js";
|
|
3
3
|
export {
|
|
4
4
|
m as SbbCheckboxCommonElementMixin,
|
|
5
5
|
b as checkboxCommonStyle
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { css as e } from "lit";
|
|
2
|
+
const t = e`@charset "UTF-8";:host{--sbb-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-checkbox-label-color: var(--sbb-color-color-3);--sbb-checkbox-label-icon-color: var(--sbb-checkbox-label-color);--sbb-checkbox-cursor: var(--sbb-cursor-pointer)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:"";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{--sbb-text-font-size: var(--sbb-text-font-size-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host([size=s]) .sbb-checkbox{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}:host([size=xs]) .sbb-checkbox{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}`;
|
|
3
|
+
export {
|
|
4
|
+
t as c
|
|
5
|
+
};
|
package/checkbox.js
CHANGED
|
@@ -2,7 +2,7 @@ import { SbbCheckboxElement as b } from "./checkbox/checkbox/checkbox.component.
|
|
|
2
2
|
import { SbbCheckboxGroupElement as r } from "./checkbox/checkbox-group/checkbox-group.component.js";
|
|
3
3
|
import { SbbCheckboxPanelElement as t } from "./checkbox/checkbox-panel/checkbox-panel.component.js";
|
|
4
4
|
import { SbbCheckboxCommonElementMixin as c } from "./checkbox/common/checkbox-common.js";
|
|
5
|
-
import { c as p } from "./checkbox-common-
|
|
5
|
+
import { c as p } from "./checkbox-common-CrwfdL9V.js";
|
|
6
6
|
export {
|
|
7
7
|
c as SbbCheckboxCommonElementMixin,
|
|
8
8
|
b as SbbCheckboxElement,
|
|
@@ -4,7 +4,7 @@ var v = (e) => {
|
|
|
4
4
|
var p = (e, r, b) => r.has(e) || v("Cannot " + b);
|
|
5
5
|
var m = (e, r, b) => (p(e, r, "read from private field"), b ? b.call(e) : r.get(e)), g = (e, r, b) => r.has(e) ? v("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, b), l = (e, r, b, o) => (p(e, r, "write to private field"), o ? o.call(e, b) : r.set(e, b), b);
|
|
6
6
|
import { __runInitializers as c, __esDecorate as f } from "tslib";
|
|
7
|
-
import { css as
|
|
7
|
+
import { css as x, LitElement as y, html as k } from "lit";
|
|
8
8
|
import { customElement as w, property as S } from "lit/decorators.js";
|
|
9
9
|
import { SbbLanguageController as z } from "../../core/controllers.js";
|
|
10
10
|
import { i18nChipDelete as D } from "../../core/i18n.js";
|
|
@@ -12,10 +12,10 @@ import { SbbNegativeMixin as E, SbbDisabledMixin as C, SbbReadonlyMixin as q, Sb
|
|
|
12
12
|
import { boxSizingStyles as I } from "../../core/styles.js";
|
|
13
13
|
import "../../button/mini-button.js";
|
|
14
14
|
import "../../screen-reader-only.js";
|
|
15
|
-
const M =
|
|
15
|
+
const M = x`:host{--sbb-chip-background-color: var(--sbb-background-color-3);--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-border-color: var(--sbb-border-color-4-inverted);--sbb-chip-border-radius: var(--sbb-border-radius-2x);--sbb-chip-color: var(--sbb-color-granite);--sbb-chip-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-color-active: var(--sbb-color-2);--sbb-chip-color-hover: var(--sbb-color-2);--sbb-chip-background-color-active: var(--sbb-background-color-1);--sbb-chip-background-color-hover: var(--sbb-background-color-1);--sbb-chip-height: 1.5rem;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );outline:none!important;display:inline-block}:host([negative]){--sbb-chip-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-chip-background-color: var(--sbb-background-color-3-negative);--sbb-chip-color: var(--sbb-color-4-negative);--sbb-chip-color-active: var(--sbb-color-2-negative);--sbb-chip-color-hover: var(--sbb-color-2-negative);--sbb-chip-background-color-active: var(--sbb-background-color-1-negative);--sbb-chip-background-color-hover: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip{background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);display:flex;align-items:stretch;height:var(--sbb-chip-height)}:host(:focus) .sbb-chip{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-inline-end:none;border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);display:flex;align-items:center;padding-inline:var(--sbb-chip-label-padding-inline);outline:none;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-mini-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-mini-button-color-text: var(--sbb-chip-color);--sbb-mini-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-mini-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media(any-hover:hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-mini-button-color-text: var(--sbb-chip-color-hover)}}`;
|
|
16
16
|
let H = (() => {
|
|
17
17
|
var s, t;
|
|
18
|
-
let e = [w("sbb-chip")], r, b = [], o, n = E(C(q(B(
|
|
18
|
+
let e = [w("sbb-chip")], r, b = [], o, n = E(C(q(B(y)))), d, u = [], h = [];
|
|
19
19
|
return t = class extends n {
|
|
20
20
|
constructor() {
|
|
21
21
|
super(...arguments);
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
var
|
|
1
|
+
var k = (e) => {
|
|
2
2
|
throw TypeError(e);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var y = (e, s, t) => s.has(e) || k("Cannot " + t);
|
|
5
|
+
var p = (e, s, t) => (y(e, s, "read from private field"), t ? t.call(e) : s.get(e)), d = (e, s, t) => s.has(e) ? k("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), h = (e, s, t, a) => (y(e, s, "write to private field"), a ? a.call(e, t) : s.set(e, t), t);
|
|
6
6
|
import { __esDecorate as g, __runInitializers as c } from "tslib";
|
|
7
7
|
import { css as S, LitElement as E, html as I } from "lit";
|
|
8
8
|
import { customElement as j, property as w } from "lit/decorators.js";
|
|
9
9
|
import { boxSizingStyles as D } from "../core/styles.js";
|
|
10
|
-
const C = S`:host{display:inline-block;--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-label-background-color: var(--sbb-background-color-3);--sbb-chip-label-padding-block: 0em;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-text-font-size: var(--sbb-font-size-
|
|
10
|
+
const C = S`:host{display:inline-block;--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-label-background-color: var(--sbb-background-color-3);--sbb-chip-label-padding-block: 0em;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-text-font-size: var(--sbb-text-font-size-xxs)}:host([color=charcoal]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-background-color-2-inverted)}:host([color=white]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-label-background-color: var(--sbb-background-color-1)}:host([color=granite]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-color-granite);--sbb-chip-label-background-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host([size=xs]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-text-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-text-font-size: var(--sbb-text-font-size-s)}.sbb-chip-label{font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);line-height:2;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size) + var(--sbb-chip-label-padding-block) * 2);background-color:var(--sbb-chip-label-background-color);padding-inline:var(--sbb-chip-label-padding-inline);border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-chip-label-color);overflow:hidden}@media(forced-colors:active){.sbb-chip-label{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}.sbb-chip-label{display:flex}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}`;
|
|
11
11
|
let B = (() => {
|
|
12
12
|
var o, b, i;
|
|
13
13
|
let e = [j("sbb-chip-label")], s, t = [], a, v = E, f, u = [], x = [], m, _ = [], z = [];
|
|
14
14
|
return i = class extends v {
|
|
15
15
|
constructor() {
|
|
16
16
|
super(...arguments);
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
d(this, o, c(this, u, "xxs"));
|
|
18
|
+
d(this, b, (c(this, x), c(this, _, "milk")));
|
|
19
19
|
c(this, z);
|
|
20
20
|
}
|
|
21
21
|
/** Size of the chip. */
|
|
22
22
|
get size() {
|
|
23
|
-
return
|
|
23
|
+
return p(this, o);
|
|
24
24
|
}
|
|
25
25
|
set size(r) {
|
|
26
26
|
h(this, o, r);
|
|
27
27
|
}
|
|
28
28
|
/** Color of the chip. */
|
|
29
29
|
get color() {
|
|
30
|
-
return
|
|
30
|
+
return p(this, b);
|
|
31
31
|
}
|
|
32
32
|
set color(r) {
|
|
33
33
|
h(this, b, r);
|
|
@@ -1,12 +1,5 @@
|
|
|
1
1
|
import { isServer as s } from "lit";
|
|
2
2
|
import { isWebkit as a, isIOS as o, isFirefox as u } from "../dom/platform.js";
|
|
3
|
-
/**
|
|
4
|
-
* @license
|
|
5
|
-
* Copyright Google LLC All Rights Reserved.
|
|
6
|
-
*
|
|
7
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
8
|
-
* found in the LICENSE file at https://angular.io/license
|
|
9
|
-
*/
|
|
10
3
|
class A {
|
|
11
4
|
constructor() {
|
|
12
5
|
this.ignoreVisibility = !1;
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
import { isServer as o } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* Copyright Google LLC All Rights Reserved.
|
|
5
|
-
*
|
|
6
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
7
|
-
* found in the LICENSE file at https://angular.dev/license
|
|
8
|
-
*/
|
|
9
2
|
let l = 0;
|
|
10
3
|
class u {
|
|
11
4
|
constructor() {
|
package/core/config/config.d.ts
CHANGED
|
@@ -12,12 +12,17 @@ export interface SbbDatetimeConfig {
|
|
|
12
12
|
dateAdapter?: DateAdapter;
|
|
13
13
|
}
|
|
14
14
|
export interface SbbPopoverConfig {
|
|
15
|
+
/** Delay in milliseconds before the popover opens. */
|
|
15
16
|
openDelay?: number;
|
|
17
|
+
/** Delay in milliseconds before the popover closes. */
|
|
16
18
|
closeDelay?: number;
|
|
17
19
|
}
|
|
18
20
|
export interface SbbTooltipConfig {
|
|
21
|
+
/** Delay in milliseconds before the tooltip opens. */
|
|
19
22
|
openDelay?: number;
|
|
23
|
+
/** Delay in milliseconds before the tooltip closes. */
|
|
20
24
|
closeDelay?: number;
|
|
25
|
+
/** Delay in milliseconds before the tooltip is automatically closed when is opened by a long press (touch devices). */
|
|
21
26
|
longPressCloseDelay?: number;
|
|
22
27
|
}
|
|
23
28
|
export interface SbbConfig {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/config/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;KAChC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/config/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;KAChC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uHAAuH;IACvH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,wBAAgB,UAAU,IAAI,SAAS,CAKtC;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAG5D;AAED,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,SAAS,EAAE,SAAS,CAAC;CAC1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-matchers-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/media-matchers-controller.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"media-matchers-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/media-matchers-controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAErF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AAGjE,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,qBAAqB,iCAAiC,CAAC;AACpE,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAC9D,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAC5F,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAC5F,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAG5F;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAehE;;;;;;;GAOG;AACH,qBAAa,yBAA0B,YAAW,kBAAkB;IAGhE,OAAO,CAAC,QAAQ;gBADhB,IAAI,EAAE,sBAAsB,EACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAK1D;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAMtC,aAAa,IAAI,IAAI;IAoBrB,gBAAgB,IAAI,IAAI;CAWhC;AAED;;;;;;;GAOG;AACH,qBAAa,qBAAsB,SAAQ,yBAAyB;IAyBhE,OAAO,CAAC,KAAK;IAxBf,2EAA2E;IAC3E,OAAO,CAAC,MAAM,CAAC,YAAY,CAAsE;IAEjG,kFAAkF;IAClF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAUxB;IAET,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAGrC;IAEF,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAa;gBAG7C,KAAK,EAAE,sBAAsB,GAAG,WAAW,GAAG,4BAA4B,EAClF,QAAQ,EAAE,sBAAsB;IAYlC,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAYlC;;;OAGG;WAEW,aAAa,IAAI,IAAI;IAOnB,aAAa,IAAI,IAAI;IAerB,gBAAgB,IAAI,IAAI;IAQxB,OAAO,IAAI,OAAO;CAWnC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { S as
|
|
2
|
-
import { isServer as
|
|
3
|
-
const
|
|
4
|
-
class
|
|
1
|
+
import { S as m, a as f, b as g } from "../../sbb-tokens-BNWpZrLn.js";
|
|
2
|
+
import { isServer as n } from "lit";
|
|
3
|
+
const M = "(forced-colors: active)", i = "(prefers-color-scheme: dark)", S = "(any-hover: hover)", L = "(pointer: coarse)", k = `(min-width: ${m})`, Q = `(max-width: ${f})`, w = `(max-width: ${g})`, a = /* @__PURE__ */ new Map();
|
|
4
|
+
class p {
|
|
5
5
|
constructor(e, t) {
|
|
6
6
|
this._queries = t, e.addController(this);
|
|
7
7
|
}
|
|
@@ -11,17 +11,17 @@ class v {
|
|
|
11
11
|
* @returns Whether the query matches or null with SSR.
|
|
12
12
|
*/
|
|
13
13
|
matches(e) {
|
|
14
|
-
return
|
|
14
|
+
return n ? null : matchMedia(e).matches;
|
|
15
15
|
}
|
|
16
16
|
hostConnected() {
|
|
17
|
-
if (!
|
|
17
|
+
if (!n)
|
|
18
18
|
for (const [e, t] of Object.entries(this._queries)) {
|
|
19
19
|
const r = a.get(e);
|
|
20
20
|
if (r)
|
|
21
21
|
r.handlers.add(t);
|
|
22
22
|
else {
|
|
23
|
-
const o = matchMedia(e),
|
|
24
|
-
o.addEventListener("change",
|
|
23
|
+
const o = matchMedia(e), c = /* @__PURE__ */ new Set([t]), d = (u) => c.forEach((l) => l(u.matches));
|
|
24
|
+
o.addEventListener("change", d), a.set(e, { mediaQueryList: o, handlers: c, eventHandler: d });
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
}
|
|
@@ -32,17 +32,17 @@ class v {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
const s = class s extends
|
|
35
|
+
const s = class s extends p {
|
|
36
36
|
constructor(e, t) {
|
|
37
37
|
const r = () => {
|
|
38
38
|
t(this.matches()), this._host.toggleState("dark", this.matches());
|
|
39
39
|
};
|
|
40
40
|
super(e, {
|
|
41
|
-
[
|
|
41
|
+
[i]: r
|
|
42
42
|
}), this._host = e, this._onChangeWithStateUpdater = r;
|
|
43
43
|
}
|
|
44
44
|
static _readLightDarkClass() {
|
|
45
|
-
if (
|
|
45
|
+
if (n)
|
|
46
46
|
return null;
|
|
47
47
|
const e = document.documentElement.classList;
|
|
48
48
|
return ["light-dark", "dark", "light"].find((t) => e.contains(`sbb-${t}`)) ?? null;
|
|
@@ -53,24 +53,24 @@ const s = class s extends v {
|
|
|
53
53
|
*/
|
|
54
54
|
// eslint-disable-next-line lyne/needs-super-call-rule
|
|
55
55
|
static requestUpdate() {
|
|
56
|
-
const e = a.get(
|
|
56
|
+
const e = a.get(i);
|
|
57
57
|
e && e.handlers.forEach((t) => t(e.mediaQueryList.matches));
|
|
58
58
|
}
|
|
59
59
|
hostConnected() {
|
|
60
|
-
const e = (a.get(
|
|
60
|
+
const e = (a.get(i)?.handlers.size ?? 0) === 0;
|
|
61
61
|
super.hostConnected(), e && s._observer.observe(document.documentElement, s._observerConfig), this._onChangeWithStateUpdater();
|
|
62
62
|
}
|
|
63
63
|
hostDisconnected() {
|
|
64
|
-
super.hostDisconnected(), (a.get(
|
|
64
|
+
super.hostDisconnected(), (a.get(i)?.handlers.size ?? 0) === 0 && s._observer.disconnect();
|
|
65
65
|
}
|
|
66
66
|
matches() {
|
|
67
|
-
if (
|
|
67
|
+
if (n)
|
|
68
68
|
return !1;
|
|
69
69
|
const e = getComputedStyle(this._host).getPropertyValue("color-scheme"), t = e.includes("dark"), r = e.trim() === "dark";
|
|
70
|
-
return super.matches(
|
|
70
|
+
return super.matches(i) && t || r;
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
|
-
s._currentMode = s._readLightDarkClass(), s._observer =
|
|
73
|
+
s._currentMode = s._readLightDarkClass(), s._observer = n ? null : new MutationObserver((e) => {
|
|
74
74
|
if (e[0].oldValue !== document.documentElement.getAttribute("class")) {
|
|
75
75
|
const t = s._readLightDarkClass();
|
|
76
76
|
s._currentMode !== t && (s.requestUpdate(), s._currentMode = t);
|
|
@@ -79,15 +79,15 @@ s._currentMode = s._readLightDarkClass(), s._observer = i ? null : new MutationO
|
|
|
79
79
|
attributeFilter: ["class"],
|
|
80
80
|
attributeOldValue: !0
|
|
81
81
|
};
|
|
82
|
-
let
|
|
82
|
+
let h = s;
|
|
83
83
|
export {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
84
|
+
h as SbbDarkModeController,
|
|
85
|
+
p as SbbMediaMatcherController,
|
|
86
|
+
k as SbbMediaQueryBreakpointLargeAndAbove,
|
|
87
|
+
Q as SbbMediaQueryBreakpointLargeAndBelow,
|
|
88
|
+
w as SbbMediaQueryBreakpointSmallAndBelow,
|
|
89
|
+
i as SbbMediaQueryDarkMode,
|
|
90
|
+
M as SbbMediaQueryForcedColors,
|
|
91
|
+
S as SbbMediaQueryHover,
|
|
92
|
+
L as SbbMediaQueryPointerCoarse
|
|
93
93
|
};
|
|
@@ -26,6 +26,7 @@ export declare class NativeDateAdapter extends DateAdapter<Date> {
|
|
|
26
26
|
* E.g., with Monday in en-gb: `long` returns "Monday", `short` returns "Mon", `narrow` returns "M".
|
|
27
27
|
*/
|
|
28
28
|
getDayOfWeekNames(style: 'long' | 'short' | 'narrow'): string[];
|
|
29
|
+
/** Defines which is the first day of the week (0: sunday; 1: monday; etc.). */
|
|
29
30
|
getFirstDayOfWeek(): number;
|
|
30
31
|
/** Calculates the number of days in a month given the year and the month. */
|
|
31
32
|
getNumDaysInMonth(date: Date): number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"native-date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/native-date-adapter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAoC,MAAM,mBAAmB,CAAC;AAUlF,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACtD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;gBAExB,gBAAgB,GAAE,MAAW;IAKhD,uCAAuC;IAChC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,wCAAwC;IACjC,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAInC,sCAAsC;IAC/B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,kDAAkD;IAC3C,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIvC,yCAAyC;IAClC,0BAA0B,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM;IAS9D;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAKlE,iGAAiG;IAC1F,YAAY,IAAI,MAAM,EAAE;IAK/B;;;;OAIG;IACI,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;
|
|
1
|
+
{"version":3,"file":"native-date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/native-date-adapter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAoC,MAAM,mBAAmB,CAAC;AAUlF,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACtD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;gBAExB,gBAAgB,GAAE,MAAW;IAKhD,uCAAuC;IAChC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,wCAAwC;IACjC,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAInC,sCAAsC;IAC/B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,kDAAkD;IAC3C,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIvC,yCAAyC;IAClC,0BAA0B,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM;IAS9D;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAKlE,iGAAiG;IAC1F,YAAY,IAAI,MAAM,EAAE;IAK/B;;;;OAIG;IACI,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAKtE,+EAA+E;IACxE,iBAAiB,IAAI,MAAM;IAIlC,6EAA6E;IACtE,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAI5C,4BAA4B;IACrB,KAAK,IAAI,IAAI;IAIpB,+FAA+F;IACxF,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAmBlE,gDAAgD;IACzC,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO;IAIxC,uDAAuD;IAChD,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,IAAI;IAI3D,mDAAmD;IAC5C,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAI9B;;;;OAIG;IACI,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIxD;;;;OAIG;IACI,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ1D,yFAAyF;IAClF,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAKtD,8DAA8D;IAC9C,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;IAahF,+DAA+D;IACxD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;IAuC3C,OAAO,IAAI,IAAI;IAI/B;;;;OAIG;IACH,OAAO,CAAC,MAAM;IAId,gEAAgE;IAChE,OAAO,CAAC,uBAAuB;CAShC;AAED,eAAO,MAAM,kBAAkB,mBAA0B,CAAC"}
|
|
@@ -53,7 +53,7 @@ class D extends u {
|
|
|
53
53
|
const e = new Intl.DateTimeFormat(i.current, { weekday: t });
|
|
54
54
|
return this._range(7, (r) => e.format(new Date(2017, 0, r + 1)));
|
|
55
55
|
}
|
|
56
|
-
|
|
56
|
+
/** Defines which is the first day of the week (0: sunday; 1: monday; etc.). */
|
|
57
57
|
getFirstDayOfWeek() {
|
|
58
58
|
return 1;
|
|
59
59
|
}
|
package/core/dom/breakpoint.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export type Breakpoint = (typeof breakpoints)[number];
|
|
|
8
8
|
* @param to The breakpoint corresponding to the `max-width` value of the media query (optional).
|
|
9
9
|
* @param properties Whether the max breakpoint should be included
|
|
10
10
|
* @returns A boolean indicating whether the window matches the breakpoint.
|
|
11
|
+
* @deprecated use the mediaMatcherController
|
|
11
12
|
*/
|
|
12
13
|
export declare function isBreakpoint(from?: Breakpoint, to?: Breakpoint, properties?: {
|
|
13
14
|
includeMaxBreakpoint: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/breakpoint.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,8CAA+C,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD
|
|
1
|
+
{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/breakpoint.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,8CAA+C,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAC1B,IAAI,CAAC,EAAE,UAAU,EACjB,EAAE,CAAC,EAAE,UAAU,EACf,UAAU,CAAC,EAAE;IAAE,oBAAoB,EAAE,OAAO,CAAA;CAAE,GAC7C,OAAO,GAAG,IAAI,CAsBhB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-associated-input-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-input-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,UAAU,EAGhB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,qBAAqB,EAA8B,MAAM,mBAAmB,CAAC;AAItF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,4BAA4B,CAAC;;AAIpC,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,+BAAgC,SAAQ,oCAErE;IACC,gBAAuB,mBAAmB,QAAQ;IAElD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE;IAChC,IAAW,KAAK,IAAI,MAAM,CAAC;IAE3B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE;IACtC,IAAW,WAAW,IAAI,MAAM,CAAC;IAEjC;;;;OAIG;IACI,MAAM,IAAI,IAAI;IAEd,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IACjD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;CAC3C;AAgBD;;GAEG;AAEH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACnF,YAAY,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"form-associated-input-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-input-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,UAAU,EAGhB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,qBAAqB,EAA8B,MAAM,mBAAmB,CAAC;AAItF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,4BAA4B,CAAC;;AAIpC,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,+BAAgC,SAAQ,oCAErE;IACC,gBAAuB,mBAAmB,QAAQ;IAElD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE;IAChC,IAAW,KAAK,IAAI,MAAM,CAAC;IAE3B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE;IACtC,IAAW,WAAW,IAAI,MAAM,CAAC;IAEjC;;;;OAIG;IACI,MAAM,IAAI,IAAI;IAEd,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IACjD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;CAC3C;AAgBD;;GAEG;AAEH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACnF,YAAY,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CAqazD,CAAC"}
|