@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.
Files changed (152) hide show
  1. package/autocomplete/autocomplete-base-element.js +1 -1
  2. package/autocomplete/autocomplete.component.js +1 -1
  3. package/{autocomplete-base-element-B7fDDO1F.js → autocomplete-base-element-gPLexIVc.js} +1 -1
  4. package/autocomplete.js +1 -1
  5. package/autocomplete.pure.js +1 -1
  6. package/core/styles/host-scrollbar.scss +6 -0
  7. package/core/styles/mixins/scrollbar.scss +5 -8
  8. package/core/styles/scrollbar.scss +10 -8
  9. package/core/styles/styles.js +2 -2
  10. package/core.css +2 -2
  11. package/core.js +2 -2
  12. package/custom-elements.json +13 -1
  13. package/development/autocomplete/autocomplete-base-element.js +1 -1
  14. package/development/autocomplete/autocomplete.component.js +1 -1
  15. package/development/{autocomplete-base-element-DnpaK_k3.js → autocomplete-base-element-8hV4-ys6.js} +2 -2
  16. package/development/autocomplete.js +1 -1
  17. package/development/autocomplete.pure.js +1 -1
  18. package/development/core/styles/styles.d.ts +1 -0
  19. package/development/core/styles/styles.d.ts.map +1 -1
  20. package/development/core/styles/styles.js +2 -2
  21. package/development/core.js +2 -2
  22. package/development/dialog/dialog-content/dialog-content.component.d.ts +1 -0
  23. package/development/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
  24. package/development/dialog/dialog-content/dialog-content.component.js +1 -1
  25. package/development/dialog-content.component-DlSxpY_e.js +34 -0
  26. package/development/dialog.js +1 -1
  27. package/development/dialog.pure.js +1 -1
  28. package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.d.ts.map +1 -1
  29. package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
  30. package/development/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.d.ts.map +1 -1
  31. package/development/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +1 -1
  32. package/development/icon-sidebar-content.component-CfkM9k--.js +35 -0
  33. package/development/{icon-sidebar.component-xzwoc_4y.js → icon-sidebar.component-Cgvuxg4k.js} +3 -3
  34. package/development/icon-sidebar.js +2 -2
  35. package/development/icon-sidebar.pure.js +2 -2
  36. package/development/map-container/map-container.component.js +1 -1
  37. package/development/{map-container.component-mzZ_K_fR.js → map-container.component-rgU7ZofE.js} +2 -2
  38. package/development/map-container.js +1 -1
  39. package/development/map-container.pure.js +1 -1
  40. package/development/menu/menu/menu.component.js +1 -1
  41. package/development/{menu.component-BM7hhOb4.js → menu.component-DbNRrGYy.js} +2 -2
  42. package/development/menu.js +1 -1
  43. package/development/menu.pure.js +1 -1
  44. package/development/navigation/navigation/navigation.component.js +1 -1
  45. package/development/navigation/navigation-section/navigation-section.component.js +1 -1
  46. package/development/{navigation-section.component-6tqZADWM.js → navigation-section.component-BSvxMUxM.js} +2 -2
  47. package/development/{navigation.component-DUy2QGHI.js → navigation.component-lgvLMF5e.js} +2 -2
  48. package/development/navigation.js +2 -2
  49. package/development/navigation.pure.js +2 -2
  50. package/development/overlay/overlay.component.js +1 -1
  51. package/development/{overlay.component-CA0fWX47.js → overlay.component-iy6QUYWU.js} +2 -2
  52. package/development/overlay.js +1 -1
  53. package/development/overlay.pure.js +1 -1
  54. package/development/popover/popover.component.js +1 -1
  55. package/development/{popover.component-B1gMzBuv.js → popover.component-C-zVDwjc.js} +2 -2
  56. package/development/popover.js +1 -1
  57. package/development/popover.pure.js +1 -1
  58. package/development/select/select.component.js +1 -1
  59. package/development/{select.component-CqwBdtsN.js → select.component-Ibby7Q-L.js} +2 -2
  60. package/development/select.js +1 -1
  61. package/development/select.pure.js +1 -1
  62. package/development/sidebar/sidebar/sidebar.component.js +1 -1
  63. package/development/sidebar/sidebar-content/sidebar-content.component.d.ts +1 -2
  64. package/development/sidebar/sidebar-content/sidebar-content.component.d.ts.map +1 -1
  65. package/development/sidebar/sidebar-content/sidebar-content.component.js +1 -1
  66. package/development/{sidebar-content.component-Os9gd7zB.js → sidebar-content.component-DbcREBUa.js} +8 -5
  67. package/development/{sidebar.component-CwuT6dno.js → sidebar.component-zMWbdz0h.js} +2 -2
  68. package/development/sidebar.js +2 -2
  69. package/development/sidebar.pure.js +2 -2
  70. package/development/styles-DcuJgwEt.js +14 -0
  71. package/development/tab.component-BVhYPy5Y.js +68 -0
  72. package/development/table/table-wrapper/table-wrapper.component.d.ts.map +1 -1
  73. package/development/table/table-wrapper/table-wrapper.component.js +1 -1
  74. package/development/table-wrapper.component-DcLwEDzr.js +119 -0
  75. package/development/table.js +1 -1
  76. package/development/table.pure.js +1 -1
  77. package/development/tabs/tab/tab.component.d.ts.map +1 -1
  78. package/development/tabs/tab/tab.component.js +1 -1
  79. package/development/tabs.js +1 -1
  80. package/development/tabs.pure.js +1 -1
  81. package/development/train/train-formation/train-formation.component.js +1 -1
  82. package/development/{train-formation.component-CfdHRBsd.js → train-formation.component-BoQcwy6n.js} +2 -2
  83. package/development/train.js +1 -1
  84. package/development/train.pure.js +1 -1
  85. package/dialog/dialog-content/dialog-content.component.js +1 -1
  86. package/dialog-content.component-C_Gr8BNL.js +22 -0
  87. package/dialog.js +1 -1
  88. package/dialog.pure.js +1 -1
  89. package/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
  90. package/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +1 -1
  91. package/{icon-sidebar-content.component-DlUqWEAX.js → icon-sidebar-content.component-lFstg91Y.js} +9 -5
  92. package/{icon-sidebar.component-DbA4omxc.js → icon-sidebar.component-D0TtF-kR.js} +11 -11
  93. package/icon-sidebar.js +2 -2
  94. package/icon-sidebar.pure.js +2 -2
  95. package/map-container/map-container.component.js +1 -1
  96. package/{map-container.component-Cqn9mKoo.js → map-container.component-De-8Tsau.js} +1 -1
  97. package/map-container.js +1 -1
  98. package/map-container.pure.js +1 -1
  99. package/menu/menu/menu.component.js +1 -1
  100. package/{menu.component-i-X_ag2Y.js → menu.component-KdXwqe55.js} +1 -1
  101. package/menu.js +1 -1
  102. package/menu.pure.js +1 -1
  103. package/navigation/navigation/navigation.component.js +1 -1
  104. package/navigation/navigation-section/navigation-section.component.js +1 -1
  105. package/{navigation-section.component-Db2MWBDn.js → navigation-section.component-DrnbQAZX.js} +1 -1
  106. package/{navigation.component-Bym1kjzt.js → navigation.component-D6HU-F51.js} +1 -1
  107. package/navigation.js +2 -2
  108. package/navigation.pure.js +2 -2
  109. package/off-brand-theme.css +53 -55
  110. package/overlay/overlay.component.js +1 -1
  111. package/overlay.component-bHg2Xk6D.js +161 -0
  112. package/overlay.js +1 -1
  113. package/overlay.pure.js +1 -1
  114. package/package.json +2 -2
  115. package/popover/popover.component.js +1 -1
  116. package/{popover.component-Dd4rKGml.js → popover.component-BCLBnddM.js} +1 -1
  117. package/popover.js +1 -1
  118. package/popover.pure.js +1 -1
  119. package/safety-theme.css +53 -55
  120. package/scrollbar.css +51 -53
  121. package/select/select.component.js +1 -1
  122. package/{select.component-Cu3ewc4i.js → select.component-BcDZm7EM.js} +1 -1
  123. package/select.js +1 -1
  124. package/select.pure.js +1 -1
  125. package/sidebar/sidebar/sidebar.component.js +1 -1
  126. package/sidebar/sidebar-content/sidebar-content.component.js +1 -1
  127. package/{sidebar-content.component-DEgmt4BB.js → sidebar-content.component-CYupfsq_.js} +9 -5
  128. package/{sidebar.component-Bxt8pWMf.js → sidebar.component-Sw06otwx.js} +1 -1
  129. package/sidebar.js +2 -2
  130. package/sidebar.pure.js +2 -2
  131. package/standard-theme.css +53 -55
  132. package/styles-swTeDfst.js +5 -0
  133. package/{tab.component-D39b0S04.js → tab.component-D6hfhlZw.js} +6 -6
  134. package/table/table-wrapper/table-wrapper.component.js +1 -1
  135. package/{table-wrapper.component-C36NdMWS.js → table-wrapper.component-Dxb8kzV3.js} +13 -13
  136. package/table.js +1 -1
  137. package/table.pure.js +1 -1
  138. package/tabs/tab/tab.component.js +1 -1
  139. package/tabs.js +1 -1
  140. package/tabs.pure.js +1 -1
  141. package/train/train-formation/train-formation.component.js +1 -1
  142. package/{train-formation.component-5AASBGSX.js → train-formation.component-B8IFJ_7b.js} +1 -1
  143. package/train.js +1 -1
  144. package/train.pure.js +1 -1
  145. package/development/dialog-content.component-B3VB2ptp.js +0 -30
  146. package/development/icon-sidebar-content.component-CMzp1ewD.js +0 -31
  147. package/development/styles-CcYw6JtZ.js +0 -8
  148. package/development/tab.component-CvzGdR9_.js +0 -68
  149. package/development/table-wrapper.component-iSeT-FPH.js +0 -119
  150. package/dialog-content.component-DvJiuDJI.js +0 -19
  151. package/overlay.component-BydJOM2r.js +0 -161
  152. 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 };
@@ -1,6 +0,0 @@
1
- import { unsafeCSS as e } from "lit";
2
- //#endregion
3
- //#region src/elements/core/styles/styles.ts
4
- var t = e("*,:before,:after{box-sizing:border-box}");
5
- //#endregion
6
- export { t };