@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776959321 → 5.0.0-next-dev.1777014673

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.
Files changed (35) hide show
  1. package/alert/alert/alert.component.js +1 -1
  2. package/alert/alert-group/alert-group.component.js +1 -1
  3. package/{alert-group.component-CAjj3FtE.js → alert-group.component-BCYOVicl.js} +5 -7
  4. package/alert.component-BQsF0R1M.js +161 -0
  5. package/alert.js +2 -2
  6. package/alert.pure.js +2 -2
  7. package/core/styles/core.scss +11 -0
  8. package/core.css +19 -0
  9. package/custom-elements.json +2163 -2163
  10. package/development/alert/alert/alert.component.d.ts +1 -0
  11. package/development/alert/alert/alert.component.d.ts.map +1 -1
  12. package/development/alert/alert/alert.component.js +1 -1
  13. package/development/alert/alert-group/alert-group.component.d.ts.map +1 -1
  14. package/development/alert/alert-group/alert-group.component.js +1 -1
  15. package/development/alert-group.component-D4KxKTd2.js +186 -0
  16. package/development/alert.component-Pv-Ol6XU.js +213 -0
  17. package/development/alert.js +2 -2
  18. package/development/alert.pure.js +2 -2
  19. package/development/step.component-D1Gq0VRW.js +146 -0
  20. package/development/stepper/step/step.component.d.ts.map +1 -1
  21. package/development/stepper/step/step.component.js +1 -1
  22. package/development/stepper.js +1 -1
  23. package/development/stepper.pure.js +1 -1
  24. package/off-brand-theme.css +19 -0
  25. package/package.json +2 -2
  26. package/safety-theme.css +19 -0
  27. package/standard-theme.css +19 -0
  28. package/{step.component-sQbJslHx.js → step.component-DuLOqjZk.js} +3 -5
  29. package/stepper/step/step.component.js +1 -1
  30. package/stepper.js +1 -1
  31. package/stepper.pure.js +1 -1
  32. package/alert.component-C42LwoGa.js +0 -163
  33. package/development/alert-group.component-DeI6kuwn.js +0 -188
  34. package/development/alert.component-Cn36k_Hf.js +0 -214
  35. package/development/step.component-CVWxYkrv.js +0 -148
