@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776756036 → 5.0.0-next-dev.1776760633
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/autocomplete/autocomplete-base-element.js +1 -1
- package/autocomplete/autocomplete.component.js +1 -1
- package/{autocomplete-base-element-B7fDDO1F.js → autocomplete-base-element-gPLexIVc.js} +1 -1
- package/autocomplete.js +1 -1
- package/autocomplete.pure.js +1 -1
- package/core/styles/host-scrollbar.scss +6 -0
- package/core/styles/mixins/scrollbar.scss +5 -8
- package/core/styles/scrollbar.scss +10 -8
- package/core/styles/styles.js +2 -2
- package/core.css +2 -2
- package/core.js +2 -2
- package/custom-elements.json +13 -1
- package/development/autocomplete/autocomplete-base-element.js +1 -1
- package/development/autocomplete/autocomplete.component.js +1 -1
- package/development/{autocomplete-base-element-DnpaK_k3.js → autocomplete-base-element-8hV4-ys6.js} +2 -2
- package/development/autocomplete.js +1 -1
- package/development/autocomplete.pure.js +1 -1
- package/development/core/styles/styles.d.ts +1 -0
- package/development/core/styles/styles.d.ts.map +1 -1
- package/development/core/styles/styles.js +2 -2
- package/development/core.js +2 -2
- package/development/dialog/dialog-content/dialog-content.component.d.ts +1 -0
- package/development/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
- package/development/dialog/dialog-content/dialog-content.component.js +1 -1
- package/development/dialog-content.component-DlSxpY_e.js +34 -0
- package/development/dialog.js +1 -1
- package/development/dialog.pure.js +1 -1
- package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.d.ts.map +1 -1
- package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
- package/development/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.d.ts.map +1 -1
- package/development/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +1 -1
- package/development/icon-sidebar-content.component-CfkM9k--.js +35 -0
- package/development/{icon-sidebar.component-xzwoc_4y.js → icon-sidebar.component-Cgvuxg4k.js} +3 -3
- package/development/icon-sidebar.js +2 -2
- package/development/icon-sidebar.pure.js +2 -2
- package/development/map-container/map-container.component.js +1 -1
- package/development/{map-container.component-mzZ_K_fR.js → map-container.component-rgU7ZofE.js} +2 -2
- package/development/map-container.js +1 -1
- package/development/map-container.pure.js +1 -1
- package/development/menu/menu/menu.component.js +1 -1
- package/development/{menu.component-BM7hhOb4.js → menu.component-DbNRrGYy.js} +2 -2
- package/development/menu.js +1 -1
- package/development/menu.pure.js +1 -1
- package/development/navigation/navigation/navigation.component.js +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +1 -1
- package/development/{navigation-section.component-6tqZADWM.js → navigation-section.component-BSvxMUxM.js} +2 -2
- package/development/{navigation.component-DUy2QGHI.js → navigation.component-lgvLMF5e.js} +2 -2
- package/development/navigation.js +2 -2
- package/development/navigation.pure.js +2 -2
- package/development/overlay/overlay.component.js +1 -1
- package/development/{overlay.component-CA0fWX47.js → overlay.component-iy6QUYWU.js} +2 -2
- package/development/overlay.js +1 -1
- package/development/overlay.pure.js +1 -1
- package/development/popover/popover.component.js +1 -1
- package/development/{popover.component-B1gMzBuv.js → popover.component-C-zVDwjc.js} +2 -2
- package/development/popover.js +1 -1
- package/development/popover.pure.js +1 -1
- package/development/select/select.component.js +1 -1
- package/development/{select.component-CqwBdtsN.js → select.component-Ibby7Q-L.js} +2 -2
- package/development/select.js +1 -1
- package/development/select.pure.js +1 -1
- package/development/sidebar/sidebar/sidebar.component.js +1 -1
- package/development/sidebar/sidebar-content/sidebar-content.component.d.ts +1 -2
- package/development/sidebar/sidebar-content/sidebar-content.component.d.ts.map +1 -1
- package/development/sidebar/sidebar-content/sidebar-content.component.js +1 -1
- package/development/{sidebar-content.component-Os9gd7zB.js → sidebar-content.component-DbcREBUa.js} +8 -5
- package/development/{sidebar.component-CwuT6dno.js → sidebar.component-zMWbdz0h.js} +2 -2
- package/development/sidebar.js +2 -2
- package/development/sidebar.pure.js +2 -2
- package/development/styles-DcuJgwEt.js +14 -0
- package/development/tab.component-BVhYPy5Y.js +68 -0
- package/development/table/table-wrapper/table-wrapper.component.d.ts.map +1 -1
- package/development/table/table-wrapper/table-wrapper.component.js +1 -1
- package/development/table-wrapper.component-DcLwEDzr.js +119 -0
- package/development/table.js +1 -1
- package/development/table.pure.js +1 -1
- package/development/tabs/tab/tab.component.d.ts.map +1 -1
- package/development/tabs/tab/tab.component.js +1 -1
- package/development/tabs.js +1 -1
- package/development/tabs.pure.js +1 -1
- package/development/train/train-formation/train-formation.component.js +1 -1
- package/development/{train-formation.component-CfdHRBsd.js → train-formation.component-BoQcwy6n.js} +2 -2
- package/development/train.js +1 -1
- package/development/train.pure.js +1 -1
- package/dialog/dialog-content/dialog-content.component.js +1 -1
- package/dialog-content.component-C_Gr8BNL.js +22 -0
- package/dialog.js +1 -1
- package/dialog.pure.js +1 -1
- package/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
- package/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +1 -1
- package/{icon-sidebar-content.component-DlUqWEAX.js → icon-sidebar-content.component-lFstg91Y.js} +9 -5
- package/{icon-sidebar.component-DbA4omxc.js → icon-sidebar.component-D0TtF-kR.js} +11 -11
- package/icon-sidebar.js +2 -2
- package/icon-sidebar.pure.js +2 -2
- package/map-container/map-container.component.js +1 -1
- package/{map-container.component-Cqn9mKoo.js → map-container.component-De-8Tsau.js} +1 -1
- package/map-container.js +1 -1
- package/map-container.pure.js +1 -1
- package/menu/menu/menu.component.js +1 -1
- package/{menu.component-i-X_ag2Y.js → menu.component-KdXwqe55.js} +1 -1
- package/menu.js +1 -1
- package/menu.pure.js +1 -1
- package/navigation/navigation/navigation.component.js +1 -1
- package/navigation/navigation-section/navigation-section.component.js +1 -1
- package/{navigation-section.component-Db2MWBDn.js → navigation-section.component-DrnbQAZX.js} +1 -1
- package/{navigation.component-Bym1kjzt.js → navigation.component-D6HU-F51.js} +1 -1
- package/navigation.js +2 -2
- package/navigation.pure.js +2 -2
- package/off-brand-theme.css +53 -55
- package/overlay/overlay.component.js +1 -1
- package/overlay.component-bHg2Xk6D.js +161 -0
- 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-Dd4rKGml.js → popover.component-BCLBnddM.js} +1 -1
- package/popover.js +1 -1
- package/popover.pure.js +1 -1
- package/safety-theme.css +53 -55
- package/scrollbar.css +51 -53
- package/select/select.component.js +1 -1
- package/{select.component-Cu3ewc4i.js → select.component-BcDZm7EM.js} +1 -1
- package/select.js +1 -1
- package/select.pure.js +1 -1
- package/sidebar/sidebar/sidebar.component.js +1 -1
- package/sidebar/sidebar-content/sidebar-content.component.js +1 -1
- package/{sidebar-content.component-DEgmt4BB.js → sidebar-content.component-CYupfsq_.js} +9 -5
- package/{sidebar.component-Bxt8pWMf.js → sidebar.component-Sw06otwx.js} +1 -1
- package/sidebar.js +2 -2
- package/sidebar.pure.js +2 -2
- package/standard-theme.css +53 -55
- package/styles-swTeDfst.js +5 -0
- package/{tab.component-D39b0S04.js → tab.component-D6hfhlZw.js} +6 -6
- package/table/table-wrapper/table-wrapper.component.js +1 -1
- package/{table-wrapper.component-C36NdMWS.js → table-wrapper.component-Dxb8kzV3.js} +13 -13
- package/table.js +1 -1
- package/table.pure.js +1 -1
- package/tabs/tab/tab.component.js +1 -1
- package/tabs.js +1 -1
- package/tabs.pure.js +1 -1
- package/train/train-formation/train-formation.component.js +1 -1
- package/{train-formation.component-5AASBGSX.js → train-formation.component-B8IFJ_7b.js} +1 -1
- package/train.js +1 -1
- package/train.pure.js +1 -1
- package/development/dialog-content.component-B3VB2ptp.js +0 -30
- package/development/icon-sidebar-content.component-CMzp1ewD.js +0 -31
- package/development/styles-CcYw6JtZ.js +0 -8
- package/development/tab.component-CvzGdR9_.js +0 -68
- package/development/table-wrapper.component-iSeT-FPH.js +0 -119
- package/dialog-content.component-DvJiuDJI.js +0 -19
- package/overlay.component-BydJOM2r.js +0 -161
- package/styles-x5HG0xjp.js +0 -6
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { html, isServer, unsafeCSS } from "lit";
|
|
3
|
-
import { property } from "lit/decorators.js";
|
|
4
|
-
import { SbbElement, SbbNegativeMixin, forceType } from "./core.js";
|
|
5
|
-
import { ResizeController } from "@lit-labs/observers/resize-controller.js";
|
|
6
|
-
//#region src/elements/table/table-wrapper/table-wrapper.scss?inline
|
|
7
|
-
var table_wrapper_default = ":host {\n display: block;\n overflow: auto;\n}\n\n:host(:focus-visible) {\n outline-offset: var(--sbb-focus-outline-offset);\n outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n}\n\n::slotted(.sbb-table) {\n width: 100%;\n}";
|
|
8
|
-
//#endregion
|
|
9
|
-
//#region src/elements/table/table-wrapper/table-wrapper.component.ts
|
|
10
|
-
/**
|
|
11
|
-
* Wraps a table to enhance its functionality.
|
|
12
|
-
*
|
|
13
|
-
* @slot - Use the unnamed slot to add the table.
|
|
14
|
-
*/
|
|
15
|
-
var SbbTableWrapperElement = (() => {
|
|
16
|
-
let _classSuper = SbbNegativeMixin(SbbElement);
|
|
17
|
-
let _focusable_decorators;
|
|
18
|
-
let _focusable_initializers = [];
|
|
19
|
-
let _focusable_extraInitializers = [];
|
|
20
|
-
return class SbbTableWrapperElement extends _classSuper {
|
|
21
|
-
static {
|
|
22
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
23
|
-
_focusable_decorators = [forceType(), property({
|
|
24
|
-
reflect: true,
|
|
25
|
-
type: Boolean
|
|
26
|
-
})];
|
|
27
|
-
__esDecorate(this, null, _focusable_decorators, {
|
|
28
|
-
kind: "accessor",
|
|
29
|
-
name: "focusable",
|
|
30
|
-
static: false,
|
|
31
|
-
private: false,
|
|
32
|
-
access: {
|
|
33
|
-
has: (obj) => "focusable" in obj,
|
|
34
|
-
get: (obj) => obj.focusable,
|
|
35
|
-
set: (obj, value) => {
|
|
36
|
-
obj.focusable = value;
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
metadata: _metadata
|
|
40
|
-
}, _focusable_initializers, _focusable_extraInitializers);
|
|
41
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
42
|
-
enumerable: true,
|
|
43
|
-
configurable: true,
|
|
44
|
-
writable: true,
|
|
45
|
-
value: _metadata
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
static {
|
|
49
|
-
this.elementName = "sbb-table-wrapper";
|
|
50
|
-
}
|
|
51
|
-
static {
|
|
52
|
-
this.role = "section";
|
|
53
|
-
}
|
|
54
|
-
static {
|
|
55
|
-
this.styles = unsafeCSS(table_wrapper_default);
|
|
56
|
-
}
|
|
57
|
-
#focusable_accessor_storage = __runInitializers(this, _focusable_initializers, false);
|
|
58
|
-
/** Whether the table wrapper is focusable. */
|
|
59
|
-
get focusable() {
|
|
60
|
-
return this.#focusable_accessor_storage;
|
|
61
|
-
}
|
|
62
|
-
set focusable(value) {
|
|
63
|
-
this.#focusable_accessor_storage = value;
|
|
64
|
-
}
|
|
65
|
-
constructor() {
|
|
66
|
-
super();
|
|
67
|
-
__runInitializers(this, _focusable_extraInitializers);
|
|
68
|
-
this.addController(new ResizeController(this, {
|
|
69
|
-
skipInitial: true,
|
|
70
|
-
callback: () => this._checkHorizontalScrollbarOffset()
|
|
71
|
-
}));
|
|
72
|
-
this.addEventListener?.("scroll", () => this._checkHorizontalScrollbarOffset(), { passive: true });
|
|
73
|
-
}
|
|
74
|
-
connectedCallback() {
|
|
75
|
-
super.connectedCallback();
|
|
76
|
-
this._updateScrollbarClass();
|
|
77
|
-
}
|
|
78
|
-
willUpdate(changedProperties) {
|
|
79
|
-
super.willUpdate(changedProperties);
|
|
80
|
-
if (changedProperties.has("focusable")) if (this.focusable) {
|
|
81
|
-
if (!this.hasAttribute("tabindex")) this.setAttribute("tabindex", "0");
|
|
82
|
-
} else this.removeAttribute("tabindex");
|
|
83
|
-
if (changedProperties.has("negative")) this._updateScrollbarClass();
|
|
84
|
-
}
|
|
85
|
-
_updateScrollbarClass() {
|
|
86
|
-
if (isServer) return;
|
|
87
|
-
if (this.negative) {
|
|
88
|
-
this.classList.remove("sbb-scrollbar-thick-track-visible");
|
|
89
|
-
this.classList.add("sbb-scrollbar-thick-negative-track-visible");
|
|
90
|
-
} else {
|
|
91
|
-
this.classList.remove("sbb-scrollbar-thick-negative-track-visible");
|
|
92
|
-
this.classList.add("sbb-scrollbar-thick-track-visible");
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
/**
|
|
96
|
-
* Calculates whether the table is horizontally scrolled and adds the
|
|
97
|
-
* corresponding class `sbb-table-wrapper-offset-${none | left | right | both}`
|
|
98
|
-
*/
|
|
99
|
-
_checkHorizontalScrollbarOffset() {
|
|
100
|
-
const state = this._calculateScrollOffset();
|
|
101
|
-
this.classList.remove(`sbb-table-wrapper-offset-none`, `sbb-table-wrapper-offset-left`, `sbb-table-wrapper-offset-right`, `sbb-table-wrapper-offset-both`);
|
|
102
|
-
this.classList.add(`sbb-table-wrapper-offset-${state}`);
|
|
103
|
-
}
|
|
104
|
-
_calculateScrollOffset() {
|
|
105
|
-
if (this.scrollWidth === this.offsetWidth) return "none";
|
|
106
|
-
const isAtStart = this.scrollLeft === 0;
|
|
107
|
-
const isAtEnd = this.scrollWidth - this.scrollLeft - this.offsetWidth <= 1;
|
|
108
|
-
if (isAtStart) return isAtEnd ? "none" : "right";
|
|
109
|
-
return isAtEnd ? "left" : "both";
|
|
110
|
-
}
|
|
111
|
-
render() {
|
|
112
|
-
return html`<slot></slot>`;
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
})();
|
|
116
|
-
//#endregion
|
|
117
|
-
export { SbbTableWrapperElement as t };
|
|
118
|
-
|
|
119
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci5jb21wb25lbnQtaVNlVC1GUEguanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYmxlL3RhYmxlLXdyYXBwZXIvdGFibGUtd3JhcHBlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJsZS90YWJsZS13cmFwcGVyL3RhYmxlLXdyYXBwZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuXG46aG9zdCg6Zm9jdXMtdmlzaWJsZSkge1xuICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcbn1cblxuOjpzbG90dGVkKC5zYmItdGFibGUpIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4iLCJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBpc1NlcnZlcixcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGZvcmNlVHlwZSwgU2JiRWxlbWVudCwgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWJsZS13cmFwcGVyLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBXcmFwcyBhIHRhYmxlIHRvIGVuaGFuY2UgaXRzIGZ1bmN0aW9uYWxpdHkuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgdGhlIHRhYmxlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGFibGVXcmFwcGVyRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRhYmxlLXdyYXBwZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAnc2VjdGlvbic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHVuc2FmZUNTUyhzdHlsZSk7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHdyYXBwZXIgaXMgZm9jdXNhYmxlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZm9jdXNhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICAgICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhck9mZnNldCgpLFxuICAgICAgfSksXG4gICAgKTtcblxuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdzY3JvbGwnLCAoKSA9PiB0aGlzLl9jaGVja0hvcml6b250YWxTY3JvbGxiYXJPZmZzZXQoKSwge1xuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQXMgd2UgY2FuJ3QgaW5jbHVkZSB0aGUgc2Nyb2xsYmFyIG1peGluIG9uIHRoZSBob3N0IGFuZCB0byBtaW5pbWl6ZVxuICAgIC8vIHBheWxvYWQsIHdlIGRlY2lkZWQgdG8gYWRkIHRoZSBzY3JvbGxiYXIgY2xhc3MgaGVyZS5cbiAgICAvLyBUaGlzIGlzIGFuIGV4Y2VwdGlvbiBhcyB3ZSBub3JtYWxseSBkb24ndCBhbHRlciB0aGUgY2xhc3NMaXN0IG9mIHRoZSBob3N0LlxuICAgIHRoaXMuX3VwZGF0ZVNjcm9sbGJhckNsYXNzKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2ZvY3VzYWJsZScpKSB7XG4gICAgICBpZiAodGhpcy5mb2N1c2FibGUpIHtcbiAgICAgICAgaWYgKCF0aGlzLmhhc0F0dHJpYnV0ZSgndGFiaW5kZXgnKSkge1xuICAgICAgICAgIHRoaXMuc2V0QXR0cmlidXRlKCd0YWJpbmRleCcsICcwJyk7XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ25lZ2F0aXZlJykpIHtcbiAgICAgIHRoaXMuX3VwZGF0ZVNjcm9sbGJhckNsYXNzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfdXBkYXRlU2Nyb2xsYmFyQ2xhc3MoKTogdm9pZCB7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLm5lZ2F0aXZlKSB7XG4gICAgICB0aGlzLmNsYXNzTGlzdC5yZW1vdmUoJ3NiYi1zY3JvbGxiYXItdGhpY2stdHJhY2stdmlzaWJsZScpO1xuICAgICAgdGhpcy5jbGFzc0xpc3QuYWRkKCdzYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbGFzc0xpc3QucmVtb3ZlKCdzYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUnKTtcbiAgICAgIHRoaXMuY2xhc3NMaXN0LmFkZCgnc2JiLXNjcm9sbGJhci10aGljay10cmFjay12aXNpYmxlJyk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqICBDYWxjdWxhdGVzIHdoZXRoZXIgdGhlIHRhYmxlIGlzIGhvcml6b250YWxseSBzY3JvbGxlZCBhbmQgYWRkcyB0aGVcbiAgICogIGNvcnJlc3BvbmRpbmcgY2xhc3MgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC0ke25vbmUgfCBsZWZ0IHwgcmlnaHQgfCBib3RofWBcbiAgICovXG4gIHByaXZhdGUgX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhck9mZnNldCgpOiB2b2lkIHtcbiAgICBjb25zdCBzdGF0ZSA9IHRoaXMuX2NhbGN1bGF0ZVNjcm9sbE9mZnNldCgpO1xuICAgIHRoaXMuY2xhc3NMaXN0LnJlbW92ZShcbiAgICAgIGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtbm9uZWAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LWxlZnRgLFxuICAgICAgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC1yaWdodGAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LWJvdGhgLFxuICAgICk7XG4gICAgdGhpcy5jbGFzc0xpc3QuYWRkKGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtJHtzdGF0ZX1gKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NhbGN1bGF0ZVNjcm9sbE9mZnNldCgpOiAnbm9uZScgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdGgnIHtcbiAgICBpZiAodGhpcy5zY3JvbGxXaWR0aCA9PT0gdGhpcy5vZmZzZXRXaWR0aCkge1xuICAgICAgcmV0dXJuICdub25lJztcbiAgICB9XG4gICAgY29uc3QgaXNBdFN0YXJ0ID0gdGhpcy5zY3JvbGxMZWZ0ID09PSAwO1xuICAgIC8vIEluIHNvbWUgY2FzZXMgdGhlIGNvbWJpbmVkIHZhbHVlIG9mIHNjcm9sbExlZnQgYW5kIG9mZnNldFdpZHRoIGlzIG9mZiBieVxuICAgIC8vIDEgcGl4ZWwgZnJvbSB0aGUgc2Nyb2xsV2lkdGguXG4gICAgY29uc3QgaXNBdEVuZCA9IHRoaXMuc2Nyb2xsV2lkdGggLSB0aGlzLnNjcm9sbExlZnQgLSB0aGlzLm9mZnNldFdpZHRoIDw9IDE7XG5cbiAgICBpZiAoaXNBdFN0YXJ0KSB7XG4gICAgICByZXR1cm4gaXNBdEVuZCA/ICdub25lJyA6ICdyaWdodCc7XG4gICAgfVxuICAgIHJldHVybiBpc0F0RW5kID8gJ2xlZnQnIDogJ2JvdGgnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWJsZS13cmFwcGVyJzogU2JiVGFibGVXcmFwcGVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztJQ29CYSxnQ0FBc0I7bUJBQVMsaUJBQWlCLFdBQVc7Ozs7Y0FBM0QsK0JBQStCLFlBQTRCOzs7NEJBTXJFLFdBQVcsRUFDWCxTQUFTO0lBQUUsU0FBUztJQUFNLE1BQU07SUFBUyxDQUFDLENBQUE7QUFDM0MsZ0JBQUEsTUFBQSxNQUFBLHVCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsZUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFTLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBVCxZQUFTOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEseUJBQUEsNkJBQUE7Ozs7Ozs7OztBQVBPLFFBQUEsY0FBc0I7OztBQUN0QixRQUFBLE9BQU87OztBQUNoQixRQUFBLFNBQXlCLFVBQVUsc0JBQU07O0VBS2hFLDhCQUFBLGtCQUFBLE1BQUEseUJBQXFDLE1BQUs7O0VBQTFDLElBQWdCLFlBQVM7QUFBQSxVQUFBLE1BQUE7O0VBQXpCLElBQWdCLFVBQVMsT0FBQTtBQUFBLFNBQUEsNkJBQUE7O0VBRXpCLGNBQUE7QUFDRSxVQUFPOztBQUNQLFFBQUssY0FDSCxJQUFJLGlCQUFpQixNQUFNO0lBQ3pCLGFBQWE7SUFDYixnQkFBZ0IsS0FBSyxpQ0FBQTtJQUN0QixDQUFDLENBQ0g7QUFFRCxRQUFLLG1CQUFtQixnQkFBZ0IsS0FBSyxpQ0FBaUMsRUFBRSxFQUM5RSxTQUFTLE1BQ1YsQ0FBQzs7RUFHWSxvQkFBaUI7QUFDL0IsU0FBTSxtQkFBbUI7QUFLekIsUUFBSyx1QkFBdUI7O0VBR1gsV0FBVyxtQkFBdUM7QUFDbkUsU0FBTSxXQUFXLGtCQUFrQjtBQUVuQyxPQUFJLGtCQUFrQixJQUFJLFlBQVksQ0FDcEMsS0FBSSxLQUFLO1FBQ0gsQ0FBQyxLQUFLLGFBQWEsV0FBVyxDQUNoQyxNQUFLLGFBQWEsWUFBWSxJQUFJO1NBR3BDLE1BQUssZ0JBQWdCLFdBQVc7QUFJcEMsT0FBSSxrQkFBa0IsSUFBSSxXQUFXLENBQ25DLE1BQUssdUJBQXVCOztFQUl4Qix3QkFBcUI7QUFDM0IsT0FBSSxTQUNGO0FBRUYsT0FBSSxLQUFLLFVBQVU7QUFDakIsU0FBSyxVQUFVLE9BQU8sb0NBQW9DO0FBQzFELFNBQUssVUFBVSxJQUFJLDZDQUE2QztVQUMzRDtBQUNMLFNBQUssVUFBVSxPQUFPLDZDQUE2QztBQUNuRSxTQUFLLFVBQVUsSUFBSSxvQ0FBb0M7Ozs7Ozs7RUFRbkQsa0NBQStCO0dBQ3JDLE1BQU0sUUFBUSxLQUFLLHdCQUF3QjtBQUMzQyxRQUFLLFVBQVUsT0FDYixpQ0FDQSxpQ0FDQSxrQ0FDQSxnQ0FDRDtBQUNELFFBQUssVUFBVSxJQUFJLDRCQUE0QixRQUFROztFQUdqRCx5QkFBc0I7QUFDNUIsT0FBSSxLQUFLLGdCQUFnQixLQUFLLFlBQzVCLFFBQU87R0FFVCxNQUFNLFlBQVksS0FBSyxlQUFlO0dBR3RDLE1BQU0sVUFBVSxLQUFLLGNBQWMsS0FBSyxhQUFhLEtBQUssZUFBZTtBQUV6RSxPQUFJLFVBQ0YsUUFBTyxVQUFVLFNBQVM7QUFFNUIsVUFBTyxVQUFVLFNBQVM7O0VBR1QsU0FBTTtBQUN2QixVQUFPLElBQUkifQ==
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { html as e, unsafeCSS as t } from "lit";
|
|
2
|
-
import { SbbElement as n } from "./core.js";
|
|
3
|
-
//#region src/elements/dialog/dialog-content/dialog-content.scss?inline
|
|
4
|
-
var r = ":host{display:block;padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);grid-area:content;overflow:auto}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: calc(var(--sbb-focus-outline-width) * -1)}", i = class extends n {
|
|
5
|
-
static {
|
|
6
|
-
this.elementName = "sbb-dialog-content";
|
|
7
|
-
}
|
|
8
|
-
static {
|
|
9
|
-
this.styles = t(r);
|
|
10
|
-
}
|
|
11
|
-
connectedCallback() {
|
|
12
|
-
super.connectedCallback(), this.classList.add("sbb-scrollbar");
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
return e`<slot></slot>`;
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
//#endregion
|
|
19
|
-
export { i as t };
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, overlayRefs as n } from "./overlay/overlay-base-element.js";
|
|
2
|
-
import { __esDecorate as r, __runInitializers as i } from "tslib";
|
|
3
|
-
import { unsafeCSS as a } from "lit";
|
|
4
|
-
import { property as o } from "lit/decorators.js";
|
|
5
|
-
import { SbbScreenReaderOnlyElement as s, boxSizingStyles as c, forceType as l, forwardEvent as u, i18nCloseDialog as d, isZeroAnimationDuration as f } from "./core.js";
|
|
6
|
-
import { html as p } from "lit/static-html.js";
|
|
7
|
-
import { SbbSecondaryButtonElement as m } from "./button.pure.js";
|
|
8
|
-
import { ref as h } from "lit/directives/ref.js";
|
|
9
|
-
import { SbbContainerElement as g } from "./container.pure.js";
|
|
10
|
-
//#region src/elements/overlay/overlay.scss?inline
|
|
11
|
-
var _ = ":host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--_sbb-overlay-padding-block: calc( var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l) );--sbb-overlay-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:var(--sbb-overlay-display);position:fixed;inset:var(--sbb-overlay-inset);z-index:var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index))}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-overlay-display: block;--sbb-overlay-container-display: flex}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-overlay-pointer-events: all}:host([negative]){--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-overlay-color: var(--sbb-color-1-negative);--sbb-overlay-background-color: var(--sbb-background-color-3-negative)}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-overlay-inset: 0}.sbb-overlay__container{background-color:var(--sbb-overlay-background-color);pointer-events:var(--sbb-overlay-pointer-events);display:var(--sbb-overlay-container-display);align-items:center;position:fixed;inset:var(--sbb-overlay-inset)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay__container{animation-name:open;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay__container{pointer-events:none;animation-name:close}.sbb-overlay{position:absolute;inset-inline:0;margin:auto;padding:0;border:none;height:var(--sbb-overlay-height);overflow:auto;color:var(--sbb-overlay-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay{animation-name:open-move-in;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay{animation-name:close-move-out}.sbb-overlay__wrapper{display:flex;flex-direction:column;width:100%;height:var(--sbb-overlay-height);outline:none;position:fixed}@media(min-width:64rem){.sbb-overlay__wrapper{position:sticky;inset-block-start:0;height:auto}}.sbb-overlay__header{position:absolute;inset-inline-start:0;display:flex;pointer-events:none;align-items:start;justify-content:space-between;width:100%;padding:var(--sbb-spacing-responsive-xs);padding-block-end:0;z-index:1}.sbb-overlay__header *{pointer-events:all}.sbb-overlay__close{margin-inline-start:auto}.sbb-overlay__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-overlay__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-overlay__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-overlay__content::-webkit-scrollbar-button,.sbb-overlay__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-overlay__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-overlay__content{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.sbb-overlay__content-container{padding-block:var(--_sbb-overlay-padding-block)}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open-move-in{0%{transform:translateY(var(--sbb-spacing-fixed-4x))}to{transform:translateY(0)}}@keyframes close{0%{opacity:1}to{opacity:0}}@keyframes close-move-out{0%{transform:translateY(0)}to{transform:translateY(var(--sbb-spacing-fixed-4x))}}", v = (() => {
|
|
12
|
-
let v = e, y, b = [], x = [], S, C = [], w = [];
|
|
13
|
-
return class extends v {
|
|
14
|
-
constructor() {
|
|
15
|
-
super(...arguments), this.#e = i(this, b, !1), this.#t = (i(this, x), i(this, C, "")), this.closeAttribute = (i(this, w), "sbb-overlay-close"), this._overlayContentElement = null;
|
|
16
|
-
}
|
|
17
|
-
static {
|
|
18
|
-
let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
|
|
19
|
-
y = [l(), o({
|
|
20
|
-
reflect: !0,
|
|
21
|
-
type: Boolean
|
|
22
|
-
})], S = [l(), o({ attribute: "accessibility-close-label" })], r(this, null, y, {
|
|
23
|
-
kind: "accessor",
|
|
24
|
-
name: "expanded",
|
|
25
|
-
static: !1,
|
|
26
|
-
private: !1,
|
|
27
|
-
access: {
|
|
28
|
-
has: (e) => "expanded" in e,
|
|
29
|
-
get: (e) => e.expanded,
|
|
30
|
-
set: (e, t) => {
|
|
31
|
-
e.expanded = t;
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
metadata: e
|
|
35
|
-
}, b, x), r(this, null, S, {
|
|
36
|
-
kind: "accessor",
|
|
37
|
-
name: "accessibilityCloseLabel",
|
|
38
|
-
static: !1,
|
|
39
|
-
private: !1,
|
|
40
|
-
access: {
|
|
41
|
-
has: (e) => "accessibilityCloseLabel" in e,
|
|
42
|
-
get: (e) => e.accessibilityCloseLabel,
|
|
43
|
-
set: (e, t) => {
|
|
44
|
-
e.accessibilityCloseLabel = t;
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
metadata: e
|
|
48
|
-
}, C, w), e && Object.defineProperty(this, Symbol.metadata, {
|
|
49
|
-
enumerable: !0,
|
|
50
|
-
configurable: !0,
|
|
51
|
-
writable: !0,
|
|
52
|
-
value: e
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
static {
|
|
56
|
-
this.elementName = "sbb-overlay";
|
|
57
|
-
}
|
|
58
|
-
static {
|
|
59
|
-
this.elementDependencies = [
|
|
60
|
-
m,
|
|
61
|
-
g,
|
|
62
|
-
s
|
|
63
|
-
];
|
|
64
|
-
}
|
|
65
|
-
static {
|
|
66
|
-
this.styles = [c, a(_)];
|
|
67
|
-
}
|
|
68
|
-
static {
|
|
69
|
-
this.events = {
|
|
70
|
-
beforeopen: "beforeopen",
|
|
71
|
-
open: "open",
|
|
72
|
-
beforeclose: "beforeclose",
|
|
73
|
-
close: "close"
|
|
74
|
-
};
|
|
75
|
-
}
|
|
76
|
-
#e;
|
|
77
|
-
get expanded() {
|
|
78
|
-
return this.#e;
|
|
79
|
-
}
|
|
80
|
-
set expanded(e) {
|
|
81
|
-
this.#e = e;
|
|
82
|
-
}
|
|
83
|
-
#t;
|
|
84
|
-
get accessibilityCloseLabel() {
|
|
85
|
-
return this.#t;
|
|
86
|
-
}
|
|
87
|
-
set accessibilityCloseLabel(e) {
|
|
88
|
-
this.#t = e;
|
|
89
|
-
}
|
|
90
|
-
firstUpdated(e) {
|
|
91
|
-
super.firstUpdated(e), this.isOpen && this.setAriaLiveRefContent();
|
|
92
|
-
}
|
|
93
|
-
isZeroAnimationDuration() {
|
|
94
|
-
return f(this, "--sbb-overlay-animation-duration");
|
|
95
|
-
}
|
|
96
|
-
handleOpening() {
|
|
97
|
-
this.state = "opened", this.inertController.activate(), this.focusTrapController.focusInitialElement(), setTimeout(() => this.setAriaLiveRefContent(this.accessibilityLabel)), this.focusTrapController.enabled = !0, this.dispatchOpenEvent();
|
|
98
|
-
}
|
|
99
|
-
handleClosing() {
|
|
100
|
-
this._overlayContentElement?.scrollTo(0, 0), this.state = "closed", this.hidePopover?.(), this.inertController.deactivate(), this.skipFocusRestoration || this.lastFocusedElement?.focus(), this.openOverlayController?.abort(), this.focusTrapController.enabled = !1, this.removeInstanceFromGlobalCollection(), n.length || this.scrollHandler.enableScroll(), this.escapableOverlayController.disconnect(), this.dispatchCloseEvent({
|
|
101
|
-
returnValue: this.returnValue,
|
|
102
|
-
closeTarget: this.overlayCloseElement
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
dispatchBeforeCloseEvent(e) {
|
|
106
|
-
return this.dispatchEvent(new t("beforeclose", {
|
|
107
|
-
cancelable: !0,
|
|
108
|
-
closeAttribute: this.closeAttribute,
|
|
109
|
-
closeTarget: this.overlayCloseElement,
|
|
110
|
-
result: this.returnValue
|
|
111
|
-
}));
|
|
112
|
-
}
|
|
113
|
-
dispatchCloseEvent(e) {
|
|
114
|
-
return this.dispatchEvent(new t("close", {
|
|
115
|
-
closeAttribute: this.closeAttribute,
|
|
116
|
-
closeTarget: this.overlayCloseElement,
|
|
117
|
-
result: this.returnValue
|
|
118
|
-
}));
|
|
119
|
-
}
|
|
120
|
-
render() {
|
|
121
|
-
return p`
|
|
122
|
-
<div class="sbb-overlay__container" @animationend=${this.onOverlayAnimationEnd}>
|
|
123
|
-
<div class="sbb-overlay">
|
|
124
|
-
<div
|
|
125
|
-
@click=${(e) => this.closeOnSbbOverlayCloseClick(e)}
|
|
126
|
-
class="sbb-overlay__wrapper"
|
|
127
|
-
>
|
|
128
|
-
<div class="sbb-overlay__header">
|
|
129
|
-
<sbb-secondary-button
|
|
130
|
-
class="sbb-overlay__close"
|
|
131
|
-
aria-label="${this.accessibilityCloseLabel || d[this.language.current]}"
|
|
132
|
-
?negative=${this.negative}
|
|
133
|
-
size="m"
|
|
134
|
-
type="button"
|
|
135
|
-
icon-name="cross-small"
|
|
136
|
-
sbb-overlay-close
|
|
137
|
-
></sbb-secondary-button>
|
|
138
|
-
</div>
|
|
139
|
-
<div
|
|
140
|
-
class="sbb-overlay__content"
|
|
141
|
-
${h((e) => this._overlayContentElement = e)}
|
|
142
|
-
@scroll=${(e) => u(e, document)}
|
|
143
|
-
>
|
|
144
|
-
<sbb-container
|
|
145
|
-
class="sbb-overlay__content-container"
|
|
146
|
-
?expanded=${this.expanded}
|
|
147
|
-
color="transparent"
|
|
148
|
-
>
|
|
149
|
-
<slot></slot>
|
|
150
|
-
</sbb-container>
|
|
151
|
-
</div>
|
|
152
|
-
</div>
|
|
153
|
-
</div>
|
|
154
|
-
</div>
|
|
155
|
-
<sbb-screen-reader-only aria-live="polite"></sbb-screen-reader-only>
|
|
156
|
-
`;
|
|
157
|
-
}
|
|
158
|
-
};
|
|
159
|
-
})();
|
|
160
|
-
//#endregion
|
|
161
|
-
export { v as t };
|