@sbb-esta/lyne-elements 1.8.0 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.d.ts +5 -5
- package/accordion/accordion.d.ts.map +1 -1
- package/accordion.js +17 -17
- package/action-group/action-group.d.ts +1 -1
- package/action-group/action-group.d.ts.map +1 -1
- package/action-group.js +3 -3
- package/alert/alert/alert.d.ts +1 -1
- package/alert/alert/alert.d.ts.map +1 -1
- package/alert/alert.js +3 -3
- package/autocomplete/autocomplete-base-element.d.ts +1 -1
- package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +1 -1
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-option.js +1 -1
- package/autocomplete-grid/autocomplete-grid.js +18 -18
- package/autocomplete.js +9 -9
- package/button/button.js +9 -9
- package/button/common.js +5 -5
- package/button/mini-button/mini-button.d.ts.map +1 -1
- package/button/mini-button.js +17 -15
- package/button/secondary-button.js +6 -6
- package/button/tertiary-button.js +13 -13
- package/button/transparent-button.js +8 -8
- package/calendar/calendar.d.ts +2 -2
- package/calendar/calendar.d.ts.map +1 -1
- package/calendar.js +5 -4
- package/clock/clock.d.ts +2 -2
- package/clock/clock.d.ts.map +1 -1
- package/clock.js +5 -5
- package/container/container.js +14 -14
- package/core/a11y/focus-visible-within-controller.d.ts +1 -1
- package/core/a11y/focus-visible-within-controller.d.ts.map +1 -1
- package/core/a11y/input-modality-detector.d.ts +2 -2
- package/core/a11y/input-modality-detector.d.ts.map +1 -1
- package/core/a11y.js +3 -3
- package/core/base-elements/action-base-element.d.ts +1 -0
- package/core/base-elements/action-base-element.d.ts.map +1 -1
- package/core/base-elements/button-base-element.d.ts +1 -1
- package/core/base-elements/button-base-element.d.ts.map +1 -1
- package/core/base-elements/link-base-element.d.ts.map +1 -1
- package/core/base-elements.js +47 -45
- package/core/controllers/slot-state-controller.d.ts +1 -1
- package/core/controllers/slot-state-controller.d.ts.map +1 -1
- package/core/dom/platform.d.ts +2 -3
- package/core/dom/platform.d.ts.map +1 -1
- package/core/dom.js +38 -40
- package/core/mixins/disabled-mixin.d.ts +8 -0
- package/core/mixins/disabled-mixin.d.ts.map +1 -1
- package/core/mixins.js +97 -89
- package/core/styles/core.scss +6 -0
- package/core/styles/mixins/lists.scss +11 -1
- package/core/styles/mixins/panel.scss +0 -2
- package/core/styles/mixins/table.scss +11 -0
- package/core/styles/mixins/typo.scss +0 -30
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +1 -0
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +2 -1
- package/core/styles/table.scss +6 -1
- package/core/testing/wait-for-image-ready.d.ts.map +1 -1
- package/core/testing.js +61 -54
- package/core.css +7 -14
- package/custom-elements.json +493 -299
- package/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +2 -0
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/datepicker/datepicker-toggle.js +57 -47
- package/datepicker/datepicker.js +1 -0
- package/development/accordion/accordion.d.ts +5 -5
- package/development/accordion/accordion.d.ts.map +1 -1
- package/development/accordion.js +25 -38
- package/development/action-group/action-group.d.ts +1 -1
- package/development/action-group/action-group.d.ts.map +1 -1
- package/development/action-group.js +8 -21
- package/development/alert/alert/alert.d.ts +1 -1
- package/development/alert/alert/alert.d.ts.map +1 -1
- package/development/alert/alert-group.js +2 -15
- package/development/alert/alert.js +6 -19
- package/development/autocomplete/autocomplete-base-element.d.ts +1 -1
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button.js +2 -15
- package/development/autocomplete-grid/autocomplete-grid-cell.js +2 -15
- package/development/autocomplete-grid/autocomplete-grid-option.js +4 -17
- package/development/autocomplete-grid/autocomplete-grid-row.js +2 -15
- package/development/autocomplete-grid/autocomplete-grid.js +6 -6
- package/development/autocomplete.js +7 -20
- package/development/breadcrumb/breadcrumb-group.js +2 -15
- package/development/breadcrumb/breadcrumb.js +2 -15
- package/development/button/button.js +3 -3
- package/development/button/common.js +2 -17
- package/development/button/mini-button/mini-button.d.ts.map +1 -1
- package/development/button/mini-button-group.js +2 -15
- package/development/button/mini-button.js +6 -17
- package/development/button/secondary-button.js +3 -3
- package/development/button/tertiary-button.js +3 -3
- package/development/button/transparent-button.js +3 -3
- package/development/calendar/calendar.d.ts +2 -2
- package/development/calendar/calendar.d.ts.map +1 -1
- package/development/calendar.js +7 -19
- package/development/card/card-badge.js +2 -15
- package/development/card/card.js +2 -15
- package/development/card/common.js +2 -15
- package/development/checkbox/checkbox-group.js +2 -15
- package/development/checkbox/checkbox.js +2 -15
- package/development/checkbox/common.js +1 -14
- package/development/chip.js +2 -15
- package/development/clock/clock.d.ts +2 -2
- package/development/clock/clock.d.ts.map +1 -1
- package/development/clock.js +3 -16
- package/development/container/container.js +2 -15
- package/development/container/sticky-bar.js +2 -15
- package/development/core/a11y/focus-visible-within-controller.d.ts +1 -1
- package/development/core/a11y/focus-visible-within-controller.d.ts.map +1 -1
- package/development/core/a11y/input-modality-detector.d.ts +2 -2
- package/development/core/a11y/input-modality-detector.d.ts.map +1 -1
- package/development/core/a11y.js +6 -6
- package/development/core/base-elements/action-base-element.d.ts +1 -0
- package/development/core/base-elements/action-base-element.d.ts.map +1 -1
- package/development/core/base-elements/button-base-element.d.ts +1 -1
- package/development/core/base-elements/button-base-element.d.ts.map +1 -1
- package/development/core/base-elements/link-base-element.d.ts.map +1 -1
- package/development/core/base-elements.js +11 -2
- package/development/core/controllers/slot-state-controller.d.ts +1 -1
- package/development/core/controllers/slot-state-controller.d.ts.map +1 -1
- package/development/core/controllers.js +1 -1
- package/development/core/dom/platform.d.ts +2 -3
- package/development/core/dom/platform.d.ts.map +1 -1
- package/development/core/dom.js +4 -5
- package/development/core/mixins/disabled-mixin.d.ts +8 -0
- package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
- package/development/core/mixins.js +24 -15
- package/development/core/testing/wait-for-image-ready.d.ts.map +1 -1
- package/development/core/testing.js +16 -2
- package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/development/datepicker/datepicker-next-day.js +2 -15
- package/development/datepicker/datepicker-previous-day.js +2 -15
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +2 -0
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/development/datepicker/datepicker-toggle.js +22 -24
- package/development/datepicker/datepicker.js +3 -15
- package/development/dialog/dialog-actions.js +2 -15
- package/development/dialog/dialog-content.js +2 -15
- package/development/dialog/dialog-title.js +2 -15
- package/development/dialog/dialog.js +3 -16
- package/development/divider.js +2 -15
- package/development/expansion-panel/expansion-panel-content.js +2 -15
- package/development/expansion-panel/expansion-panel-header.js +5 -17
- package/development/expansion-panel/expansion-panel.js +2 -15
- package/development/file-selector/file-selector.d.ts +4 -4
- package/development/file-selector/file-selector.d.ts.map +1 -1
- package/development/file-selector.js +2 -17
- package/development/flip-card/flip-card-details.js +2 -15
- package/development/flip-card/flip-card-summary.js +2 -15
- package/development/flip-card/flip-card.js +2 -15
- package/development/footer.js +2 -15
- package/development/form-error.js +2 -15
- package/development/form-field/form-field-clear.js +2 -15
- package/development/form-field/form-field.js +1 -14
- package/development/header/common.js +2 -15
- package/development/header/header.js +2 -15
- package/development/icon/icon.d.ts +6 -0
- package/development/icon/icon.d.ts.map +1 -1
- package/development/icon.js +10 -15
- package/development/image.js +4 -17
- package/development/journey-header.js +2 -15
- package/development/lead-container.js +2 -15
- package/development/link/block-link-button.js +3 -3
- package/development/link/common.js +4 -43
- package/development/link/link-button.js +3 -3
- package/development/link-list/common.js +2 -15
- package/development/link-list/link-list-anchor.js +2 -15
- package/development/link-list/link-list.js +2 -15
- package/development/loading-indicator.js +2 -15
- package/development/logo.js +2 -15
- package/development/map-container.js +2 -15
- package/development/menu/common.js +2 -15
- package/development/menu/menu/menu.d.ts.map +1 -1
- package/development/menu/menu-button.js +3 -3
- package/development/menu/menu.js +3 -18
- package/development/message.js +2 -15
- package/development/navigation/common.js +2 -17
- package/development/navigation/navigation-list.js +2 -15
- package/development/navigation/navigation-marker.js +2 -17
- package/development/navigation/navigation-section.js +2 -19
- package/development/navigation/navigation.js +2 -15
- package/development/notification.js +2 -15
- package/development/option/optgroup/optgroup-base-element.d.ts +2 -2
- package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/development/option/optgroup.js +2 -15
- package/development/option/option/option-base-element.d.ts +14 -4
- package/development/option/option/option-base-element.d.ts.map +1 -1
- package/development/option/option.js +15 -21
- package/development/overlay/overlay-base-element.d.ts +1 -1
- package/development/overlay/overlay-base-element.d.ts.map +1 -1
- package/development/overlay.js +3 -23
- package/development/popover/popover-trigger.js +4 -17
- package/development/popover/popover.js +2 -15
- package/development/radio-button/common.js +2 -15
- package/development/radio-button/radio-button-group/radio-button-group.d.ts +1 -1
- package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/development/radio-button/radio-button-group.js +9 -22
- package/development/radio-button/radio-button.js +2 -15
- package/development/screen-reader-only.js +2 -15
- package/development/select/select.d.ts +3 -1
- package/development/select/select.d.ts.map +1 -1
- package/development/select.js +49 -48
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts +12 -3
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/development/selection-expansion-panel.js +38 -18
- package/development/signet.js +2 -15
- package/development/skiplink-list.js +2 -15
- package/development/slider/slider.d.ts.map +1 -1
- package/development/slider.js +10 -16
- package/development/status.js +2 -15
- package/development/stepper/step-label/step-label.d.ts +6 -6
- package/development/stepper/step-label/step-label.d.ts.map +1 -1
- package/development/stepper/step-label.js +50 -45
- package/development/stepper/step.js +2 -15
- package/development/stepper/stepper/stepper.d.ts +6 -3
- package/development/stepper/stepper/stepper.d.ts.map +1 -1
- package/development/stepper/stepper.js +17 -15
- package/development/table/table-wrapper.js +2 -15
- package/development/tabs/tab-group/tab-group.d.ts +4 -4
- package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/development/tabs/tab-group.js +22 -35
- package/development/tabs/tab-label.js +2 -19
- package/development/tabs/tab.js +1 -14
- package/development/tag/tag-group.js +2 -15
- package/development/tag/tag.js +4 -17
- package/development/teaser-hero.js +3 -23
- package/development/teaser-product/common.js +2 -15
- package/development/teaser-product/teaser-product.js +3 -16
- package/development/teaser.js +2 -15
- package/development/time-input.js +2 -15
- package/development/timetable-occupancy-icon.js +2 -15
- package/development/timetable-occupancy.js +2 -15
- package/development/title.js +3 -41
- package/development/toast.js +2 -17
- package/development/toggle/toggle/toggle.d.ts +2 -2
- package/development/toggle/toggle/toggle.d.ts.map +1 -1
- package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
- package/development/toggle/toggle-option.js +3 -15
- package/development/toggle/toggle.js +23 -36
- package/development/toggle-check.js +1 -14
- package/development/train/train-blocked-passage.js +2 -15
- package/development/train/train-formation.js +2 -15
- package/development/train/train-wagon.js +2 -17
- package/development/train/train.js +2 -15
- package/development/visual-checkbox.js +2 -15
- package/dialog/dialog.js +1 -1
- package/expansion-panel/expansion-panel-header.js +5 -5
- package/file-selector/file-selector.d.ts +4 -4
- package/file-selector/file-selector.d.ts.map +1 -1
- package/file-selector.js +1 -1
- package/icon/icon.d.ts +6 -0
- package/icon/icon.d.ts.map +1 -1
- package/icon.js +27 -19
- package/image.js +2 -2
- package/link/block-link-button.js +10 -10
- package/link/link-button.js +4 -4
- package/lists.css +9 -14
- package/menu/menu/menu.d.ts.map +1 -1
- package/menu/menu-button.js +13 -13
- package/menu/menu.js +7 -9
- package/navigation/common.js +1 -1
- package/navigation/navigation-marker.js +1 -1
- package/navigation/navigation-section.js +1 -1
- package/option/optgroup/optgroup-base-element.d.ts +2 -2
- package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/option/option/option-base-element.d.ts +14 -4
- package/option/option/option-base-element.d.ts.map +1 -1
- package/option/option.js +32 -25
- package/overlay/overlay-base-element.d.ts +1 -1
- package/overlay/overlay-base-element.d.ts.map +1 -1
- package/overlay.js +1 -1
- package/package.json +1 -1
- package/popover/popover-trigger.js +1 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts +1 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/radio-button/radio-button-group.js +5 -5
- package/select/select.d.ts +3 -1
- package/select/select.d.ts.map +1 -1
- package/select.js +83 -72
- package/selection-expansion-panel/selection-expansion-panel.d.ts +12 -3
- package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/selection-expansion-panel.js +70 -49
- package/slider/slider.d.ts.map +1 -1
- package/slider.js +2 -2
- package/standard-theme.css +49 -24
- package/stepper/step-label/step-label.d.ts +6 -6
- package/stepper/step-label/step-label.d.ts.map +1 -1
- package/stepper/step-label.js +30 -30
- package/stepper/stepper/stepper.d.ts +6 -3
- package/stepper/stepper/stepper.d.ts.map +1 -1
- package/stepper/stepper.js +34 -25
- package/tabs/tab-group/tab-group.d.ts +4 -4
- package/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/tabs/tab-group.js +15 -15
- package/tabs/tab-label.js +12 -12
- package/tag/tag.js +19 -19
- package/teaser-hero.js +13 -13
- package/teaser-product/teaser-product.js +5 -5
- package/teaser.js +15 -15
- package/title.js +23 -23
- package/toast.js +4 -4
- package/toggle/toggle/toggle.d.ts +2 -2
- package/toggle/toggle/toggle.d.ts.map +1 -1
- package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
- package/toggle/toggle-option.js +1 -0
- package/toggle/toggle.js +10 -10
- package/train/train-wagon.js +7 -7
- package/typography.css +0 -13
package/core/base-elements.js
CHANGED
|
@@ -1,21 +1,24 @@
|
|
|
1
|
-
import { LitElement as w, html as
|
|
1
|
+
import { LitElement as w, html as m, isServer as g, nothing as p } from "lit";
|
|
2
2
|
import { hostAttributes as f } from "./decorators.js";
|
|
3
|
-
import { getDocumentWritingMode as
|
|
3
|
+
import { getDocumentWritingMode as C, getLocalName as _ } from "./dom.js";
|
|
4
4
|
import { property as l } from "lit/decorators.js";
|
|
5
|
-
import { isEventPrevented as
|
|
5
|
+
import { isEventPrevented as O, EventEmitter as b } from "./eventing.js";
|
|
6
6
|
import { SbbLanguageController as E } from "./controllers.js";
|
|
7
7
|
import { i18nTargetOpensInNewWindow as $ } from "./i18n.js";
|
|
8
8
|
import "../screen-reader-only.js";
|
|
9
|
-
var
|
|
10
|
-
for (var
|
|
11
|
-
(n = e[a]) && (
|
|
12
|
-
return i &&
|
|
9
|
+
var k = Object.defineProperty, A = Object.getOwnPropertyDescriptor, D = (e, t, s, i) => {
|
|
10
|
+
for (var r = i > 1 ? void 0 : i ? A(t, s) : t, a = e.length - 1, n; a >= 0; a--)
|
|
11
|
+
(n = e[a]) && (r = (i ? n(t, s, r) : n(r)) || r);
|
|
12
|
+
return i && r && k(t, s, r), r;
|
|
13
13
|
};
|
|
14
|
-
let
|
|
14
|
+
let v = class extends w {
|
|
15
15
|
get maybeDisabled() {
|
|
16
16
|
const e = this;
|
|
17
17
|
return e.disabled || e.formDisabled;
|
|
18
18
|
}
|
|
19
|
+
connectedCallback() {
|
|
20
|
+
super.connectedCallback();
|
|
21
|
+
}
|
|
19
22
|
setupBaseEventHandlers() {
|
|
20
23
|
this.addEventListener(
|
|
21
24
|
"click",
|
|
@@ -33,28 +36,28 @@ let m = class extends w {
|
|
|
33
36
|
}
|
|
34
37
|
/** Default render method for button-like components. */
|
|
35
38
|
render() {
|
|
36
|
-
return
|
|
39
|
+
return m`
|
|
37
40
|
<span class="sbb-action-base ${this.localName ?? _(this)}">
|
|
38
41
|
${this.renderTemplate()}
|
|
39
42
|
</span>
|
|
40
43
|
`;
|
|
41
44
|
}
|
|
42
45
|
};
|
|
43
|
-
|
|
46
|
+
v = D([
|
|
44
47
|
f({
|
|
45
|
-
dir:
|
|
48
|
+
dir: C(),
|
|
46
49
|
"data-action": ""
|
|
47
50
|
})
|
|
48
|
-
],
|
|
49
|
-
var P = Object.defineProperty, S = Object.getOwnPropertyDescriptor, u = (e, t,
|
|
50
|
-
for (var
|
|
51
|
-
(n = e[a]) && (
|
|
52
|
-
return i &&
|
|
51
|
+
], v);
|
|
52
|
+
var P = Object.defineProperty, S = Object.getOwnPropertyDescriptor, u = (e, t, s, i) => {
|
|
53
|
+
for (var r = i > 1 ? void 0 : i ? S(t, s) : t, a = e.length - 1, n; a >= 0; a--)
|
|
54
|
+
(n = e[a]) && (r = (i ? n(t, s, r) : n(r)) || r);
|
|
55
|
+
return i && r && P(t, s, r), r;
|
|
53
56
|
};
|
|
54
|
-
let h = class extends
|
|
57
|
+
let h = class extends v {
|
|
55
58
|
constructor() {
|
|
56
59
|
if (super(), this.type = "button", this._handleButtonClick = async (e) => {
|
|
57
|
-
if (this.type === "button" || await
|
|
60
|
+
if (this.type === "button" || await O(e))
|
|
58
61
|
return;
|
|
59
62
|
const t = this.form ? this.ownerDocument.querySelector(`form#${this.form}`) : this.closest("form");
|
|
60
63
|
if (t)
|
|
@@ -67,7 +70,7 @@ let h = class extends m {
|
|
|
67
70
|
}, this._dispatchClickEventOnSpaceKeyup = (e) => {
|
|
68
71
|
e.key === " " && (this._removeActiveMarker(e), this._dispatchClickEvent(e));
|
|
69
72
|
}, this._dispatchClickEvent = (e) => {
|
|
70
|
-
const { altKey: t, ctrlKey:
|
|
73
|
+
const { altKey: t, ctrlKey: s, metaKey: i, shiftKey: r } = e;
|
|
71
74
|
e.target.dispatchEvent(
|
|
72
75
|
new PointerEvent("click", {
|
|
73
76
|
bubbles: !0,
|
|
@@ -76,9 +79,9 @@ let h = class extends m {
|
|
|
76
79
|
pointerId: -1,
|
|
77
80
|
pointerType: "",
|
|
78
81
|
altKey: t,
|
|
79
|
-
ctrlKey:
|
|
82
|
+
ctrlKey: s,
|
|
80
83
|
metaKey: i,
|
|
81
|
-
shiftKey:
|
|
84
|
+
shiftKey: r
|
|
82
85
|
})
|
|
83
86
|
);
|
|
84
87
|
}, !g) {
|
|
@@ -106,8 +109,8 @@ let h = class extends m {
|
|
|
106
109
|
get value() {
|
|
107
110
|
return this.getAttribute("value") ?? "";
|
|
108
111
|
}
|
|
109
|
-
attributeChangedCallback(e, t,
|
|
110
|
-
(!["name", "value"].includes(e) || t !==
|
|
112
|
+
attributeChangedCallback(e, t, s) {
|
|
113
|
+
(!["name", "value"].includes(e) || t !== s) && super.attributeChangedCallback(e, t, s);
|
|
111
114
|
}
|
|
112
115
|
};
|
|
113
116
|
u([
|
|
@@ -129,14 +132,14 @@ h = u([
|
|
|
129
132
|
"data-button": ""
|
|
130
133
|
})
|
|
131
134
|
], h);
|
|
132
|
-
var L = Object.defineProperty,
|
|
133
|
-
for (var
|
|
134
|
-
(n = e[a]) && (
|
|
135
|
-
return i &&
|
|
135
|
+
var L = Object.defineProperty, B = Object.getOwnPropertyDescriptor, d = (e, t, s, i) => {
|
|
136
|
+
for (var r = i > 1 ? void 0 : i ? B(t, s) : t, a = e.length - 1, n; a >= 0; a--)
|
|
137
|
+
(n = e[a]) && (r = (i ? n(t, s, r) : n(r)) || r);
|
|
138
|
+
return i && r && L(t, s, r), r;
|
|
136
139
|
};
|
|
137
|
-
let c = class extends
|
|
140
|
+
let c = class extends v {
|
|
138
141
|
constructor() {
|
|
139
|
-
super(), this.language = new E(this), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" :
|
|
142
|
+
super(), this.language = new E(this), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : p, g || this.setupBaseEventHandlers();
|
|
140
143
|
}
|
|
141
144
|
/** @internal */
|
|
142
145
|
focus(e) {
|
|
@@ -155,21 +158,20 @@ let c = class extends m {
|
|
|
155
158
|
}
|
|
156
159
|
/** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
|
|
157
160
|
render() {
|
|
158
|
-
return
|
|
161
|
+
return m`
|
|
159
162
|
<a
|
|
160
163
|
class="sbb-action-base ${this.localName ?? _(this)}"
|
|
161
|
-
href=${this.href ||
|
|
164
|
+
href=${this.href || p}
|
|
162
165
|
?download=${this.download}
|
|
163
|
-
target=${this.target ||
|
|
166
|
+
target=${this.target || p}
|
|
164
167
|
rel=${this._evaluateRelAttribute()}
|
|
165
|
-
aria-label=${this.accessibilityLabel ||
|
|
166
|
-
|
|
167
|
-
aria-disabled=${this.maybeDisabled ? "true" : o}
|
|
168
|
+
aria-label=${this.accessibilityLabel || p}
|
|
169
|
+
aria-disabled=${this.maybeDisabled ? "true" : p}
|
|
168
170
|
>
|
|
169
171
|
${this.renderTemplate()}
|
|
170
|
-
${this.href && this.target === "_blank" ?
|
|
172
|
+
${this.href && this.target === "_blank" ? m`<sbb-screen-reader-only
|
|
171
173
|
>. ${$[this.language.current]}</sbb-screen-reader-only
|
|
172
|
-
>` :
|
|
174
|
+
>` : p}
|
|
173
175
|
</a>
|
|
174
176
|
`;
|
|
175
177
|
}
|
|
@@ -194,17 +196,17 @@ c = d([
|
|
|
194
196
|
"data-link": ""
|
|
195
197
|
})
|
|
196
198
|
], c);
|
|
197
|
-
const
|
|
199
|
+
const o = class o extends w {
|
|
198
200
|
constructor() {
|
|
199
201
|
super(...arguments), this.willOpen = new b(
|
|
200
202
|
this,
|
|
201
|
-
|
|
202
|
-
), this.didOpen = new b(this,
|
|
203
|
+
o.events.willOpen
|
|
204
|
+
), this.didOpen = new b(this, o.events.didOpen), this.willClose = new b(
|
|
203
205
|
this,
|
|
204
|
-
|
|
206
|
+
o.events.willClose
|
|
205
207
|
), this.didClose = new b(
|
|
206
208
|
this,
|
|
207
|
-
|
|
209
|
+
o.events.didClose
|
|
208
210
|
);
|
|
209
211
|
}
|
|
210
212
|
/** The state of the component. */
|
|
@@ -222,15 +224,15 @@ const p = class p extends w {
|
|
|
222
224
|
super.connectedCallback(), this.state || (this.state = "closed");
|
|
223
225
|
}
|
|
224
226
|
};
|
|
225
|
-
|
|
227
|
+
o.events = {
|
|
226
228
|
willOpen: "willOpen",
|
|
227
229
|
didOpen: "didOpen",
|
|
228
230
|
willClose: "willClose",
|
|
229
231
|
didClose: "didClose"
|
|
230
232
|
};
|
|
231
|
-
let y =
|
|
233
|
+
let y = o;
|
|
232
234
|
export {
|
|
233
|
-
|
|
235
|
+
v as SbbActionBaseElement,
|
|
234
236
|
h as SbbButtonBaseElement,
|
|
235
237
|
c as SbbLinkBaseElement,
|
|
236
238
|
y as SbbOpenCloseBaseElement
|
|
@@ -22,10 +22,10 @@ export declare class SbbSlotStateController implements ReactiveController {
|
|
|
22
22
|
private _host;
|
|
23
23
|
private _onChangeCallback;
|
|
24
24
|
readonly slots: Set<string>;
|
|
25
|
-
private _slotchangeHandler;
|
|
26
25
|
constructor(_host: ReactiveControllerHost & HTMLElement, _onChangeCallback?: (() => void) | null);
|
|
27
26
|
hostConnected(): void;
|
|
28
27
|
hostDisconnected(): void;
|
|
28
|
+
private _slotchangeHandler;
|
|
29
29
|
private _syncSlots;
|
|
30
30
|
}
|
|
31
31
|
//# sourceMappingURL=slot-state-controller.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;
|
|
1
|
+
{"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAI7D,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,iBAAiB;IAJ3B,SAAgB,KAAK,cAAqB;gBAGhC,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,GAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW;IAKhD,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAM/B,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,UAAU;CAuBnB"}
|
package/core/dom/platform.d.ts
CHANGED
|
@@ -15,10 +15,9 @@ export declare const isAndroid: boolean;
|
|
|
15
15
|
/** Whether the current browser is Safari. */
|
|
16
16
|
export declare const isSafari: boolean;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
19
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgentData
|
|
18
|
+
* We just check for the blink engine.
|
|
20
19
|
*/
|
|
21
|
-
export declare const isChromium:
|
|
20
|
+
export declare const isChromium: boolean;
|
|
22
21
|
/** Whether the application is being rendered in a Next.js environment. */
|
|
23
22
|
export declare const isNextjs: () => boolean;
|
|
24
23
|
//# sourceMappingURL=platform.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/platform.ts"],"names":[],"mappings":"AAmBA,qDAAqD;AACrD,eAAO,MAAM,MAAM,SAAmD,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,SAAS,SAA2D,CAAC;AAGlF,qDAAqD;AACrD,eAAO,MAAM,OAAO,SAKR,CAAC;AAIb,sDAAsD;AACtD,eAAO,MAAM,QAAQ,SACuE,CAAC;AAE7F,iDAAiD;AACjD,eAAO,MAAM,KAAK,SACoE,CAAC;AAMvF,8CAA8C;AAC9C,eAAO,MAAM,SAAS,SAAgE,CAAC;AAEvF,+CAA+C;AAE/C,eAAO,MAAM,SAAS,SAAkE,CAAC;AAKzF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,SAA+D,CAAC;AAErF
|
|
1
|
+
{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/platform.ts"],"names":[],"mappings":"AAmBA,qDAAqD;AACrD,eAAO,MAAM,MAAM,SAAmD,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,SAAS,SAA2D,CAAC;AAGlF,qDAAqD;AACrD,eAAO,MAAM,OAAO,SAKR,CAAC;AAIb,sDAAsD;AACtD,eAAO,MAAM,QAAQ,SACuE,CAAC;AAE7F,iDAAiD;AACjD,eAAO,MAAM,KAAK,SACoE,CAAC;AAMvF,8CAA8C;AAC9C,eAAO,MAAM,SAAS,SAAgE,CAAC;AAEvF,+CAA+C;AAE/C,eAAO,MAAM,SAAS,SAAkE,CAAC;AAKzF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,SAA+D,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,CAAC;AAElC,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,QAAO,OAAmD,CAAC"}
|
package/core/dom.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { isServer as e } from "lit";
|
|
2
|
-
const
|
|
3
|
-
function
|
|
2
|
+
const v = ["zero", "micro", "small", "medium", "wide", "large", "ultra"];
|
|
3
|
+
function E(t, n, o) {
|
|
4
4
|
if (e)
|
|
5
5
|
return !1;
|
|
6
|
-
const i = getComputedStyle(document.documentElement),
|
|
6
|
+
const i = getComputedStyle(document.documentElement), s = t ? i.getPropertyValue(`--sbb-breakpoint-${t}-min`) : "", r = n ? `${parseFloat(
|
|
7
7
|
i.getPropertyValue(
|
|
8
8
|
`--sbb-breakpoint-${n}-${o != null && o.includeMaxBreakpoint ? "max" : "min"}`
|
|
9
9
|
)
|
|
10
|
-
) - (o != null && o.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "",
|
|
11
|
-
return window.matchMedia(`${
|
|
10
|
+
) - (o != null && o.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", m = s && `(min-width: ${s})`, f = r && `(max-width: ${r})`, y = s && r && " and ";
|
|
11
|
+
return window.matchMedia(`${m}${y}${f}`).matches;
|
|
12
12
|
}
|
|
13
|
-
function
|
|
13
|
+
function g(t) {
|
|
14
14
|
return e ? null : typeof t == "string" ? document.getElementById(t) : t instanceof window.Element ? t : null;
|
|
15
15
|
}
|
|
16
|
-
const
|
|
17
|
-
function
|
|
16
|
+
const A = () => !e && document.documentElement.getAttribute("dir") || "ltr";
|
|
17
|
+
function S(t, n) {
|
|
18
18
|
if (e)
|
|
19
19
|
return null;
|
|
20
20
|
for (n = n.parentElement ?? n.getRootNode().host; n && n !== document && n !== window; ) {
|
|
@@ -25,16 +25,16 @@ function x(t, n) {
|
|
|
25
25
|
}
|
|
26
26
|
return null;
|
|
27
27
|
}
|
|
28
|
-
const
|
|
29
|
-
function
|
|
28
|
+
const p = "a,button,sbb-teaser-hero,sbb-teaser";
|
|
29
|
+
function x(t, n) {
|
|
30
30
|
var o;
|
|
31
31
|
if (!n) {
|
|
32
32
|
const i = (o = t.closest) == null ? void 0 : o.call(t, "sbb-form-field");
|
|
33
33
|
return i == null ? void 0 : i.querySelector("input");
|
|
34
34
|
}
|
|
35
|
-
return
|
|
35
|
+
return g(n);
|
|
36
36
|
}
|
|
37
|
-
function
|
|
37
|
+
function k(t, n, o) {
|
|
38
38
|
o ? t.setAttribute(n, o) : t.removeAttribute(n);
|
|
39
39
|
}
|
|
40
40
|
let a;
|
|
@@ -43,26 +43,24 @@ try {
|
|
|
43
43
|
} catch {
|
|
44
44
|
a = !1;
|
|
45
45
|
}
|
|
46
|
-
const
|
|
47
|
-
|
|
48
|
-
const C = !e && ((b = (l = navigator.userAgentData) == null ? void 0 : l.brands) == null ? void 0 : b.some((t) => t.brand == "Chromium")), N = () => !!globalThis.next;
|
|
49
|
-
function u() {
|
|
46
|
+
const u = !e && /(edge)/i.test(navigator.userAgent), c = !e && /(msie|trident)/i.test(navigator.userAgent), b = !e && !!(window.chrome || a) && typeof CSS < "u" && !u && !c, h = !e && /AppleWebKit/i.test(navigator.userAgent) && !b && !u && !c, I = !e && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), $ = !e && /(firefox|minefield)/i.test(navigator.userAgent), M = !e && /android/i.test(navigator.userAgent) && !c, _ = !e && /safari/i.test(navigator.userAgent) && h, W = b, B = () => !!globalThis.next;
|
|
47
|
+
function l() {
|
|
50
48
|
return document.body.hasAttribute("data-sbb-scroll-disabled");
|
|
51
49
|
}
|
|
52
|
-
class
|
|
50
|
+
class N {
|
|
53
51
|
disableScroll() {
|
|
54
|
-
if (
|
|
52
|
+
if (l())
|
|
55
53
|
return;
|
|
56
54
|
this._position = document.body.style.position, this._overflow = document.body.style.overflow, this._marginInlineEnd = document.body.style.marginInlineEnd;
|
|
57
55
|
const n = window.innerWidth - document.documentElement.clientWidth;
|
|
58
56
|
document.body.style.overflow = "hidden", document.body.style.position = "relative", document.body.style.marginInlineEnd = `${n}px`, document.body.style.setProperty("--sbb-scrollbar-width", `${n}px`), document.body.toggleAttribute("data-sbb-scroll-disabled", !0);
|
|
59
57
|
}
|
|
60
58
|
enableScroll() {
|
|
61
|
-
|
|
59
|
+
l() && (document.body.style.position = this._position || "", document.body.style.overflow = this._overflow || "", document.body.style.marginInlineEnd = this._marginInlineEnd || "", document.body.style.setProperty("--sbb-scrollbar-width", "0"), document.body.removeAttribute("data-sbb-scroll-disabled"));
|
|
62
60
|
}
|
|
63
61
|
}
|
|
64
62
|
const d = /* @__PURE__ */ new Map();
|
|
65
|
-
function
|
|
63
|
+
function P(t) {
|
|
66
64
|
if (d.has(t.constructor))
|
|
67
65
|
return d.get(t.constructor);
|
|
68
66
|
const n = (
|
|
@@ -75,25 +73,25 @@ function R(t) {
|
|
|
75
73
|
throw new Error(`Given element ${t.constructor.name} has not been registered yet.`);
|
|
76
74
|
}
|
|
77
75
|
export {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
76
|
+
p as ACTION_ELEMENTS,
|
|
77
|
+
N as SbbScrollHandler,
|
|
78
|
+
v as breakpoints,
|
|
79
|
+
x as findInput,
|
|
80
|
+
g as findReferencedElement,
|
|
81
|
+
A as getDocumentWritingMode,
|
|
82
|
+
P as getLocalName,
|
|
83
|
+
S as hostContext,
|
|
84
|
+
M as isAndroid,
|
|
85
|
+
b as isBlink,
|
|
86
|
+
E as isBreakpoint,
|
|
87
|
+
W as isChromium,
|
|
88
|
+
u as isEdge,
|
|
89
|
+
$ as isFirefox,
|
|
90
|
+
I as isIOS,
|
|
91
|
+
B as isNextjs,
|
|
92
|
+
_ as isSafari,
|
|
95
93
|
c as isTrident,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
94
|
+
h as isWebkit,
|
|
95
|
+
l as pageScrollDisabled,
|
|
96
|
+
k as setOrRemoveAttribute
|
|
99
97
|
};
|
|
@@ -9,5 +9,13 @@ export declare class SbbDisabledMixinType {
|
|
|
9
9
|
* Enhance your component with a disabled property.
|
|
10
10
|
*/
|
|
11
11
|
export declare const SbbDisabledMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated Will be removed with next major version
|
|
14
|
+
*/
|
|
12
15
|
export declare const SbbDisabledTabIndexActionMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
|
|
16
|
+
/**
|
|
17
|
+
* Extends `SbbDisabledMixin` with the `aria-disabled` attribute.
|
|
18
|
+
* For a11y purposes, keeps the element focusable even when disabled.
|
|
19
|
+
*/
|
|
20
|
+
export declare const SbbFocusableDisabledActionMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
|
|
13
21
|
//# sourceMappingURL=disabled-mixin.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"disabled-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/disabled-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAC/B,SAAS,CAAC,oBAAoB,IAAI,OAAO;CAC1C;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC5D,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC;
|
|
1
|
+
{"version":3,"file":"disabled-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/disabled-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAC/B,SAAS,CAAC,oBAAoB,IAAI,OAAO;CAC1C;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC5D,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC1E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC;AAEF;;;GAGG;AAEH,eAAO,MAAM,+BAA+B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC3E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAoB9C,CAAC"}
|