package/development/step.component-D1Gq0VRW.js ADDED
@@ -0,0 +1,146 @@
1
+ import { html, unsafeCSS } from "lit";
2
+ import { SbbElement, SbbPropertyWatcherController, appendAriaElements, boxSizingStyles, removeAriaElements } from "./core.js";
3
+ import { ResizeController } from "@lit-labs/observers/resize-controller.js";
4
+ //#region src/elements/stepper/step/step.scss?inline
5
+ var step_default = ":host {\n --sbb-step-opacity: 0;\n --sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);\n --sbb-step-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-2x)\n );\n display: block;\n}\n\n:host(:is(:state(orientation-vertical),[state--orientation-vertical])) {\n margin-inline-start: var(--sbb-step-margin-inline-start);\n opacity: 0;\n height: 0;\n transition: display var(--sbb-step-animation-duration) var(--sbb-animation-easing), height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);\n transition-behavior: allow-discrete;\n}\n\n:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) {\n opacity: 1;\n height: var(--sbb-stepper-content-height);\n transition: display var(--sbb-step-animation-duration) var(--sbb-animation-easing), height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);\n transition-behavior: allow-discrete;\n}\n\n:host(:is(:state(selected),[state--selected])) {\n --sbb-step-opacity: 1;\n --sbb-step-display: block;\n --sbb-step-height: fit-content;\n --sbb-step-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-4x)\n );\n --sbb-step-animation-delay: var(--sbb-step-animation-duration);\n}\n\n:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) {\n --sbb-step-position: absolute;\n --sbb-step-inset-block-start: 0;\n}\n\n.sbb-step {\n position: var(--sbb-step-position, initial);\n width: 100%;\n inset-block-start: var(--sbb-step-inset-block-start, unset);\n opacity: var(--sbb-step-opacity);\n display: var(--sbb-step-display, none);\n height: var(--sbb-step-height, 0);\n transition-property: display, opacity;\n transition-duration: var(--sbb-step-animation-duration);\n transition-delay: var(--sbb-step-animation-delay, 0);\n transition-timing-function: var(--sbb-animation-easing);\n transition-behavior: allow-discrete;\n}\n@starting-style {\n .sbb-step {\n --sbb-step-opacity: 0;\n }\n}";
6
+ //#endregion
7
+ //#region src/elements/stepper/step/step.component.ts
8
+ /**
9
+ * Combined with a `sbb-stepper`, it displays a step's content.
10
+ *
11
+ * @slot - Use the unnamed slot to provide content.
12
+ */
13
+ var SbbStepElement = class extends SbbElement {
14
+ static {
15
+ this.elementName = "sbb-step";
16
+ }
17
+ static {
18
+ this.role = "tabpanel";
19
+ }
20
+ static {
21
+ this.styles = [boxSizingStyles, unsafeCSS(step_default)];
22
+ }
23
+ static {
24
+ this.events = {
25
+ validate: "validate",
26
+ resizechange: "resizechange"
27
+ };
28
+ }
29
+ /** The label of the step. */
30
+ get label() {
31
+ return this._label;
32
+ }
33
+ get stepper() {
34
+ return this.closest("sbb-stepper");
35
+ }
36
+ constructor() {
37
+ super();
38
+ this._stepResizeObserver = new ResizeController(this, {
39
+ target: null,
40
+ skipInitial: true,
41
+ callback: () => setTimeout(() => this._onStepElementResize())
42
+ });
43
+ this._label = null;
44
+ this.addEventListener?.("click", (e) => this._handleClick(e));
45
+ this.addController(new SbbPropertyWatcherController(this, () => this.stepper, { orientation: (s) => {
46
+ if (this._previousOrientation) this.internals.states.delete(`orientation-${this._previousOrientation}`);
47
+ this._previousOrientation = s.orientation;
48
+ if (this._previousOrientation) this.internals.states.add(`orientation-${this._previousOrientation}`);
49
+ } }));
50
+ }
51
+ /**
52
+ * Selects and configures the step.
53
+ * @internal
54
+ * TODO: @breaking-change: make protected
55
+ */
56
+ select() {
57
+ if (!this.hasUpdated || !this.label) return;
58
+ this.internals.states.add("selected");
59
+ this.label.select();
60
+ }
61
+ /**
62
+ * Deselects and configures the step.
63
+ * @internal
64
+ * TODO: @breaking-change: make protected
65
+ */
66
+ deselect() {
67
+ if (!this.label) return;
68
+ this.internals.states.delete("selected");
69
+ this.label.deselect();
70
+ }
71
+ /**
72
+ * Emits a validate event whenever step switch is triggered.
73
+ * @internal
74
+ * TODO: @breaking-change: make protected
75
+ */
76
+ validate(eventData) {
77
+ /**
78
+ * @type {CustomEvent<SbbStepValidateEventDetails>}
79
+ * The validate event is dispatched when a step change is triggered. Can be canceled to abort the step change.
80
+ */
81
+ return this.dispatchEvent(new CustomEvent("validate", {
82
+ bubbles: true,
83
+ composed: true,
84
+ cancelable: true,
85
+ detail: eventData
86
+ }));
87
+ }
88
+ /**
89
+ * Configures the step.
90
+ * @internal
91
+ * TODO: @breaking-change: make protected
92
+ */
93
+ configure(stepperLoaded) {
94
+ if (stepperLoaded) this._assignLabel();
95
+ }
96
+ /** Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes. */
97
+ _handleClick(event) {
98
+ const composedPathElements = event.composedPath().filter((el) => el instanceof window.HTMLElement);
99
+ if (composedPathElements.some((el) => this._isGoNextElement(el))) this.stepper?.next();
100
+ else if (composedPathElements.some((el) => this._isGoPreviousElement(el))) this.stepper?.previous();
101
+ }
102
+ _isGoNextElement(element) {
103
+ return element.hasAttribute("sbb-stepper-next") && !element.hasAttribute("disabled");
104
+ }
105
+ _isGoPreviousElement(element) {
106
+ return element.hasAttribute("sbb-stepper-previous") && !element.hasAttribute("disabled");
107
+ }
108
+ _onStepElementResize() {
109
+ if (!this.matches(":is(:state(selected),[state--selected])")) return;
110
+ /**
111
+ * @internal
112
+ * Emits when a resize happens, used to avoid setting the height of the stepper from the step component.
113
+ */
114
+ this.dispatchEvent(new Event("resizechange", { bubbles: true }));
115
+ }
116
+ connectedCallback() {
117
+ super.connectedCallback();
118
+ this.slot ||= "step";
119
+ this._assignLabel();
120
+ }
121
+ firstUpdated(changedProperties) {
122
+ super.firstUpdated(changedProperties);
123
+ this.updateComplete.then(() => {
124
+ this._stepResizeObserver.observe(this.shadowRoot.querySelector(".sbb-step"));
125
+ });
126
+ }
127
+ _assignLabel() {
128
+ let previousSibling = this.previousElementSibling;
129
+ while (previousSibling && previousSibling.localName !== "sbb-step-label") previousSibling = previousSibling.previousElementSibling;
130
+ const value = previousSibling;
131
+ this.internals.ariaLabelledByElements = removeAriaElements(this.internals.ariaLabelledByElements, this._label);
132
+ this._label = value instanceof Element ? value : null;
133
+ this.internals.ariaLabelledByElements = appendAriaElements(this.internals.ariaLabelledByElements, this._label);
134
+ }
135
+ render() {
136
+ return html`
137
+ <div class="sbb-step">
138
+ <slot></slot>
139
+ </div>
140
+ `;
141
+ }
142
+ };
143
+ //#endregion
144
+ export { SbbStepElement as t };
145
+
146
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQtRDFHcTBWUlcuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC9zdGVwLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC9zdGVwLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLXN0ZXAtb3BhY2l0eTogMDtcbiAgLS1zYmItc3RlcC1tYXJnaW4taW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG4gIC0tc2JiLXN0ZXAtYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0yeClcbiAgKTtcblxuICBkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QoOnN0YXRlKG9yaWVudGF0aW9uLXZlcnRpY2FsKSkge1xuICBtYXJnaW4taW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItc3RlcC1tYXJnaW4taW5saW5lLXN0YXJ0KTtcbiAgb3BhY2l0eTogMDtcbiAgaGVpZ2h0OiAwO1xuICB0cmFuc2l0aW9uOlxuICAgIGRpc3BsYXkgdmFyKC0tc2JiLXN0ZXAtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyksXG4gICAgaGVpZ2h0IHZhcigtLXNiYi1zdGVwcGVyLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpLFxuICAgIG9wYWNpdHkgdmFyKC0tc2JiLXN0ZXAtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG5cbiAgLy8gRXhwZXJpbWVudGFsIHByb3BlcnR5LCBidXQgc3VwcG9ydGVkIGluIGV2ZXJ5IG1ham9yIGJyb3dzZXIuXG4gIHRyYW5zaXRpb24tYmVoYXZpb3I6IGFsbG93LWRpc2NyZXRlO1xufVxuXG46aG9zdCg6c3RhdGUoc2VsZWN0ZWQpOnN0YXRlKG9yaWVudGF0aW9uLXZlcnRpY2FsKSkge1xuICBvcGFjaXR5OiAxO1xuICBoZWlnaHQ6IHZhcigtLXNiYi1zdGVwcGVyLWNvbnRlbnQtaGVpZ2h0KTtcbiAgdHJhbnNpdGlvbjpcbiAgICBkaXNwbGF5IHZhcigtLXNiYi1zdGVwLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpLFxuICAgIGhlaWdodCB2YXIoLS1zYmItc3RlcHBlci1hbmltYXRpb24tZHVyYXRpb24pIHZhcigtLXNiYi1hbmltYXRpb24tZWFzaW5nKSxcbiAgICBvcGFjaXR5IHZhcigtLXNiYi1zdGVwLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLXN0ZXBwZXItYW5pbWF0aW9uLWR1cmF0aW9uKVxuICAgICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuXG4gIC8vIEV4cGVyaW1lbnRhbCBwcm9wZXJ0eSwgYnV0IHN1cHBvcnRlZCBpbiBldmVyeSBtYWpvciBicm93c2VyLlxuICB0cmFuc2l0aW9uLWJlaGF2aW9yOiBhbGxvdy1kaXNjcmV0ZTtcbn1cblxuOmhvc3QoOnN0YXRlKHNlbGVjdGVkKSkge1xuICAtLXNiYi1zdGVwLW9wYWNpdHk6IDE7XG4gIC0tc2JiLXN0ZXAtZGlzcGxheTogYmxvY2s7XG4gIC0tc2JiLXN0ZXAtaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgLS1zYmItc3RlcC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTR4KVxuICApO1xuICAtLXNiYi1zdGVwLWFuaW1hdGlvbi1kZWxheTogdmFyKC0tc2JiLXN0ZXAtYW5pbWF0aW9uLWR1cmF0aW9uKTtcbn1cblxuOmhvc3QoOnN0YXRlKG9yaWVudGF0aW9uLWhvcml6b250YWwpKSB7XG4gIC0tc2JiLXN0ZXAtcG9zaXRpb246IGFic29sdXRlO1xuICAtLXNiYi1zdGVwLWluc2V0LWJsb2NrLXN0YXJ0OiAwO1xufVxuXG4uc2JiLXN0ZXAge1xuICBwb3NpdGlvbjogdmFyKC0tc2JiLXN0ZXAtcG9zaXRpb24sIGluaXRpYWwpO1xuICB3aWR0aDogMTAwJTtcbiAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1zdGVwLWluc2V0LWJsb2NrLXN0YXJ0LCB1bnNldCk7XG4gIG9wYWNpdHk6IHZhcigtLXNiYi1zdGVwLW9wYWNpdHkpO1xuICBkaXNwbGF5OiB2YXIoLS1zYmItc3RlcC1kaXNwbGF5LCBub25lKTtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItc3RlcC1oZWlnaHQsIDApO1xuICB0cmFuc2l0aW9uOiB7XG4gICAgcHJvcGVydHk6IGRpc3BsYXksIG9wYWNpdHk7XG4gICAgZHVyYXRpb246IHZhcigtLXNiYi1zdGVwLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgZGVsYXk6IHZhcigtLXNiYi1zdGVwLWFuaW1hdGlvbi1kZWxheSwgMCk7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gIH1cblxuICAvLyBFeHBlcmltZW50YWwgcHJvcGVydHksIGJ1dCBzdXBwb3J0ZWQgaW4gZXZlcnkgbWFqb3IgYnJvd3Nlci5cbiAgdHJhbnNpdGlvbi1iZWhhdmlvcjogYWxsb3ctZGlzY3JldGU7XG5cbiAgLy8gRXhwZXJpbWVudGFsIHByb3BlcnR5LCBjdXJyZW50bHkgc3VwcG9ydGVkIGluIGV2ZXJ5IG1ham9yIGJyb3dzZXIgZXhjZXB0IEZpcmVmb3guXG4gIEBzdGFydGluZy1zdHlsZSB7XG4gICAgLS1zYmItc3RlcC1vcGFjaXR5OiAwO1xuICB9XG59XG4iLCJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxuICB1bnNhZmVDU1MsXG59IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7XG4gIGFwcGVuZEFyaWFFbGVtZW50cyxcbiAgYm94U2l6aW5nU3R5bGVzLFxuICByZW1vdmVBcmlhRWxlbWVudHMsXG4gIFNiYkVsZW1lbnQsXG4gIFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJTdGVwTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vc3RlcC1sYWJlbC9zdGVwLWxhYmVsLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlN0ZXBwZXJFbGVtZW50IH0gZnJvbSAnLi4vc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3N0ZXAuc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNiYlN0ZXBWYWxpZGF0ZUV2ZW50RGV0YWlscyB7XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyIHwgbnVsbDtcbiAgY3VycmVudFN0ZXA6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbDtcbiAgbmV4dEluZGV4OiBudW1iZXIgfCBudWxsO1xuICBuZXh0U3RlcDogU2JiU3RlcEVsZW1lbnQgfCBudWxsO1xufVxuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXN0ZXBwZXJgLCBpdCBkaXNwbGF5cyBhIHN0ZXAncyBjb250ZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBjb250ZW50LlxuICovXG5leHBvcnQgY2xhc3MgU2JiU3RlcEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1zdGVwJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ3RhYnBhbmVsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIHZhbGlkYXRlOiAndmFsaWRhdGUnLFxuICAgIHJlc2l6ZWNoYW5nZTogJ3Jlc2l6ZWNoYW5nZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLy8gV2UgdXNlIGEgdGltZW91dCBhcyBhIHdvcmthcm91bmQgdG8gdGhlIFwiUmVzaXplT2JzZXJ2ZXIgbG9vcCBjb21wbGV0ZWQgd2l0aCB1bmRlbGl2ZXJlZCBub3RpZmljYXRpb25zXCIgZXJyb3IuXG4gIC8vIEZvciBtb3JlIGRldGFpbHM6XG4gIC8vIC0gaHR0cHM6Ly9naXRodWIuY29tL1dJQ0cvcmVzaXplLW9ic2VydmVyL2lzc3Vlcy8zOCNpc3N1ZWNvbW1lbnQtNDIyMTI2MDA2XG4gIC8vIC0gaHR0cHM6Ly9naXRodWIuY29tL2p1Z2dsZS9yZXNpemUtb2JzZXJ2ZXIvaXNzdWVzLzEwMyNpc3N1ZWNvbW1lbnQtMTcxMTE0ODI4NVxuICBwcml2YXRlIF9zdGVwUmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgdGFyZ2V0OiBudWxsLFxuICAgIHNraXBJbml0aWFsOiB0cnVlLFxuICAgIGNhbGxiYWNrOiAoKSA9PiBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX29uU3RlcEVsZW1lbnRSZXNpemUoKSksXG4gIH0pO1xuXG4gIC8qKiBUaGUgbGFiZWwgb2YgdGhlIHN0ZXAuICovXG4gIHB1YmxpYyBnZXQgbGFiZWwoKTogU2JiU3RlcExhYmVsRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9sYWJlbDtcbiAgfVxuICBwcml2YXRlIF9sYWJlbDogU2JiU3RlcExhYmVsRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBnZXQgc3RlcHBlcigpOiBTYmJTdGVwcGVyRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmNsb3Nlc3QoJ3NiYi1zdGVwcGVyJyk7XG4gIH1cblxuICBwcml2YXRlIF9wcmV2aW91c09yaWVudGF0aW9uPzogc3RyaW5nO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsIChlKSA9PiB0aGlzLl9oYW5kbGVDbGljayhlKSk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5zdGVwcGVyLCB7XG4gICAgICAgIG9yaWVudGF0aW9uOiAocykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBvcmllbnRhdGlvbi0ke3RoaXMuX3ByZXZpb3VzT3JpZW50YXRpb259YCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX3ByZXZpb3VzT3JpZW50YXRpb24gPSBzLm9yaWVudGF0aW9uO1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBvcmllbnRhdGlvbi0ke3RoaXMuX3ByZXZpb3VzT3JpZW50YXRpb259YCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZWxlY3RzIGFuZCBjb25maWd1cmVzIHRoZSBzdGVwLlxuICAgKiBAaW50ZXJuYWxcbiAgICogVE9ETzogQGJyZWFraW5nLWNoYW5nZTogbWFrZSBwcm90ZWN0ZWRcbiAgICovXG4gIHB1YmxpYyBzZWxlY3QoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmhhc1VwZGF0ZWQgfHwgIXRoaXMubGFiZWwpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnc2VsZWN0ZWQnKTtcbiAgICB0aGlzLmxhYmVsLnNlbGVjdCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIERlc2VsZWN0cyBhbmQgY29uZmlndXJlcyB0aGUgc3RlcC5cbiAgICogQGludGVybmFsXG4gICAqIFRPRE86IEBicmVha2luZy1jaGFuZ2U6IG1ha2UgcHJvdGVjdGVkXG4gICAqL1xuICBwdWJsaWMgZGVzZWxlY3QoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmxhYmVsKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoJ3NlbGVjdGVkJyk7XG4gICAgdGhpcy5sYWJlbC5kZXNlbGVjdCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIGEgdmFsaWRhdGUgZXZlbnQgd2hlbmV2ZXIgc3RlcCBzd2l0Y2ggaXMgdHJpZ2dlcmVkLlxuICAgKiBAaW50ZXJuYWxcbiAgICogVE9ETzogQGJyZWFraW5nLWNoYW5nZTogbWFrZSBwcm90ZWN0ZWRcbiAgICovXG4gIHB1YmxpYyB2YWxpZGF0ZShldmVudERhdGE6IFNiYlN0ZXBWYWxpZGF0ZUV2ZW50RGV0YWlscyk6IGJvb2xlYW4ge1xuICAgIC8vIFRPRE86IEBicmVha2luZy1jaGFuZ2U6IENyZWF0ZSBhIHNwZWNpZmljIGV2ZW50IHR5cGUgZm9yIHRoaXMgZXZlbnQuXG4gICAgLyoqXG4gICAgICogQHR5cGUge0N1c3RvbUV2ZW50PFNiYlN0ZXBWYWxpZGF0ZUV2ZW50RGV0YWlscz59XG4gICAgICogVGhlIHZhbGlkYXRlIGV2ZW50IGlzIGRpc3BhdGNoZWQgd2hlbiBhIHN0ZXAgY2hhbmdlIGlzIHRyaWdnZXJlZC4gQ2FuIGJlIGNhbmNlbGVkIHRvIGFib3J0IHRoZSBzdGVwIGNoYW5nZS5cbiAgICAgKi9cbiAgICByZXR1cm4gdGhpcy5kaXNwYXRjaEV2ZW50KFxuICAgICAgbmV3IEN1c3RvbUV2ZW50PFNiYlN0ZXBWYWxpZGF0ZUV2ZW50RGV0YWlscz4oJ3ZhbGlkYXRlJywge1xuICAgICAgICBidWJibGVzOiB0cnVlLFxuICAgICAgICBjb21wb3NlZDogdHJ1ZSxcbiAgICAgICAgY2FuY2VsYWJsZTogdHJ1ZSxcbiAgICAgICAgZGV0YWlsOiBldmVudERhdGEsXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbmZpZ3VyZXMgdGhlIHN0ZXAuXG4gICAqIEBpbnRlcm5hbFxuICAgKiBUT0RPOiBAYnJlYWtpbmctY2hhbmdlOiBtYWtlIHByb3RlY3RlZFxuICAgKi9cbiAgcHVibGljIGNvbmZpZ3VyZShzdGVwcGVyTG9hZGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKHN0ZXBwZXJMb2FkZWQpIHtcbiAgICAgIHRoaXMuX2Fzc2lnbkxhYmVsKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqIFdhdGNoZXMgZm9yIGNsaWNrZWQgZWxlbWVudHMgd2l0aCBgc2JiLXN0ZXBwZXItbmV4dGAgb3IgYHNiYi1zdGVwcGVyLXByZXZpb3VzYCBhdHRyaWJ1dGVzLiAqL1xuICBwcml2YXRlIF9oYW5kbGVDbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBjb21wb3NlZFBhdGhFbGVtZW50cyA9IGV2ZW50XG4gICAgICAuY29tcG9zZWRQYXRoKClcbiAgICAgIC5maWx0ZXIoKGVsKSA9PiBlbCBpbnN0YW5jZW9mIHdpbmRvdy5IVE1MRWxlbWVudCk7XG4gICAgaWYgKGNvbXBvc2VkUGF0aEVsZW1lbnRzLnNvbWUoKGVsKSA9PiB0aGlzLl9pc0dvTmV4dEVsZW1lbnQoZWwgYXMgSFRNTEVsZW1lbnQpKSkge1xuICAgICAgdGhpcy5zdGVwcGVyPy5uZXh0KCk7XG4gICAgfSBlbHNlIGlmIChjb21wb3NlZFBhdGhFbGVtZW50cy5zb21lKChlbCkgPT4gdGhpcy5faXNHb1ByZXZpb3VzRWxlbWVudChlbCBhcyBIVE1MRWxlbWVudCkpKSB7XG4gICAgICB0aGlzLnN0ZXBwZXI/LnByZXZpb3VzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaXNHb05leHRFbGVtZW50KGVsZW1lbnQ6IEhUTUxFbGVtZW50KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGVsZW1lbnQuaGFzQXR0cmlidXRlKCdzYmItc3RlcHBlci1uZXh0JykgJiYgIWVsZW1lbnQuaGFzQXR0cmlidXRlKCdkaXNhYmxlZCcpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNHb1ByZXZpb3VzRWxlbWVudChlbGVtZW50OiBIVE1MRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBlbGVtZW50Lmhhc0F0dHJpYnV0ZSgnc2JiLXN0ZXBwZXItcHJldmlvdXMnKSAmJiAhZWxlbWVudC5oYXNBdHRyaWJ1dGUoJ2Rpc2FibGVkJyk7XG4gIH1cblxuICBwcml2YXRlIF9vblN0ZXBFbGVtZW50UmVzaXplKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5tYXRjaGVzKCc6c3RhdGUoc2VsZWN0ZWQpJykpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKiBFbWl0cyB3aGVuIGEgcmVzaXplIGhhcHBlbnMsIHVzZWQgdG8gYXZvaWQgc2V0dGluZyB0aGUgaGVpZ2h0IG9mIHRoZSBzdGVwcGVyIGZyb20gdGhlIHN0ZXAgY29tcG9uZW50LlxuICAgICAqL1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ3Jlc2l6ZWNoYW5nZScsIHsgYnViYmxlczogdHJ1ZSB9KSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLnNsb3QgfHw9ICdzdGVwJztcbiAgICB0aGlzLl9hc3NpZ25MYWJlbCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIHRoaXMudXBkYXRlQ29tcGxldGUudGhlbigoKSA9PiB7XG4gICAgICB0aGlzLl9zdGVwUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3IoJy5zYmItc3RlcCcpIGFzIEhUTUxFbGVtZW50KTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX2Fzc2lnbkxhYmVsKCk6IHZvaWQge1xuICAgIGxldCBwcmV2aW91c1NpYmxpbmcgPSB0aGlzLnByZXZpb3VzRWxlbWVudFNpYmxpbmc7XG4gICAgd2hpbGUgKHByZXZpb3VzU2libGluZyAmJiBwcmV2aW91c1NpYmxpbmcubG9jYWxOYW1lICE9PSAnc2JiLXN0ZXAtbGFiZWwnKSB7XG4gICAgICBwcmV2aW91c1NpYmxpbmcgPSBwcmV2aW91c1NpYmxpbmcucHJldmlvdXNFbGVtZW50U2libGluZztcbiAgICB9XG4gICAgY29uc3QgdmFsdWUgPSBwcmV2aW91c1NpYmxpbmcgYXMgU2JiU3RlcExhYmVsRWxlbWVudCB8IG51bGw7XG5cbiAgICB0aGlzLmludGVybmFscy5hcmlhTGFiZWxsZWRCeUVsZW1lbnRzID0gcmVtb3ZlQXJpYUVsZW1lbnRzKFxuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsbGVkQnlFbGVtZW50cyxcbiAgICAgIHRoaXMuX2xhYmVsLFxuICAgICk7XG4gICAgdGhpcy5fbGFiZWwgPSB2YWx1ZSBpbnN0YW5jZW9mIEVsZW1lbnQgPyB2YWx1ZSA6IG51bGw7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsbGVkQnlFbGVtZW50cyA9IGFwcGVuZEFyaWFFbGVtZW50cyhcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbGxlZEJ5RWxlbWVudHMsXG4gICAgICB0aGlzLl9sYWJlbCxcbiAgICApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXN0ZXBcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXN0ZXAnOiBTYmJTdGVwRWxlbWVudDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBHbG9iYWxFdmVudEhhbmRsZXJzRXZlbnRNYXAge1xuICAgIHJlc2l6ZWNoYW5nZTogRXZlbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FDaUNBLElBQWEsaUJBQWIsY0FBb0MsV0FBVTs7QUFDWixPQUFBLGNBQXNCOzs7QUFDdEIsT0FBQSxPQUFPOzs7QUFDaEIsT0FBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLGFBQU0sQ0FBQzs7O0FBQzVELE9BQUEsU0FBUztHQUM5QixVQUFVO0dBQ1YsY0FBYztHQUNOOzs7Q0FhVixJQUFXLFFBQUs7QUFDZCxTQUFPLEtBQUs7O0NBSWQsSUFBVyxVQUFPO0FBQ2hCLFNBQU8sS0FBSyxRQUFRLGNBQWM7O0NBS3BDLGNBQUE7QUFDRSxTQUFPO0FBbkJELE9BQUEsc0JBQXNCLElBQUksaUJBQWlCLE1BQU07R0FDdkQsUUFBUTtHQUNSLGFBQWE7R0FDYixnQkFBZ0IsaUJBQWlCLEtBQUssc0JBQXNCLENBQUE7R0FDN0QsQ0FBQztBQU1NLE9BQUEsU0FBcUM7QUFVM0MsT0FBSyxtQkFBbUIsVUFBVSxNQUFNLEtBQUssYUFBYSxFQUFFLENBQUM7QUFDN0QsT0FBSyxjQUNILElBQUksNkJBQTZCLFlBQVksS0FBSyxTQUFTLEVBQ3pELGNBQWMsTUFBSztBQUNqQixPQUFJLEtBQUsscUJBQ1AsTUFBSyxVQUFVLE9BQU8sT0FBTyxlQUFlLEtBQUssdUJBQXVCO0FBRTFFLFFBQUssdUJBQXVCLEVBQUU7QUFDOUIsT0FBSSxLQUFLLHFCQUNQLE1BQUssVUFBVSxPQUFPLElBQUksZUFBZSxLQUFLLHVCQUF1QjtLQUcxRSxDQUFDLENBQ0g7Ozs7Ozs7Q0FRSSxTQUFNO0FBQ1gsTUFBSSxDQUFDLEtBQUssY0FBYyxDQUFDLEtBQUssTUFDNUI7QUFFRixPQUFLLFVBQVUsT0FBTyxJQUFJLFdBQVc7QUFDckMsT0FBSyxNQUFNLFFBQVE7Ozs7Ozs7Q0FRZCxXQUFRO0FBQ2IsTUFBSSxDQUFDLEtBQUssTUFDUjtBQUVGLE9BQUssVUFBVSxPQUFPLE9BQU8sV0FBVztBQUN4QyxPQUFLLE1BQU0sVUFBVTs7Ozs7OztDQVFoQixTQUFTLFdBQXNDOzs7OztBQU1wRCxTQUFPLEtBQUssY0FDVixJQUFJLFlBQXlDLFlBQVk7R0FDdkQsU0FBUztHQUNULFVBQVU7R0FDVixZQUFZO0dBQ1osUUFBUTtHQUNULENBQUMsQ0FDSDs7Ozs7OztDQVFJLFVBQVUsZUFBc0I7QUFDckMsTUFBSSxjQUNGLE1BQUssY0FBYzs7O0NBS2YsYUFBYSxPQUFZO0VBQy9CLE1BQU0sdUJBQXVCLE1BQzFCLGNBQWMsQ0FDZCxRQUFRLE9BQU8sY0FBYyxPQUFPLFlBQVk7QUFDbkQsTUFBSSxxQkFBcUIsTUFBTSxPQUFPLEtBQUssaUJBQWlCLEdBQWtCLENBQUMsQ0FDN0UsTUFBSyxTQUFTLE1BQU07V0FDWCxxQkFBcUIsTUFBTSxPQUFPLEtBQUsscUJBQXFCLEdBQWtCLENBQUMsQ0FDeEYsTUFBSyxTQUFTLFVBQVU7O0NBSXBCLGlCQUFpQixTQUFvQjtBQUMzQyxTQUFPLFFBQVEsYUFBYSxtQkFBbUIsSUFBSSxDQUFDLFFBQVEsYUFBYSxXQUFXOztDQUc5RSxxQkFBcUIsU0FBb0I7QUFDL0MsU0FBTyxRQUFRLGFBQWEsdUJBQXVCLElBQUksQ0FBQyxRQUFRLGFBQWEsV0FBVzs7Q0FHbEYsdUJBQW9CO0FBQzFCLE1BQUksQ0FBQyxLQUFLLFFBQVEsMENBQW1CLENBQ25DOzs7OztBQU9GLE9BQUssY0FBYyxJQUFJLE1BQU0sZ0JBQWdCLEVBQUUsU0FBUyxNQUFNLENBQUMsQ0FBQzs7Q0FHbEQsb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBQ3pCLE9BQUssU0FBUztBQUNkLE9BQUssY0FBYzs7Q0FHRixhQUFhLG1CQUF1QztBQUNyRSxRQUFNLGFBQWEsa0JBQWtCO0FBQ3JDLE9BQUssZUFBZSxXQUFVO0FBQzVCLFFBQUssb0JBQW9CLFFBQVEsS0FBSyxXQUFZLGNBQWMsWUFBMkIsQ0FBQztJQUM1Rjs7Q0FHSSxlQUFZO0VBQ2xCLElBQUksa0JBQWtCLEtBQUs7QUFDM0IsU0FBTyxtQkFBbUIsZ0JBQWdCLGNBQWMsaUJBQ3RELG1CQUFrQixnQkFBZ0I7RUFFcEMsTUFBTSxRQUFRO0FBRWQsT0FBSyxVQUFVLHlCQUF5QixtQkFDdEMsS0FBSyxVQUFVLHdCQUNmLEtBQUssT0FDTjtBQUNELE9BQUssU0FBUyxpQkFBaUIsVUFBVSxRQUFRO0FBQ2pELE9BQUssVUFBVSx5QkFBeUIsbUJBQ3RDLEtBQUssVUFBVSx3QkFDZixLQUFLLE9BQ047O0NBR2dCLFNBQU07QUFDdkIsU0FBTyxJQUFJIn0=
package/development/stepper/step/step.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"step.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/stepper/step/step.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAEb,OAAO,EAIL,UAAU,EAEX,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,MAAM,WAAW,2BAA2B;IAC1C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;CACjC;AAED;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,UAAU;IAC5C,gBAAgC,WAAW,EAAE,MAAM,CAAc;IACjE,gBAAgC,IAAI,cAAc;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAuC;IACpF,gBAAuB,MAAM;;;MAGlB;IAMX,OAAO,CAAC,mBAAmB,CAIxB;IAEH,6BAA6B;IAC7B,IAAW,KAAK,IAAI,mBAAmB,GAAG,IAAI,CAE7C;IACD,OAAO,CAAC,MAAM,CAAoC;IAElD,IAAW,OAAO,IAAI,iBAAiB,GAAG,IAAI,CAE7C;IAED,OAAO,CAAC,oBAAoB,CAAC,CAAS;;IAoBtC;;;;OAIG;IACI,MAAM,IAAI,IAAI;IAQrB;;;;OAIG;IACI,QAAQ,IAAI,IAAI;IAQvB;;;;OAIG;IACI,QAAQ,CAAC,SAAS,EAAE,2BAA2B,GAAG,OAAO;IAgBhE;;;;OAIG;IACI,SAAS,CAAC,aAAa,EAAE,OAAO,GAAG,IAAI;IAM9C,iGAAiG;IACjG,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,oBAAoB;IAYZ,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,YAAY;cAkBD,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,YAAY,EAAE,KAAK,CAAC;KACrB;CACF"}
1
+ {"version":3,"file":"step.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/stepper/step/step.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAEb,OAAO,EAIL,UAAU,EAEX,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,MAAM,WAAW,2BAA2B;IAC1C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;CACjC;AAED;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,UAAU;IAC5C,gBAAgC,WAAW,EAAE,MAAM,CAAc;IACjE,gBAAgC,IAAI,cAAc;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAuC;IACpF,gBAAuB,MAAM;;;MAGlB;IAMX,OAAO,CAAC,mBAAmB,CAIxB;IAEH,6BAA6B;IAC7B,IAAW,KAAK,IAAI,mBAAmB,GAAG,IAAI,CAE7C;IACD,OAAO,CAAC,MAAM,CAAoC;IAElD,IAAW,OAAO,IAAI,iBAAiB,GAAG,IAAI,CAE7C;IAED,OAAO,CAAC,oBAAoB,CAAC,CAAS;;IAoBtC;;;;OAIG;IACI,MAAM,IAAI,IAAI;IAQrB;;;;OAIG;IACI,QAAQ,IAAI,IAAI;IAQvB;;;;OAIG;IACI,QAAQ,CAAC,SAAS,EAAE,2BAA2B,GAAG,OAAO;IAgBhE;;;;OAIG;IACI,SAAS,CAAC,aAAa,EAAE,OAAO,GAAG,IAAI;IAM9C,iGAAiG;IACjG,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,oBAAoB;IAYZ,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,YAAY;cAkBD,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,YAAY,EAAE,KAAK,CAAC;KACrB;CACF"}
package/development/stepper/step/step.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as SbbStepElement } from "../../step.component-CVWxYkrv.js";
1
+ import { t as SbbStepElement } from "../../step.component-D1Gq0VRW.js";
2
2
  export { SbbStepElement };
