@sbb-esta/lyne-elements 3.10.0 → 3.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/calendar/calendar.component.d.ts +2 -1
  2. package/calendar/calendar.component.d.ts.map +1 -1
  3. package/core/controllers/escapable-overlay-controller.d.ts +3 -0
  4. package/core/controllers/escapable-overlay-controller.d.ts.map +1 -1
  5. package/core/controllers/overlay-position-controller.d.ts +60 -0
  6. package/core/controllers/overlay-position-controller.d.ts.map +1 -0
  7. package/core/controllers/overlay-position-controller.js +224 -0
  8. package/core/controllers.d.ts +1 -0
  9. package/core/controllers.d.ts.map +1 -1
  10. package/core/controllers.js +12 -10
  11. package/core/styles/core.scss +27 -2
  12. package/core.css +21 -2
  13. package/custom-elements.json +1996 -544
  14. package/development/calendar/calendar.component.d.ts +2 -1
  15. package/development/calendar/calendar.component.d.ts.map +1 -1
  16. package/development/calendar/calendar.component.js +1 -1
  17. package/development/core/controllers/escapable-overlay-controller.d.ts +3 -0
  18. package/development/core/controllers/escapable-overlay-controller.d.ts.map +1 -1
  19. package/development/core/controllers/escapable-overlay-controller.js +1 -1
  20. package/development/core/controllers/overlay-position-controller.d.ts +60 -0
  21. package/development/core/controllers/overlay-position-controller.d.ts.map +1 -0
  22. package/development/core/controllers/overlay-position-controller.js +306 -0
  23. package/development/core/controllers.d.ts +1 -0
  24. package/development/core/controllers.d.ts.map +1 -1
  25. package/development/core/controllers.js +3 -1
  26. package/development/mini-calendar/mini-calendar/mini-calendar.component.d.ts +35 -0
  27. package/development/mini-calendar/mini-calendar/mini-calendar.component.d.ts.map +1 -0
  28. package/development/mini-calendar/mini-calendar/mini-calendar.component.js +201 -0
  29. package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts +23 -0
  30. package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts.map +1 -0
  31. package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +181 -0
  32. package/development/mini-calendar/mini-calendar-day.d.ts +5 -0
  33. package/development/mini-calendar/mini-calendar-day.d.ts.map +1 -0
  34. package/development/mini-calendar/mini-calendar-day.js +5 -0
  35. package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts +25 -0
  36. package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts.map +1 -0
  37. package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +123 -0
  38. package/development/mini-calendar/mini-calendar-month.d.ts +5 -0
  39. package/development/mini-calendar/mini-calendar-month.d.ts.map +1 -0
  40. package/development/mini-calendar/mini-calendar-month.js +5 -0
  41. package/development/mini-calendar/mini-calendar.d.ts +5 -0
  42. package/development/mini-calendar/mini-calendar.d.ts.map +1 -0
  43. package/development/mini-calendar/mini-calendar.js +5 -0
  44. package/development/mini-calendar.d.ts +7 -0
  45. package/development/mini-calendar.d.ts.map +1 -0
  46. package/development/mini-calendar.js +9 -0
  47. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +4 -1
  48. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  49. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +5 -1
  50. package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts +4 -1
  51. package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts.map +1 -1
  52. package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.js +5 -1
  53. package/development/tabs/tab/tab.component.d.ts +9 -0
  54. package/development/tabs/tab/tab.component.d.ts.map +1 -1
  55. package/development/tabs/tab/tab.component.js +48 -7
  56. package/development/tabs/tab-group/tab-group.component.d.ts +7 -3
  57. package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  58. package/development/tabs/tab-group/tab-group.component.js +19 -39
  59. package/development/tabs/tab-label/tab-label.component.d.ts.map +1 -1
  60. package/development/tabs/tab-label/tab-label.component.js +4 -3
  61. package/development/tooltip/tooltip.component.d.ts +11 -4
  62. package/development/tooltip/tooltip.component.d.ts.map +1 -1
  63. package/development/tooltip/tooltip.component.js +57 -78
  64. package/index.d.ts +6 -0
  65. package/index.js +6 -0
  66. package/mini-calendar/mini-calendar/mini-calendar.component.d.ts +35 -0
  67. package/mini-calendar/mini-calendar/mini-calendar.component.d.ts.map +1 -0
  68. package/mini-calendar/mini-calendar/mini-calendar.component.js +133 -0
  69. package/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts +23 -0
  70. package/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts.map +1 -0
  71. package/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +66 -0
  72. package/mini-calendar/mini-calendar-day.d.ts +5 -0
  73. package/mini-calendar/mini-calendar-day.d.ts.map +1 -0
  74. package/mini-calendar/mini-calendar-day.js +4 -0
  75. package/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts +25 -0
  76. package/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts.map +1 -0
  77. package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +59 -0
  78. package/mini-calendar/mini-calendar-month.d.ts +5 -0
  79. package/mini-calendar/mini-calendar-month.d.ts.map +1 -0
  80. package/mini-calendar/mini-calendar-month.js +4 -0
  81. package/mini-calendar/mini-calendar.d.ts +5 -0
  82. package/mini-calendar/mini-calendar.d.ts.map +1 -0
  83. package/mini-calendar/mini-calendar.js +4 -0
  84. package/mini-calendar.d.ts +7 -0
  85. package/mini-calendar.d.ts.map +1 -0
  86. package/mini-calendar.js +8 -0
  87. package/off-brand-theme.css +21 -2
  88. package/package.json +21 -1
  89. package/safety-theme.css +21 -2
  90. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +4 -1
  91. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  92. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +9 -6
  93. package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts +4 -1
  94. package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts.map +1 -1
  95. package/sidebar/icon-sidebar-link/icon-sidebar-link.component.js +13 -10
  96. package/standard-theme.css +21 -2
  97. package/tabs/tab/tab.component.d.ts +9 -0
  98. package/tabs/tab/tab.component.d.ts.map +1 -1
  99. package/tabs/tab/tab.component.js +37 -18
  100. package/tabs/tab-group/tab-group.component.d.ts +7 -3
  101. package/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  102. package/tabs/tab-group/tab-group.component.js +51 -52
  103. package/tabs/tab-label/tab-label.component.d.ts.map +1 -1
  104. package/tabs/tab-label/tab-label.component.js +12 -12
  105. package/tooltip/tooltip.component.d.ts +11 -4
  106. package/tooltip/tooltip.component.d.ts.map +1 -1
  107. package/tooltip/tooltip.component.js +60 -84
