@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776958279 → 5.0.0-next-dev.1776959321
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/action-group/action-group.component.js +1 -1
- package/{action-group.component-L7G0Vv-N.js → action-group.component-B6X5FjkQ.js} +25 -25
- package/action-group.js +1 -1
- package/action-group.pure.js +1 -1
- package/button/common/button-common.js +1 -1
- package/{button-common-Cu47yCSS.js → button-common-U0ZsZMjC.js} +1 -1
- package/button.js +1 -1
- package/button.pure.js +1 -1
- package/core.css +2 -2
- package/custom-elements.json +1280 -1280
- package/development/action-group/action-group.component.d.ts +2 -4
- package/development/action-group/action-group.component.d.ts.map +1 -1
- package/development/action-group/action-group.component.js +1 -1
- package/development/{action-group.component-CJT4RArG.js → action-group.component-9Bkne2tt.js} +6 -6
- package/development/action-group.js +1 -1
- package/development/action-group.pure.js +1 -1
- package/development/button/common/button-common.js +1 -1
- package/development/{button-common-ChY47M8t.js → button-common-BdW88MAX.js} +3 -3
- package/development/button.js +1 -1
- package/development/button.pure.js +1 -1
- 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 +1 -1
- package/development/{dialog-actions.component-DErVa4WR.js → dialog-actions.component-Bu950dM-.js} +1 -9
- package/development/dialog.js +1 -1
- package/development/dialog.pure.js +1 -1
- package/development/header/common/header-action-common.d.ts.map +1 -1
- package/development/header-action-common-BEnsweEr.js +1 -1
- package/development/map-container/map-container.component.d.ts.map +1 -1
- package/development/map-container/map-container.component.js +1 -1
- package/development/{map-container.component-rgU7ZofE.js → map-container.component-DvHVJZEZ.js} +1 -2
- package/development/map-container.js +1 -1
- package/development/map-container.pure.js +1 -1
- package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
- package/development/navigation/common/navigation-action-common.js +1 -1
- package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
- package/development/navigation/navigation/navigation.component.js +1 -1
- package/development/navigation/navigation-list/navigation-list.component.d.ts.map +1 -1
- package/development/navigation/navigation-list/navigation-list.component.js +1 -1
- package/development/navigation/navigation-marker/navigation-marker.component.d.ts +0 -1
- package/development/navigation/navigation-marker/navigation-marker.component.d.ts.map +1 -1
- package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +1 -1
- package/development/{navigation-action-common-B2soWZWW.js → navigation-action-common-DREsZcc7.js} +3 -4
- package/development/{navigation-list.component-DilKlDwx.js → navigation-list.component-3kQyQ-yJ.js} +3 -3
- package/development/{navigation-marker.component-BRdbbjF5.js → navigation-marker.component-DyWfazQL.js} +3 -4
- package/development/{navigation-section.component-VwCJlOfE.js → navigation-section.component-DyPWGns2.js} +1 -2
- package/development/{navigation.component-lgvLMF5e.js → navigation.component-CZ2P2xfh.js} +1 -2
- package/development/navigation.js +5 -5
- package/development/navigation.pure.js +5 -5
- package/development/overlay/overlay.component.d.ts.map +1 -1
- package/development/overlay/overlay.component.js +1 -1
- package/development/{overlay.component-iy6QUYWU.js → overlay.component-BcOBxY6k.js} +1 -2
- package/development/overlay.js +1 -1
- package/development/overlay.pure.js +1 -1
- package/development/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover.component.js +1 -1
- package/development/{popover.component-C-zVDwjc.js → popover.component-BvSrQ7zF.js} +1 -2
- package/development/popover.js +1 -1
- package/development/popover.pure.js +1 -1
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -1
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
- package/development/{timetable-form-swap-button.component-DM7UFhGh.js → timetable-form-swap-button.component-CyHdctws.js} +2 -1
- package/development/timetable-form.js +1 -1
- package/development/timetable-form.pure.js +1 -1
- package/development/toast/toast.component.d.ts.map +1 -1
- package/development/toast/toast.component.js +1 -1
- package/development/{toast.component-1YR4wmm9.js → toast.component-D1M3OYxv.js} +2 -4
- package/development/toast.js +1 -1
- package/development/toast.pure.js +1 -1
- package/dialog/dialog-actions/dialog-actions.component.js +1 -1
- package/{dialog-actions.component-ConxJ3VW.js → dialog-actions.component-DjBJ65tV.js} +4 -8
- package/dialog.js +1 -1
- package/dialog.pure.js +1 -1
- package/map-container/map-container.component.js +1 -1
- package/{map-container.component-De-8Tsau.js → map-container.component-BlrPWANi.js} +0 -1
- package/map-container.js +1 -1
- package/map-container.pure.js +1 -1
- package/navigation/common/navigation-action-common.js +1 -1
- package/navigation/navigation/navigation.component.js +1 -1
- package/navigation/navigation-list/navigation-list.component.js +1 -1
- package/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/navigation/navigation-section/navigation-section.component.js +1 -1
- package/{navigation-action-common-D2vwX-oy.js → navigation-action-common-D3rE0ZNS.js} +14 -14
- package/{navigation-list.component-DQeyXtOA.js → navigation-list.component-DSJx3LwB.js} +13 -13
- package/{navigation-marker.component-BQzC4gn_.js → navigation-marker.component-xmkTtMap.js} +13 -13
- package/{navigation-section.component-CR-FanCa.js → navigation-section.component-CUrICmbc.js} +0 -1
- package/{navigation.component-D6HU-F51.js → navigation.component-CR4vG3vH.js} +0 -1
- package/navigation.js +5 -5
- package/navigation.pure.js +5 -5
- package/off-brand-theme.css +2 -2
- package/overlay/overlay.component.js +1 -1
- package/{overlay.component-bHg2Xk6D.js → overlay.component-C6i5RA4B.js} +0 -1
- package/overlay.js +1 -1
- package/overlay.pure.js +1 -1
- package/package.json +2 -2
- package/popover/popover.component.js +1 -1
- package/{popover.component-BCLBnddM.js → popover.component-jz3_WQeT.js} +0 -1
- package/popover.js +1 -1
- package/popover.pure.js +1 -1
- package/safety-theme.css +2 -2
- package/standard-theme.css +2 -2
- package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
- package/{timetable-form-swap-button.component-C9dU9vDV.js → timetable-form-swap-button.component-D9wBQQkG.js} +1 -1
- package/timetable-form.js +1 -1
- package/timetable-form.pure.js +1 -1
- package/toast/toast.component.js +1 -1
- package/{toast.component-D53COYeM.js → toast.component-CXouszwJ.js} +21 -22
- package/toast.js +1 -1
- package/toast.pure.js +1 -1
package/navigation.pure.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as e } from "./navigation-action-common-
|
|
1
|
+
import { t as e } from "./navigation-action-common-D3rE0ZNS.js";
|
|
2
2
|
import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
|
|
3
3
|
import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
|
|
4
|
-
import { t as r } from "./navigation-list.component-
|
|
5
|
-
import { t as i } from "./navigation-marker.component-
|
|
6
|
-
import { t as a } from "./navigation-section.component-
|
|
7
|
-
import { t as o } from "./navigation.component-
|
|
4
|
+
import { t as r } from "./navigation-list.component-DSJx3LwB.js";
|
|
5
|
+
import { t as i } from "./navigation-marker.component-xmkTtMap.js";
|
|
6
|
+
import { t as a } from "./navigation-section.component-CUrICmbc.js";
|
|
7
|
+
import { t as o } from "./navigation.component-CR4vG3vH.js";
|
|
8
8
|
export { e as SbbNavigationActionCommonElementMixin, t as SbbNavigationButtonElement, o as SbbNavigationElement, n as SbbNavigationLinkElement, r as SbbNavigationListElement, i as SbbNavigationMarkerElement, a as SbbNavigationSectionElement };
|
package/off-brand-theme.css
CHANGED
|
@@ -1307,12 +1307,12 @@ slot[name=error]::slotted(*) {
|
|
|
1307
1307
|
--sbb-button-min-height-size-l: var(--sbb-size-element-m);
|
|
1308
1308
|
--sbb-button-min-height-size-m: var(--sbb-size-element-s);
|
|
1309
1309
|
--sbb-button-min-height-size-s: var(--sbb-size-element-xs);
|
|
1310
|
-
--sbb-button-min-height: var(--sbb-button-min-height-size-
|
|
1310
|
+
--sbb-button-min-height: var(--sbb-button-min-height-size-m);
|
|
1311
1311
|
--sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
|
|
1312
1312
|
--sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
|
|
1313
1313
|
--sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
|
|
1314
1314
|
--sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
|
|
1315
|
-
--sbb-button-padding-inline: var(--sbb-button-padding-inline-size-
|
|
1315
|
+
--sbb-button-padding-inline: var(--sbb-button-padding-inline-size-m);
|
|
1316
1316
|
--sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
|
|
1317
1317
|
--sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
|
|
1318
1318
|
--sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../overlay.component-
|
|
1
|
+
import { t as e } from "../overlay.component-C6i5RA4B.js";
|
|
2
2
|
export { e as SbbOverlayElement };
|
|
@@ -131,7 +131,6 @@ var _ = ":host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollba
|
|
|
131
131
|
aria-label="${this.accessibilityCloseLabel || d[this.language.current]}"
|
|
132
132
|
?negative=${this.negative}
|
|
133
133
|
size="m"
|
|
134
|
-
type="button"
|
|
135
134
|
icon-name="cross-small"
|
|
136
135
|
sbb-overlay-close
|
|
137
136
|
></sbb-secondary-button>
|
package/overlay.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
|
|
2
|
-
import { t as i } from "./overlay.component-
|
|
2
|
+
import { t as i } from "./overlay.component-C6i5RA4B.js";
|
|
3
3
|
import "./overlay.pure.js";
|
|
4
4
|
//#region src/elements/overlay.ts
|
|
5
5
|
i.define();
|
package/overlay.pure.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
|
|
2
|
-
import { t as i } from "./overlay.component-
|
|
2
|
+
import { t as i } from "./overlay.component-C6i5RA4B.js";
|
|
3
3
|
export { e as SbbOverlayBaseElement, t as SbbOverlayCloseEvent, i as SbbOverlayElement, n as assignOverlayResult, r as overlayRefs };
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-dev",
|
|
3
|
-
"version": "5.0.0-next-dev.
|
|
3
|
+
"version": "5.0.0-next-dev.1776959321",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
7
7
|
"web components",
|
|
8
8
|
"lit",
|
|
9
|
-
"https://github.com/sbb-design-systems/lyne-components/commit/
|
|
9
|
+
"https://github.com/sbb-design-systems/lyne-components/commit/963894a5ab164d3418be82542aa636f9ae0fb96f"
|
|
10
10
|
],
|
|
11
11
|
"type": "module",
|
|
12
12
|
"exports": {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../popover.component-
|
|
1
|
+
import { n as e, t } from "../popover.component-jz3_WQeT.js";
|
|
2
2
|
export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
|
|
@@ -329,7 +329,6 @@ var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
|
|
|
329
329
|
<sbb-secondary-button
|
|
330
330
|
aria-label=${this.accessibilityCloseLabel || _[this._language.current]}
|
|
331
331
|
size="s"
|
|
332
|
-
type="button"
|
|
333
332
|
icon-name="cross-small"
|
|
334
333
|
sbb-popover-close
|
|
335
334
|
></sbb-secondary-button>
|
package/popover.js
CHANGED
package/popover.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./popover.component-
|
|
1
|
+
import { n as e, t } from "./popover.component-jz3_WQeT.js";
|
|
2
2
|
export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
|
package/safety-theme.css
CHANGED
|
@@ -1307,12 +1307,12 @@ slot[name=error]::slotted(*) {
|
|
|
1307
1307
|
--sbb-button-min-height-size-l: var(--sbb-size-element-m);
|
|
1308
1308
|
--sbb-button-min-height-size-m: var(--sbb-size-element-s);
|
|
1309
1309
|
--sbb-button-min-height-size-s: var(--sbb-size-element-xs);
|
|
1310
|
-
--sbb-button-min-height: var(--sbb-button-min-height-size-
|
|
1310
|
+
--sbb-button-min-height: var(--sbb-button-min-height-size-m);
|
|
1311
1311
|
--sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
|
|
1312
1312
|
--sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
|
|
1313
1313
|
--sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
|
|
1314
1314
|
--sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
|
|
1315
|
-
--sbb-button-padding-inline: var(--sbb-button-padding-inline-size-
|
|
1315
|
+
--sbb-button-padding-inline: var(--sbb-button-padding-inline-size-m);
|
|
1316
1316
|
--sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
|
|
1317
1317
|
--sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
|
|
1318
1318
|
--sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
|
package/standard-theme.css
CHANGED
|
@@ -1307,12 +1307,12 @@ slot[name=error]::slotted(*) {
|
|
|
1307
1307
|
--sbb-button-min-height-size-l: var(--sbb-size-element-m);
|
|
1308
1308
|
--sbb-button-min-height-size-m: var(--sbb-size-element-s);
|
|
1309
1309
|
--sbb-button-min-height-size-s: var(--sbb-size-element-xs);
|
|
1310
|
-
--sbb-button-min-height: var(--sbb-button-min-height-size-
|
|
1310
|
+
--sbb-button-min-height: var(--sbb-button-min-height-size-m);
|
|
1311
1311
|
--sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
|
|
1312
1312
|
--sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
|
|
1313
1313
|
--sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
|
|
1314
1314
|
--sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
|
|
1315
|
-
--sbb-button-padding-inline: var(--sbb-button-padding-inline-size-
|
|
1315
|
+
--sbb-button-padding-inline: var(--sbb-button-padding-inline-size-m);
|
|
1316
1316
|
--sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
|
|
1317
1317
|
--sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
|
|
1318
1318
|
--sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../timetable-form-swap-button.component-
|
|
1
|
+
import { t as e } from "../../timetable-form-swap-button.component-D9wBQQkG.js";
|
|
2
2
|
export { e as SbbTimetableFormSwapButtonElement };
|
|
@@ -10,7 +10,7 @@ var i = ":host(:is(:state(timetable-form-context),[state--timetable-form-context
|
|
|
10
10
|
this.styles = [r.styles, e(i)];
|
|
11
11
|
}
|
|
12
12
|
constructor() {
|
|
13
|
-
super(), this._languageController = new t(this), this.addEventListener("click", () => this._invertFieldValues());
|
|
13
|
+
super(), this._languageController = new t(this), this.size = "l", this.addEventListener("click", () => this._invertFieldValues());
|
|
14
14
|
}
|
|
15
15
|
connectedCallback() {
|
|
16
16
|
super.connectedCallback(), this.toggleState("timetable-form-context", !!this.closest("sbb-timetable-form"));
|
package/timetable-form.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./timetable-form-details.component-BQmF3WLu.js";
|
|
2
2
|
import { t } from "./timetable-form-field.component-DrQuTOJr.js";
|
|
3
|
-
import { t as n } from "./timetable-form-swap-button.component-
|
|
3
|
+
import { t as n } from "./timetable-form-swap-button.component-D9wBQQkG.js";
|
|
4
4
|
import { t as r } from "./timetable-form.component-AbZF15Tg.js";
|
|
5
5
|
import "./timetable-form.pure.js";
|
|
6
6
|
r.define(), e.define(), t.define(), n.define();
|
package/timetable-form.pure.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./timetable-form-details.component-BQmF3WLu.js";
|
|
2
2
|
import { t } from "./timetable-form-field.component-DrQuTOJr.js";
|
|
3
|
-
import { t as n } from "./timetable-form-swap-button.component-
|
|
3
|
+
import { t as n } from "./timetable-form-swap-button.component-D9wBQQkG.js";
|
|
4
4
|
import { t as r } from "./timetable-form.component-AbZF15Tg.js";
|
|
5
5
|
export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };
|
package/toast/toast.component.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../toast.component-
|
|
1
|
+
import { t as e } from "../toast.component-CXouszwJ.js";
|
|
2
2
|
export { e as SbbToastElement };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
2
|
import { html as n, nothing as r, unsafeCSS as i } from "lit";
|
|
3
3
|
import { property as a } from "lit/decorators.js";
|
|
4
|
-
import { SbbDarkModeController as o, SbbLanguageController as s, SbbOpenCloseBaseElement as c, SbbReadonlyMixin as l, boxSizingStyles as u, composedPathHasAttribute as d, forceType as f, i18nCloseAlert as p,
|
|
5
|
-
import { SbbTransparentButtonElement as
|
|
6
|
-
import { SbbDividerElement as
|
|
7
|
-
import { SbbIconNameMixin as
|
|
4
|
+
import { SbbDarkModeController as o, SbbLanguageController as s, SbbOpenCloseBaseElement as c, SbbReadonlyMixin as l, boxSizingStyles as u, composedPathHasAttribute as d, forceType as f, i18nCloseAlert as p, isZeroAnimationDuration as m } from "./core.js";
|
|
5
|
+
import { SbbTransparentButtonElement as h } from "./button.pure.js";
|
|
6
|
+
import { SbbDividerElement as g } from "./divider.pure.js";
|
|
7
|
+
import { SbbIconNameMixin as _ } from "./icon.pure.js";
|
|
8
8
|
//#region src/elements/toast/toast.scss?inline
|
|
9
|
-
var
|
|
10
|
-
let
|
|
11
|
-
return class extends
|
|
9
|
+
var v = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-text-color: var(--sbb-color-3-inverted);--sbb-toast-background-color: var(--sbb-background-color-1-inverted);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;inset:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color)}:host(:is(:state(state-opening),[state--state-opening])) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}slot:not([name=icon]),.sbb-toast__close{color-scheme:only light}.sbb-toast__content{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}", y = /* @__PURE__ */ new Set(), b = (() => {
|
|
10
|
+
let b = _(l(c)), x, S = [], C = [], w, T = [], E = [], D, O = [], k = [];
|
|
11
|
+
return class extends b {
|
|
12
12
|
static {
|
|
13
|
-
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
14
|
-
|
|
13
|
+
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
|
|
14
|
+
x = [f(), a({ type: Number })], w = [a({ reflect: !0 })], D = [a()], e(this, null, x, {
|
|
15
15
|
kind: "accessor",
|
|
16
16
|
name: "timeout",
|
|
17
17
|
static: !1,
|
|
@@ -24,7 +24,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
|
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
metadata: t
|
|
27
|
-
},
|
|
27
|
+
}, S, C), e(this, null, w, {
|
|
28
28
|
kind: "accessor",
|
|
29
29
|
name: "position",
|
|
30
30
|
static: !1,
|
|
@@ -37,7 +37,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
|
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
metadata: t
|
|
40
|
-
},
|
|
40
|
+
}, T, E), e(this, null, D, {
|
|
41
41
|
kind: "accessor",
|
|
42
42
|
name: "politeness",
|
|
43
43
|
static: !1,
|
|
@@ -50,7 +50,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
|
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
metadata: t
|
|
53
|
-
},
|
|
53
|
+
}, O, k), t && Object.defineProperty(this, Symbol.metadata, {
|
|
54
54
|
enumerable: !0,
|
|
55
55
|
configurable: !0,
|
|
56
56
|
writable: !0,
|
|
@@ -61,10 +61,10 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
|
|
|
61
61
|
this.elementName = "sbb-toast";
|
|
62
62
|
}
|
|
63
63
|
static {
|
|
64
|
-
this.elementDependencies = [
|
|
64
|
+
this.elementDependencies = [h, g];
|
|
65
65
|
}
|
|
66
66
|
static {
|
|
67
|
-
this.styles = [u, i(
|
|
67
|
+
this.styles = [u, i(v)];
|
|
68
68
|
}
|
|
69
69
|
#e;
|
|
70
70
|
get timeout() {
|
|
@@ -88,15 +88,15 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
|
|
|
88
88
|
this.#n = e;
|
|
89
89
|
}
|
|
90
90
|
constructor() {
|
|
91
|
-
super(), this.#e = t(this,
|
|
91
|
+
super(), this.#e = t(this, S, 0), this.#t = (t(this, C), t(this, T, "bottom-center")), this.#n = (t(this, E), t(this, O, "polite")), this._closeTimeout = t(this, k), this._language = new s(this), this._darkModeController = new o(this, () => {
|
|
92
92
|
this._syncSlottedElements(), this.requestUpdate();
|
|
93
93
|
}), this.addEventListener?.("click", (e) => this._onClick(e));
|
|
94
94
|
}
|
|
95
95
|
connectedCallback() {
|
|
96
|
-
this.popover = "manual", super.connectedCallback(),
|
|
96
|
+
this.popover = "manual", super.connectedCallback(), y.add(this);
|
|
97
97
|
}
|
|
98
98
|
disconnectedCallback() {
|
|
99
|
-
super.disconnectedCallback(), clearTimeout(this._closeTimeout),
|
|
99
|
+
super.disconnectedCallback(), clearTimeout(this._closeTimeout), y.delete(this);
|
|
100
100
|
}
|
|
101
101
|
willUpdate(e) {
|
|
102
102
|
super.willUpdate(e), e.has("politeness") && (this.internals.ariaLive = this.politeness);
|
|
@@ -121,7 +121,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
|
|
|
121
121
|
t && !t.hasAttribute("disabled") && this.close();
|
|
122
122
|
}
|
|
123
123
|
_isZeroAnimationDuration() {
|
|
124
|
-
return
|
|
124
|
+
return m(this, "--sbb-toast-animation-duration");
|
|
125
125
|
}
|
|
126
126
|
_onContentSlotChange(e) {
|
|
127
127
|
let t = e.target.assignedNodes();
|
|
@@ -133,7 +133,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
|
|
|
133
133
|
}
|
|
134
134
|
_syncSlottedElements() {
|
|
135
135
|
this.querySelectorAll("sbb-transparent-button, sbb-transparent-button-link").forEach((e) => {
|
|
136
|
-
e.negative = this._isLightMode()
|
|
136
|
+
e.negative = this._isLightMode();
|
|
137
137
|
}), this.querySelectorAll("sbb-link, sbb-link-button, sbb-link-static").forEach((e) => {
|
|
138
138
|
e.negative = this._isLightMode();
|
|
139
139
|
});
|
|
@@ -142,7 +142,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
|
|
|
142
142
|
e.animationName === "open" && this.state === "opening" ? this._handleOpening() : e.animationName === "close" && this.state === "closing" && this._handleClosing();
|
|
143
143
|
}
|
|
144
144
|
_closeOtherToasts() {
|
|
145
|
-
|
|
145
|
+
y.forEach((e) => {
|
|
146
146
|
(e.state === "opened" || e.state === "opening") && e.close();
|
|
147
147
|
});
|
|
148
148
|
}
|
|
@@ -170,7 +170,6 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
|
|
|
170
170
|
class="sbb-toast__close-button"
|
|
171
171
|
icon-name="cross-small"
|
|
172
172
|
?negative=${this._isLightMode()}
|
|
173
|
-
size="m"
|
|
174
173
|
aria-label=${p[this._language.current]}
|
|
175
174
|
sbb-toast-close
|
|
176
175
|
></sbb-transparent-button>`}
|
|
@@ -182,4 +181,4 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
|
|
|
182
181
|
};
|
|
183
182
|
})();
|
|
184
183
|
//#endregion
|
|
185
|
-
export {
|
|
184
|
+
export { b as t };
|
package/toast.js
CHANGED
package/toast.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./toast.component-
|
|
1
|
+
import { t as e } from "./toast.component-CXouszwJ.js";
|
|
2
2
|
export { e as SbbToastElement };
|