package/development/stepper.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { t as SbbStepLabelElement } from "./step-label.component-Dfx9rLcN.js";
2
- import { t as SbbStepElement } from "./step.component-CVWxYkrv.js";
2
+ import { t as SbbStepElement } from "./step.component-D1Gq0VRW.js";
3
3
  import { n as SbbStepperElement, t as SbbStepChangeEvent } from "./stepper.component-BTwJttZt.js";
4
4
  import "./stepper.pure.js";
5
5
  //#region src/elements/stepper.ts
package/development/stepper.pure.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { t as SbbStepLabelElement } from "./step-label.component-Dfx9rLcN.js";
2
- import { t as SbbStepElement } from "./step.component-CVWxYkrv.js";
2
+ import { t as SbbStepElement } from "./step.component-D1Gq0VRW.js";
3
3
  import { n as SbbStepperElement, t as SbbStepChangeEvent } from "./stepper.component-BTwJttZt.js";
4
4
  export { SbbStepChangeEvent, SbbStepElement, SbbStepLabelElement, SbbStepperElement };
package/off-brand-theme.css CHANGED
@@ -1267,6 +1267,20 @@ slot[name=error]::slotted(*) {
1267
1267
  --sbb-size-element-s: var(--sbb-size-element-s-zero);
1268
1268
  --sbb-size-element-m: var(--sbb-size-element-m-zero);
1269
1269
  --sbb-size-element-l: var(--sbb-size-element-l-zero);
1270
+ --sbb-alert-background-color: var(--sbb-background-color-1-inverted);
1271
+ --sbb-alert-border-radius: var(--sbb-border-radius-4x);
1272
+ --sbb-alert-color: var(--sbb-color-aluminium);
1273
+ --sbb-alert-color: light-dark(var(--sbb-color-aluminium), var(--sbb-color-anthracite));
1274
+ --sbb-alert-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);
1275
+ --sbb-alert-timing-function: ease-in;
1276
+ --sbb-alert-icon-size: 1.25rem;
1277
+ --sbb-alert-icon-size-l: var(--sbb-size-icon-ui-small);
1278
+ --sbb-alert-title-margin-block: 0;
1279
+ --sbb-alert-font-size: var(--sbb-text-font-size-s);
1280
+ --sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);
1281
+ --sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs);
1282
+ --sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);
1283
+ --sbb-alert-group-border-radius: var(--sbb-border-radius-4x);
1270
1284
  --sbb-breadcrumb-color: var(--sbb-color-granite);