@@ -1,4 +1,5 @@
1
1
  import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
2
+ import { SbbOrientation } from '../core/interfaces.js';
2
3
  export interface Day<T = Date> {
3
4
  /** Date as ISO string. */
4
5
  value: string;
@@ -53,7 +54,7 @@ export declare class SbbCalendarElement<T = Date> extends SbbCalendarElement_bas
53
54
  /** A function used to filter out dates. */
54
55
  accessor dateFilter: ((date: T | null) => boolean) | null;
55
56
  /** The orientation of days in the calendar. */
56
- accessor orientation: 'horizontal' | 'vertical';
57
+ accessor orientation: SbbOrientation;
57
58
  /** Whether it has to display the week numbers in addition to week days. */
58
59
  accessor weekNumbers: boolean;
59
60
  private _dateAdapter;
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.component.d.ts","sourceRoot":"","sources":["../../../src/elements/calendar/calendar.component.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"calendar.component.d.ts","sourceRoot":"","sources":["../../../src/elements/calendar/calendar.component.ts"],"names":[],"mappings":"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"}
@@ -1,5 +1,8 @@
1
1
  import { ReactiveController, ReactiveControllerHost } from 'lit';
2
2
  import { SbbOpenCloseBaseElement } from '../base-elements/open-close-base-element.js';