1271
1285
  --sbb-breadcrumb-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));
1272
1286
  --sbb-breadcrumb-color-hover: var(--sbb-color-charcoal);
@@ -1972,6 +1986,8 @@ slot[name=error]::slotted(*) {
1972
1986
  --sbb-focus-outline-color-default: Highlight;
1973
1987
  --sbb-focus-outline-color-dark: Highlight;
1974
1988
  --sbb-focus-outline-width: var(--sbb-border-width-2x);
1989
+ --sbb-alert-outline: var(--sbb-border-width-1x) solid CanvasText;
1990
+ --sbb-alert-forced-color-border-radius: var(--sbb-alert-border-radius);
1975
1991
  --sbb-breadcrumb-color: ButtonText;
1976
1992
  --sbb-breadcrumb-color-active: Highlight;
1977
1993
  --sbb-card-border-color: CanvasText;
@@ -2061,6 +2077,7 @@ slot[name=error]::slotted(*) {
2061
2077
  --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
2062
2078
  --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
2063
2079
  --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
2080
+ --sbb-alert-close-button-divider-display: block;
2064
2081
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x);
2065
2082
  --sbb-footer-clock-width: 7rem;
2066
2083
  --sbb-notification-icon-align-self: flex-start;
@@ -2102,6 +2119,8 @@ slot[name=error]::slotted(*) {
2102
2119
  --sbb-size-element-s: var(--sbb-size-element-s-large);
2103
2120
  --sbb-size-element-m: var(--sbb-size-element-m-large);
2104
2121
  --sbb-size-element-l: var(--sbb-size-element-l-large);
2122
+ --sbb-alert-icon-size: 1.75rem;
2123
+ --sbb-alert-icon-size-l: 2.125rem;
2105
2124
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-10x);
2106
2125
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-8x);
2107
2126
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-5x);
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.1776959321",
3
+ "version": "5.0.0-next-dev.1777014673",
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/963894a5ab164d3418be82542aa636f9ae0fb96f"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/96cd622b2e0f1db25b89e0b29ab2b91242c6fc68"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
package/safety-theme.css CHANGED
@@ -1267,6 +1267,20 @@ slot[name=error]::slotted(*) {
1267
1267
  --sbb-size-element-s: var(--sbb-size-element-s-zero);
1268
1268
  --sbb-size-element-m: var(--sbb-size-element-m-zero);
1269
1269
  --sbb-size-element-l: var(--sbb-size-element-l-zero);
1270
+ --sbb-alert-background-color: var(--sbb-background-color-1-inverted);
1271
+ --sbb-alert-border-radius: var(--sbb-border-radius-4x);
1272
+ --sbb-alert-color: var(--sbb-color-aluminium);
1273
+ --sbb-alert-color: light-dark(var(--sbb-color-aluminium), var(--sbb-color-anthracite));
1274
+ --sbb-alert-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);
1275
+ --sbb-alert-timing-function: ease-in;
1276
+ --sbb-alert-icon-size: 1.25rem;
1277
+ --sbb-alert-icon-size-l: var(--sbb-size-icon-ui-small);
1278
+ --sbb-alert-title-margin-block: 0;
1279
+ --sbb-alert-font-size: var(--sbb-text-font-size-s);
1280
+ --sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);
1281
+ --sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs);
1282
+ --sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);
1283
+ --sbb-alert-group-border-radius: var(--sbb-border-radius-4x);
1270
1284
  --sbb-breadcrumb-color: var(--sbb-color-granite);
1271
1285
  --sbb-breadcrumb-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));
1272
1286
  --sbb-breadcrumb-color-hover: var(--sbb-color-charcoal);
@@ -1972,6 +1986,8 @@ slot[name=error]::slotted(*) {
1972
1986
  --sbb-focus-outline-color-default: Highlight;
1973
1987
  --sbb-focus-outline-color-dark: Highlight;
1974
1988
  --sbb-focus-outline-width: var(--sbb-border-width-2x);
1989
+ --sbb-alert-outline: var(--sbb-border-width-1x) solid CanvasText;
1990
+ --sbb-alert-forced-color-border-radius: var(--sbb-alert-border-radius);
1975
1991
  --sbb-breadcrumb-color: ButtonText;
1976
1992
  --sbb-breadcrumb-color-active: Highlight;
1977
1993
  --sbb-card-border-color: CanvasText;
@@ -2061,6 +2077,7 @@ slot[name=error]::slotted(*) {
2061
2077
  --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
2062
2078
  --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
2063
2079
  --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
2080
+ --sbb-alert-close-button-divider-display: block;
2064
2081
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x);
2065
2082
  --sbb-footer-clock-width: 7rem;
2066
2083
  --sbb-notification-icon-align-self: flex-start;
@@ -2102,6 +2119,8 @@ slot[name=error]::slotted(*) {
2102
2119
  --sbb-size-element-s: var(--sbb-size-element-s-large);
2103
2120
  --sbb-size-element-m: var(--sbb-size-element-m-large);
2104
2121
  --sbb-size-element-l: var(--sbb-size-element-l-large);
2122
+ --sbb-alert-icon-size: 1.75rem;
2123
+ --sbb-alert-icon-size-l: 2.125rem;
2105
2124
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-10x);
2106
2125
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-8x);
2107
2126
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-5x);
package/standard-theme.css CHANGED
@@ -1267,6 +1267,20 @@ slot[name=error]::slotted(*) {
1267
1267
  --sbb-size-element-s: var(--sbb-size-element-s-zero);
1268
1268
  --sbb-size-element-m: var(--sbb-size-element-m-zero);
1269
1269
  --sbb-size-element-l: var(--sbb-size-element-l-zero);
1270
+ --sbb-alert-background-color: var(--sbb-background-color-1-inverted);
1271
+ --sbb-alert-border-radius: var(--sbb-border-radius-4x);
1272
+ --sbb-alert-color: var(--sbb-color-aluminium);
1273
+ --sbb-alert-color: light-dark(var(--sbb-color-aluminium), var(--sbb-color-anthracite));
1274
+ --sbb-alert-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);
1275
+ --sbb-alert-timing-function: ease-in;
1276
+ --sbb-alert-icon-size: 1.25rem;
1277
+ --sbb-alert-icon-size-l: var(--sbb-size-icon-ui-small);
1278
+ --sbb-alert-title-margin-block: 0;
1279
+ --sbb-alert-font-size: var(--sbb-text-font-size-s);
1280
+ --sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);
1281
+ --sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs);
1282
+ --sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);
1283
+ --sbb-alert-group-border-radius: var(--sbb-border-radius-4x);
1270
1284
  --sbb-breadcrumb-color: var(--sbb-color-granite);