3
+ /**
4
+ * Handles the stack of overlays and closes the last opened one when pressing Escape.
5
+ */
3
6
  export declare class SbbEscapableOverlayController implements ReactiveController {
4
7
  private _host;
5
8
  private _overlayStack;
@@ -1 +1 @@
1
- {"version":3,"file":"escapable-overlay-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/escapable-overlay-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAErF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AAa3F,qBAAa,6BAA8B,YAAW,kBAAkB;IAEpE,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,aAAa;gBADb,KAAK,EAAE,sBAAsB,GAAG,uBAAuB,EACvD,aAAa,GAAE,uBAAuB,EAAiB;IAK1D,gBAAgB,IAAI,IAAI;IAKxB,OAAO,IAAI,IAAI;IAQf,UAAU,IAAI,IAAI;CAQ1B"}
1
+ {"version":3,"file":"escapable-overlay-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/escapable-overlay-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAErF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AAa3F;;GAEG;AACH,qBAAa,6BAA8B,YAAW,kBAAkB;IAEpE,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,aAAa;gBADb,KAAK,EAAE,sBAAsB,GAAG,uBAAuB,EACvD,aAAa,GAAE,uBAAuB,EAAiB;IAK1D,gBAAgB,IAAI,IAAI;IAKxB,OAAO,IAAI,IAAI;IAQf,UAAU,IAAI,IAAI;CAQ1B"}
@@ -0,0 +1,60 @@
1
+ import { ReactiveController, ReactiveControllerHost } from 'lit';
2
+ /**
3
+ * Controller for managing overlays positioning. Also acts as a polyfill when native
4
+ * CSS Anchor Positioning is not supported (enough).
5
+ * Applies unique anchor names when using native CSS Anchor Positioning
6
+ * or calculates and applies correct positions in polyfill mode.
7
+ *
8
+ * Also, the controller sets the 'data-overlay-position' attribute on the overlay element.
9
+ * This can be used to apply specific styles based on the current position of the overlay.
10
+ *
11
+ * ### Implementation
12
+ * Define and apply the following CSS variables on the overlay element:
13
+ * ```scss
14
+ * --sbb-overlay-position-area: block-end; // Default
15
+ * --sbb-overlay-position-try-fallbacks: block-start, inline-end, inline-start; // Fallbacks
16
+ *
17
+ * position-area: var(--sbb-overlay-position-area);
18
+ * position-try-fallbacks: var(--sbb-overlay-position-try-fallbacks);
19
+ * ```
20
+ */
21
+ export declare class SbbOverlayPositionController implements ReactiveController {
22
+ private _usePolyfill;
23
+ private readonly _resizeObserver;
24
+ private readonly _overlay;
25
+ private _abortController?;
26
+ private _anchor?;
27
+ private _overlayStyles?;
28
+ private _frame?;
29
+ private _anchorName;
30
+ private _positions;
31
+ private _lastPosition?;
32
+ /** Get the current position. (e.g. block-end, block-start, etc.) */
33
+ get currentPosition(): string;
34
+ constructor(host: ReactiveControllerHost & HTMLElement, overlay?: HTMLElement, _usePolyfill?: boolean);
35
+ hostConnected(): void;
36
+ hostUpdate(): void;
37
+ /**
38
+ * Connects the overlay to the given trigger element and determines the optimal position.
39
+ * Usually, this is called when the overlay is opened.
40
+ * @param anchor The anchor element.
41
+ */
42
+ connect(anchor: HTMLElement): void;
43
+ disconnect(): void;
44
+ private _requestCalculatePosition;
45
+ private _calculatePosition;
46
+ /**
47
+ * Calculates the optimal position that fits the overlay.
48
+ * @param positions The list of positions to check.
49
+ * @private
50
+ */
51
+ private _getOptimalPosition;
52
+ private _applyOverlayPosition;
53
+ /**
54
+ * Only used in polyfill mode.
55
+ * Reads the list of the configured positions from the CSS variables.
56
+ * @private
57
+ */
58
+ private _readPositionsFromCss;
59
+ }
60
+ //# sourceMappingURL=overlay-position-controller.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"overlay-position-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/overlay-position-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAqDrF;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,4BAA6B,YAAW,kBAAkB;IA0BnE,OAAO,CAAC,YAAY;IAzBtB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAEtB;IACV,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAc;IACvC,OAAO,CAAC,gBAAgB,CAAC,CAAkB;IAC3C,OAAO,CAAC,OAAO,CAAC,CAAc;IAC9B,OAAO,CAAC,cAAc,CAAC,CAAsB;IAC7C,OAAO,CAAC,MAAM,CAAC,CAA2C;IAC1D,OAAO,CAAC,WAAW,CAAsC;IACzD,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,aAAa,CAAC,CAAS;IAE/B,oEAAoE;IACpE,IAAW,eAAe,IAAI,MAAM,CAOnC;gBAGC,IAAI,EAAE,sBAAsB,GAAG,WAAW,EAC1C,OAAO,CAAC,EAAE,WAAW,EACb,YAAY,UAA8B;IAM7C,aAAa,IAAI,IAAI;IASrB,UAAU,IAAI,IAAI;IAOzB;;;;OAIG;IACI,OAAO,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAmClC,UAAU,IAAI,IAAI;IAOzB,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,kBAAkB;IAY1B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAiL3B,OAAO,CAAC,qBAAqB;IAM7B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;CA6B9B"}
@@ -0,0 +1,224 @@
1
+ import { isServer as k } from "lit";
2
+ const m = !k && CSS.supports("anchor-name", "--test"), C = [
3
+ "block-start",
4
+ "block-end",
5
+ "inline-start",
6
+ "inline-end",
7
+ "block-start span-inline-start",
8
+ "block-start span-inline-end",
9
+ "block-end span-inline-start",
10
+ "block-end span-inline-end",
11
+ "inline-start span-block-start",
12
+ "inline-start span-block-end",
13
+ "inline-end span-block-start",
14
+ "inline-end span-block-end"
15
+ ], S = {
16
+ "block-start": "block-start",
17
+ "block-end": "block-end",
18
+ "inline-start": "inline-end",
19
+ "inline-end": "inline-start",
20
+ "block-start span-inline-start": "block-start span-inline-end",
21
+ "block-start span-inline-end": "block-start span-inline-start",
22
+ "block-end span-inline-start": "block-end span-inline-end",
23
+ "block-end span-inline-end": "block-end span-inline-start",
24
+ "inline-start span-block-start": "inline-end span-block-start",
25
+ "inline-start span-block-end": "inline-end span-block-end",
26
+ "inline-end span-block-start": "inline-start span-block-start",
27
+ "inline-end span-block-end": "inline-start span-block-end"
28
+ };
29
+ let O = 0;
30
+ class W {
31
+ /** Get the current position. (e.g. block-end, block-start, etc.) */
32
+ get currentPosition() {
33
+ return this._usePolyfill ? this._lastPosition ?? this._positions[0] ?? "" : (this._overlayStyles ??= getComputedStyle(this._overlay), this._overlayStyles.getPropertyValue("position-area"));
34
+ }
35
+ constructor(e, t, o = !m) {
36
+ this._usePolyfill = o, this._resizeObserver = k ? null : new ResizeObserver(() => this._requestCalculatePosition()), this._anchorName = `--sbb-overlay-anchor-${++O}`, this._positions = [], e.addController(this), this._overlay = t ?? e;
37
+ }
38
+ hostConnected() {
39
+ this._usePolyfill ? this._overlay.style.setProperty("position-area", "initial") : this._overlay.style.setProperty("position-anchor", this._anchorName);
40
+ }
41
+ hostUpdate() {
42
+ k || this._readPositionsFromCss();
43
+ }
44
+ /**
45
+ * Connects the overlay to the given trigger element and determines the optimal position.
46
+ * Usually, this is called when the overlay is opened.
47
+ * @param anchor The anchor element.
48
+ */
49
+ connect(e) {
50
+ k || (this._anchor && this.disconnect(), this._anchor = e, this._usePolyfill || this._anchor.style.setProperty("anchor-name", this._anchorName), this._readPositionsFromCss(), this._calculatePosition(), this._abortController?.abort(), this._abortController = new AbortController(), document.addEventListener("scroll", () => this._requestCalculatePosition(), {
51
+ capture: !0,
52
+ passive: !0,
53
+ signal: this._abortController.signal
54
+ }), window.addEventListener("resize", () => this._requestCalculatePosition(), {
55
+ passive: !0,
56
+ signal: this._abortController.signal
57
+ }), this._resizeObserver.observe(e, { box: "border-box" }), this._resizeObserver.observe(this._overlay, { box: "border-box" }));
58
+ }
59
+ disconnect() {
60
+ this._anchor?.style.removeProperty("anchor-name"), this._anchor = void 0, this._abortController?.abort(), this._resizeObserver.disconnect();
61
+ }
62
+ _requestCalculatePosition() {
63
+ this._frame ??= requestAnimationFrame(() => {
64
+ this._calculatePosition(), this._frame = void 0;
65
+ });
66
+ }
67
+ _calculatePosition() {
68
+ if (this._anchor) {
69
+ if (this._usePolyfill) {
70
+ const e = this._getOptimalPosition(this._positions);
71
+ this._applyOverlayPosition(e.position, e.left, e.top);
72
+ }
73
+ this._overlay.setAttribute("data-position", this.currentPosition);
74
+ }
75
+ }
76
+ /**
77
+ * Calculates the optimal position that fits the overlay.
78
+ * @param positions The list of positions to check.
79
+ * @private
80
+ */
81
+ _getOptimalPosition(e) {
82
+ const { offsetHeight: t, offsetWidth: o } = this._overlay, { innerHeight: u, innerWidth: g } = window, { top: n, left: r, height: l, width: d } = this._anchor.getBoundingClientRect(), P = this._overlay.matches(":dir(rtl)"), a = n, c = u - l - n, p = r, h = g - d - r, b = o - d, y = t - l, f = b / 2, _ = y / 2;
83
+ this._overlay.style.setProperty("--sbb-overlay-controller-trigger-height", `${l}px`), this._overlay.style.setProperty("--sbb-overlay-controller-trigger-width", `${d}px`);
84
+ let s = { left: 0, top: 0, position: "" }, v;
85
+ for (const i of e) {
86
+ switch (P && C.includes(i) ? S[i] : i) {
87
+ default:
88
+ case "bottom":
89
+ case "block-end":
90
+ s = {
91
+ position: i,
92
+ left: r - f,
93
+ top: n + l,
94
+ fits: t <= c && f <= p && f <= h
95
+ };
96
+ break;
97
+ case "top":
98
+ case "block-start":
99
+ s = {
100
+ position: i,
101
+ left: r - f,
102
+ top: n - t,
103
+ fits: t <= a && f <= p && f <= h
104
+ };
105
+ break;
106
+ case "right":
107
+ case "inline-end":
108
+ s = {
109
+ position: i,
110
+ left: r + d,
111
+ top: n - _,
112
+ fits: o <= h && _ <= a && _ <= c
113
+ };
114
+ break;
115
+ case "left":
116
+ case "inline-start":
117
+ s = {
118
+ position: i,
119
+ left: r - o,
120
+ top: n - _,
121
+ fits: o <= p && _ <= a && _ <= c
122
+ };
123
+ break;
124
+ case "top span-left":
125
+ case "block-start span-inline-start":
126
+ s = {
127
+ position: i,
128
+ left: r - b,
129
+ top: n - t,
130
+ fits: t <= a && b <= p
131
+ };
132
+ break;
133
+ case "top span-right":
134
+ case "block-start span-inline-end":
135
+ s = {
136
+ position: i,
137
+ left: r,
138
+ top: n - t,
139
+ fits: t <= a && b <= h
140
+ };
141
+ break;
142
+ case "bottom span-left":
143
+ case "block-end span-inline-start":
144
+ s = {
145
+ position: i,
146
+ left: r - b,
147
+ top: n + l,
148
+ fits: t <= c && b <= p
149
+ };
150
+ break;
151
+ case "bottom span-right":
152
+ case "block-end span-inline-end":
153
+ s = {
154
+ position: i,
155
+ left: r,
156
+ top: n + l,
157
+ fits: t <= c && b <= h
158
+ };
159
+ break;
160
+ case "left span-top":
161
+ case "inline-start span-block-start":
162
+ s = {
163
+ position: i,
164
+ left: r - o,
165
+ top: n + l - t,
166
+ fits: o <= p && y <= a
167
+ };
168
+ break;
169
+ case "left span-bottom":
170
+ case "inline-start span-block-end":
171
+ s = {
172
+ position: i,
173
+ left: r - o,
174
+ top: n,
175
+ fits: o <= p && y <= c
176
+ };
177
+ break;
178
+ case "right span-top":
179
+ case "inline-end span-block-start":
180
+ s = {
181
+ position: i,
182
+ left: r + d,
183
+ top: n + l - t,
184
+ fits: o <= h && y <= a
185
+ };
186
+ break;
187
+ case "right span-bottom":
188
+ case "inline-end span-block-end":
189
+ s = {
190
+ position: i,
191
+ left: r + d,
192
+ top: n,
193
+ fits: o <= h && y <= c
194
+ };
195
+ break;
196
+ }
197
+ if (s.fits)
198
+ return s;
199
+ v ??= s;
200
+ }
201
+ return v;
202
+ }
203
+ _applyOverlayPosition(e, t, o) {
204
+ this._lastPosition = e, this._overlay.style.left = `${t}px`, this._overlay.style.top = `${o}px`;
205
+ }
206
+ /**
207
+ * Only used in polyfill mode.
208
+ * Reads the list of the configured positions from the CSS variables.
209
+ * @private
210
+ */
211
+ _readPositionsFromCss() {
212
+ if (!this._usePolyfill)
213
+ return;
214
+ this._overlayStyles ??= getComputedStyle(this._overlay);
215
+ const e = [
216
+ this._overlayStyles.getPropertyValue("--sbb-overlay-position-area") || "block-end",
217
+ ...this._overlayStyles.getPropertyValue("--sbb-overlay-position-try-fallbacks").split(",").map((t) => t.trim()).filter((t) => !!t)
218
+ ];
219
+ this._positions = e, this._lastPosition && !this._positions.includes(this._lastPosition) && (this._lastPosition = void 0);
220
+ }
221
+ }
222
+ export {
223
+ W as SbbOverlayPositionController
224
+ };
@@ -7,4 +7,5 @@ export * from './controllers/inert-controller.js';
7
7
  export * from './controllers/language-controller.js';
8
8
  export * from './controllers/media-matchers-controller.js';
9
9
  export * from './controllers/slot-state-controller.js';
10
+ export * from './controllers/overlay-position-controller.js';
10
11
  //# sourceMappingURL=controllers.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,+CAA+C,CAAC;AAC9D,cAAc,0CAA0C,CAAC;AACzD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC"}
1
+ {"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,+CAA+C,CAAC;AAC9D,cAAc,0CAA0C,CAAC;AACzD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,8CAA8C,CAAC"}
@@ -1,22 +1,24 @@
1
1
  import { SbbEscapableOverlayController as o } from "./controllers/escapable-overlay-controller.js";
2
- import { SbbIdReferenceController as a } from "./controllers/id-reference-controller.js";
3
- import { SbbInertController as t } from "./controllers/inert-controller.js";
4
- import { SbbLanguageController as n } from "./controllers/language-controller.js";
5
- import { SbbDarkModeController as i, SbbMediaMatcherController as M, SbbMediaQueryBreakpointMediumAndAbove as p, SbbMediaQueryBreakpointMediumAndBelow as u, SbbMediaQueryBreakpointSmallAndBelow as m, SbbMediaQueryDarkMode as C, SbbMediaQueryForcedColors as y, SbbMediaQueryHover as f, SbbMediaQueryPointerCoarse as Q } from "./controllers/media-matchers-controller.js";
2
+ import { SbbIdReferenceController as l } from "./controllers/id-reference-controller.js";
3
+ import { SbbInertController as a } from "./controllers/inert-controller.js";
4
+ import { SbbLanguageController as S } from "./controllers/language-controller.js";
5
+ import { SbbDarkModeController as i, SbbMediaMatcherController as M, SbbMediaQueryBreakpointMediumAndAbove as p, SbbMediaQueryBreakpointMediumAndBelow as m, SbbMediaQueryBreakpointSmallAndBelow as u, SbbMediaQueryDarkMode as C, SbbMediaQueryForcedColors as y, SbbMediaQueryHover as f, SbbMediaQueryPointerCoarse as x } from "./controllers/media-matchers-controller.js";
6
6
  import { SbbSlotStateController as k } from "./controllers/slot-state-controller.js";
7
+ import { SbbOverlayPositionController as c } from "./controllers/overlay-position-controller.js";
7
8
  export {
8
9
  i as SbbDarkModeController,
9
10
  o as SbbEscapableOverlayController,
10
- a as SbbIdReferenceController,
11
- t as SbbInertController,
12
- n as SbbLanguageController,
11
+ l as SbbIdReferenceController,
12
+ a as SbbInertController,
13
+ S as SbbLanguageController,
13
14
  M as SbbMediaMatcherController,
14
15
  p as SbbMediaQueryBreakpointMediumAndAbove,
15
- u as SbbMediaQueryBreakpointMediumAndBelow,
16
- m as SbbMediaQueryBreakpointSmallAndBelow,
16
+ m as SbbMediaQueryBreakpointMediumAndBelow,
17
+ u as SbbMediaQueryBreakpointSmallAndBelow,
17
18
  C as SbbMediaQueryDarkMode,
18
19
  y as SbbMediaQueryForcedColors,
19
20
  f as SbbMediaQueryHover,
20
- Q as SbbMediaQueryPointerCoarse,
21
+ x as SbbMediaQueryPointerCoarse,
22
+ c as SbbOverlayPositionController,
21
23
  k as SbbSlotStateController
22
24
  };
@@ -273,8 +273,7 @@ html {
273
273
  sbb-navigation,
274
274
  sbb-overlay,
275
275
  sbb-popover,
276
- sbb-toast,
277
- sbb-tooltip
276
+ sbb-toast
278
277
  ) {
279
278
  @include popover.popover-reset;
280
279
  }
@@ -654,3 +653,29 @@ sbb-status:has(sbb-title) {
654
653
  --sbb-option-overflow: hidden;
655
654
  --sbb-option-white-space: nowrap;
656
655
  }
656
+
657
+ sbb-mini-calendar[orientation='horizontal'] {
658
+ sbb-mini-calendar-month {
659
+ --sbb-mini-calendar-grid-auto-flow: row;
660
+ --sbb-mini-calendar-month-height: #{functions.px-to-rem-build(48)};
661
+ --sbb-mini-calendar-month-grid-template-rows: none;
662
+ --sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr);
663
+
664
+ sbb-mini-calendar-day:first-child {
665
+ grid-column-start: var(--sbb-mini-calendar-month-offset);
666
+ }
667
+ }
668
+ }
669
+
670
+ sbb-mini-calendar[orientation='vertical'] {
671
+ sbb-mini-calendar-month {
672
+ --sbb-mini-calendar-grid-auto-flow: column;
673
+ --sbb-mini-calendar-month-height: auto;
674
+ --sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);
675
+ --sbb-mini-calendar-month-grid-template-columns: none;
676
+
677
+ sbb-mini-calendar-day:first-child {
678
+ grid-row-start: var(--sbb-mini-calendar-month-offset);
679
+ }
680
+ }
681
+ }
package/core.css CHANGED
@@ -1625,8 +1625,7 @@ sbb-menu,
1625
1625
  sbb-navigation,