1271
1285
  --sbb-breadcrumb-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));
1272
1286
  --sbb-breadcrumb-color-hover: var(--sbb-color-charcoal);
@@ -1972,6 +1986,8 @@ slot[name=error]::slotted(*) {
1972
1986
  --sbb-focus-outline-color-default: Highlight;
1973
1987
  --sbb-focus-outline-color-dark: Highlight;
1974
1988
  --sbb-focus-outline-width: var(--sbb-border-width-2x);
1989
+ --sbb-alert-outline: var(--sbb-border-width-1x) solid CanvasText;
1990
+ --sbb-alert-forced-color-border-radius: var(--sbb-alert-border-radius);
1975
1991
  --sbb-breadcrumb-color: ButtonText;
1976
1992
  --sbb-breadcrumb-color-active: Highlight;
1977
1993
  --sbb-card-border-color: CanvasText;
@@ -2061,6 +2077,7 @@ slot[name=error]::slotted(*) {
2061
2077
  --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
2062
2078
  --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
2063
2079
  --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
2080
+ --sbb-alert-close-button-divider-display: block;
2064
2081
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x);
2065
2082
  --sbb-footer-clock-width: 7rem;
2066
2083
  --sbb-notification-icon-align-self: flex-start;
@@ -2102,6 +2119,8 @@ slot[name=error]::slotted(*) {
2102
2119
  --sbb-size-element-s: var(--sbb-size-element-s-large);
2103
2120
  --sbb-size-element-m: var(--sbb-size-element-m-large);
2104
2121
  --sbb-size-element-l: var(--sbb-size-element-l-large);
2122
+ --sbb-alert-icon-size: 1.75rem;
2123
+ --sbb-alert-icon-size-l: 2.125rem;
2105
2124
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-10x);
2106
2125
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-8x);
2107
2126
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-5x);
package/{step.component-sQbJslHx.js → step.component-DuLOqjZk.js} RENAMED
@@ -2,7 +2,7 @@ import { html as e, unsafeCSS as t } from "lit";
2
2
  import { SbbElement as n, SbbPropertyWatcherController as r, appendAriaElements as i, boxSizingStyles as a, removeAriaElements as o } from "./core.js";
3
3
  import { ResizeController as s } from "@lit-labs/observers/resize-controller.js";
4
4
  //#region src/elements/stepper/step/step.scss?inline
5
- var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:contents;font-size:var(--sbb-text-font-size-m);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", l = class extends n {
5
+ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", l = class extends n {
6
6
  static {
7
7
  this.elementName = "sbb-step";
8
8
  }
@@ -79,10 +79,8 @@ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
79
79
  }
80
80
  render() {
81
81
  return e`
82
- <div class="sbb-step--wrapper">
83
- <div class="sbb-step">
84
- <slot></slot>
85
- </div>
82
+ <div class="sbb-step">
83
+ <slot></slot>
86
84
  </div>
87
85
  `;
88
86
  }
package/stepper/step/step.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../step.component-sQbJslHx.js";
1
+ import { t as e } from "../../step.component-DuLOqjZk.js";
2
2
  export { e as SbbStepElement };
package/stepper.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./step-label.component-DM7lQw8b.js";
2
- import { t } from "./step.component-sQbJslHx.js";
2
+ import { t } from "./step.component-DuLOqjZk.js";
3
3
  import { n, t as r } from "./stepper.component-8IXNrdx7.js";
4
4
  import "./stepper.pure.js";
5
5
  t.define(), e.define(), n.define();
package/stepper.pure.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { t as e } from "./step-label.component-DM7lQw8b.js";
2
- import { t } from "./step.component-sQbJslHx.js";
2
+ import { t } from "./step.component-DuLOqjZk.js";
3
3
  import { n, t as r } from "./stepper.component-8IXNrdx7.js";
4
4
  export { r as SbbStepChangeEvent, t as SbbStepElement, e as SbbStepLabelElement, n as SbbStepperElement };