1626
1626
  sbb-overlay,
1627
1627
  sbb-popover,
1628
- sbb-toast,
1629
- sbb-tooltip) {
1628
+ sbb-toast) {
1630
1629
  margin: 0;
1631
1630
  padding: 0;
1632
1631
  border: none;
@@ -1913,4 +1912,24 @@ sbb-status:has(sbb-title) {
1913
1912
  --sbb-option-text-overflow: ellipsis;
1914
1913
  --sbb-option-overflow: hidden;
1915
1914
  --sbb-option-white-space: nowrap;
1915
+ }
1916
+
1917
+ sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month {
1918
+ --sbb-mini-calendar-grid-auto-flow: row;
1919
+ --sbb-mini-calendar-month-height: 3rem;
1920
+ --sbb-mini-calendar-month-grid-template-rows: none;
1921
+ --sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr);
1922
+ }
1923
+ sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
1924
+ grid-column-start: var(--sbb-mini-calendar-month-offset);
1925
+ }
1926
+
1927
+ sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month {
1928
+ --sbb-mini-calendar-grid-auto-flow: column;
1929
+ --sbb-mini-calendar-month-height: auto;
1930
+ --sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);
1931
+ --sbb-mini-calendar-month-grid-template-columns: none;
1932
+ }
1933
+ sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
1934
+ grid-row-start: var(--sbb-mini-calendar-month-offset);
1916
1935
  }