package/alert.component-C42LwoGa.js DELETED
@@ -1,163 +0,0 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { html as n, nothing as r, unsafeCSS as i } from "lit";
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, i18nCloseAlert as d, isLean as f, isZeroAnimationDuration as p } from "./core.js";
5
- import { SbbTransparentButtonElement as m } from "./button.pure.js";
6
- import { SbbDividerElement as h } from "./divider.pure.js";
7
- import { SbbIconNameMixin as g } from "./icon.pure.js";
8
- //#region src/elements/alert/alert/alert.scss?inline
9
- var _ = ":host{display:block;--sbb-alert-background-color: var(--sbb-background-color-1-inverted);--sbb-alert-border-radius: var(--sbb-border-radius-4x);--sbb-alert-color: var(--sbb-color-aluminium);--sbb-alert-color: light-dark(var(--sbb-color-aluminium), var(--sbb-color-anthracite));--sbb-alert-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);--sbb-alert-icon-size: 1.25rem;--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs);--sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);--sbb-alert-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-alert-timing-function: ease-in;--sbb-alert-title-margin-block: 0}@media(min-width:64rem){:host{--sbb-alert-icon-size: 1.75rem}}@media(forced-colors:active){:host{outline:var(--sbb-border-width-1x) solid CanvasText;border-radius:var(--sbb-alert-border-radius)}}:host(:is(:state(state-opening),[state--state-opening]):not([animation=open],[animation=all])){--sbb-disable-animation-duration: 0s}:host(:is(:state(state-closing),[state--state-closing]):not([animation=close],[animation=all])){--sbb-disable-animation-duration: 0s}:host([size=s]){--sbb-alert-gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-responsive-xxs);--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxxs)}:host([size=l]){--sbb-alert-icon-size: var(--sbb-size-icon-ui-small);--sbb-alert-title-margin-block: 0 var(--sbb-spacing-fixed-1x)}@media(min-width:64rem){:host([size=l]){--sbb-alert-icon-size: 2.125rem}}:host(:not(:is(:state(dark),[state--dark]))){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-alert__transition-wrapper{display:grid;grid-template-rows:0fr;opacity:0}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-alert__transition-wrapper{grid-template-rows:1fr;opacity:1}:host(:is(:state(state-opening),[state--state-opening])) .sbb-alert__transition-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-alert-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-alert__transition-wrapper{animation-name:close-opacity,close;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x))}.sbb-alert__transition-sub-wrapper{overflow:hidden}.sbb-alert{--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);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sbb-alert-gap);min-width:fit-content;padding:var(--sbb-alert-padding);overflow:hidden;color:var(--sbb-alert-color);background-color:var(--sbb-alert-background-color);border-radius:var(--sbb-alert-border-radius)}@media(min-width:37.5rem){.sbb-alert{grid-template-columns:auto 1fr auto;align-items:flex-start}}.sbb-alert__icon{display:flex;align-items:start;padding-block:var(--sbb-spacing-fixed-1x);min-width:var(--sbb-alert-icon-size);--sbb-icon-svg-width: var(--sbb-alert-icon-size);--sbb-icon-svg-height: var(--sbb-alert-icon-size)}.sbb-alert__content{color-scheme:only light;order:3;grid-column:1/3}@media(min-width:37.5rem){.sbb-alert__content{order:initial;grid-column-start:initial;grid-column-end:initial}}.sbb-alert__content-slot{display:inline;margin:0;padding:0}.sbb-alert__close-button-wrapper{color-scheme:only light;display:flex;justify-content:flex-end;align-items:center;height:100%}@media(min-width:37.5rem){.sbb-alert__close-button{margin-inline-start:var(--sbb-alert-close-icon-margin)}}.sbb-alert__close-button-divider{display:none}@media(min-width:37.5rem){.sbb-alert__close-button-divider{display:block;height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr}to{grid-template-rows:0fr}}@keyframes close-opacity{0%{opacity:1}to{opacity:0}}::slotted(sbb-title){margin-block:var(--sbb-alert-title-margin-block)}", v = (() => {
10
- let v = g(l(c)), y, b = [], x = [], S, C = [], w = [];
11
- return class extends v {
12
- constructor() {
13
- super(...arguments), this.#e = t(this, b, f() ? "s" : "m"), this.#t = (t(this, x), t(this, C, "all")), this._language = (t(this, w), new s(this)), this._darkModeController = new o(this, () => {
14
- this._syncLinks(), this._configureTitle(), this.requestUpdate();
15
- });
16
- }
17
- static {
18
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
19
- y = [a({ reflect: !0 })], S = [a({ reflect: !0 })], e(this, null, y, {
20
- kind: "accessor",
21
- name: "size",
22
- static: !1,
23
- private: !1,
24
- access: {
25
- has: (e) => "size" in e,
26
- get: (e) => e.size,
27
- set: (e, t) => {
28
- e.size = t;
29
- }
30
- },
31
- metadata: t
32
- }, b, x), e(this, null, S, {
33
- kind: "accessor",
34
- name: "animation",
35
- static: !1,
36
- private: !1,
37
- access: {
38
- has: (e) => "animation" in e,
39
- get: (e) => e.animation,
40
- set: (e, t) => {
41
- e.animation = t;
42
- }
43
- },
44
- metadata: t
45
- }, C, w), t && Object.defineProperty(this, Symbol.metadata, {
46
- enumerable: !0,
47
- configurable: !0,
48
- writable: !0,
49
- value: t
50
- });
51
- }
52
- static {
53
- this.elementName = "sbb-alert";
54
- }
55
- static {
56
- this.elementDependencies = [m, h];
57
- }
58
- static {
59
- this.styles = [u, i(_)];
60
- }
61
- static {
62
- this.events = {
63
- beforeopen: "beforeopen",
64
- open: "open",
65
- beforeclose: "beforeclose",
66
- close: "close"
67
- };
68
- }
69
- #e;
70
- get size() {
71
- return this.#e;
72
- }
73
- set size(e) {
74
- this.#e = e;
75
- }
76
- #t;
77
- get animation() {
78
- return this.#t;
79
- }
80
- set animation(e) {
81
- this.#t = e;
82
- }
83
- open() {
84
- this.state = "opening", this.dispatchBeforeOpenEvent() && this._isZeroAnimationDuration() && this._handleOpening();
85
- }
86
- close() {
87
- this.state === "opened" && this.dispatchBeforeCloseEvent() && (this.state = "closing", this._isZeroAnimationDuration() && this._handleClosing());
88
- }
89
- firstUpdated(e) {
90
- super.firstUpdated(e), this.open();
91
- }
92
- willUpdate(e) {
93
- super.willUpdate(e), e.has("size") && this._configureTitle();
94
- }
95
- _isZeroAnimationDuration() {
96
- return p(this, "--sbb-alert-animation-duration");
97
- }
98
- _onAnimationEnd(e) {
99
- this.state === "opening" && e.animationName === "open-opacity" ? this._handleOpening() : this.state === "closing" && e.animationName === "close" && this._handleClosing();
100
- }
101
- _handleOpening() {
102
- this.state = "opened", this.dispatchOpenEvent();
103
- }
104
- _handleClosing() {
105
- this.state = "closed", this.dispatchCloseEvent(), setTimeout(() => this.remove());
106
- }
107
- _handleSlotchange() {
108
- this._syncLinks();
109
- let e = Array.from(this.children).find((e) => e.localName === "sbb-title");
110
- e && (e.slot = "title");
111
- }
112
- _syncLinks() {
113
- Array.from(this.querySelectorAll?.("sbb-link") ?? []).forEach((e) => {
114
- customElements.upgrade(e), e.negative = this._isLightMode();
115
- });
116
- }
117
- _configureTitle() {
118
- let e = this.querySelector?.("sbb-title");
119
- e && (customElements.upgrade(e), e.negative = this._isLightMode(), e.visualLevel = this.size === "l" ? "3" : "5");
120
- }
121
- _isLightMode() {
122
- return !this._darkModeController.matches();
123
- }
124
- renderIconName() {
125
- return super.renderIconName() || "info";
126
- }
127
- render() {
128
- return n`
129
- <div class="sbb-alert__transition-wrapper" @animationend=${this._onAnimationEnd}>
130
- <!-- sub wrapper needed to properly support fade in animation -->
131
- <div class="sbb-alert__transition-sub-wrapper">
132
- <div class="sbb-alert">
133
- <span class="sbb-alert__icon"> ${this.renderIconSlot()} </span>
134
- <span class="sbb-alert__content">
135
- <slot name="title" @slotchange=${this._configureTitle}></slot>
136
- <p class="sbb-alert__content-slot">
137
- <slot @slotchange=${this._handleSlotchange}></slot>
138
- </p>
139
- </span>
140
- ${this.readOnly ? r : n`<span class="sbb-alert__close-button-wrapper">
141
- <sbb-divider
142
- orientation="vertical"
143
- ?negative=${this._isLightMode()}
144
- class="sbb-alert__close-button-divider"
145
- ></sbb-divider>
146
- <sbb-transparent-button
147
- ?negative=${this._isLightMode()}
148
- size=${this.size === "l" ? "m" : this.size}
149
- icon-name="cross-small"
150
- @click=${() => this.close()}
151
- aria-label=${d[this._language.current]}
152
- class="sbb-alert__close-button"
153
- ></sbb-transparent-button>
154
- </span>`}
155
- </div>
156
- </div>
157
- </div>
158
- `;
159
- }
160
- };
161
- })();
162
- //#endregion
163
- export { v as t };