@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.
- package/calendar/calendar.component.d.ts +2 -1
- package/calendar/calendar.component.d.ts.map +1 -1
- package/core/controllers/escapable-overlay-controller.d.ts +3 -0
- package/core/controllers/escapable-overlay-controller.d.ts.map +1 -1
- package/core/controllers/overlay-position-controller.d.ts +60 -0
- package/core/controllers/overlay-position-controller.d.ts.map +1 -0
- package/core/controllers/overlay-position-controller.js +224 -0
- package/core/controllers.d.ts +1 -0
- package/core/controllers.d.ts.map +1 -1
- package/core/controllers.js +12 -10
- package/core/styles/core.scss +27 -2
- package/core.css +21 -2
- package/custom-elements.json +1996 -544
- package/development/calendar/calendar.component.d.ts +2 -1
- package/development/calendar/calendar.component.d.ts.map +1 -1
- package/development/calendar/calendar.component.js +1 -1
- package/development/core/controllers/escapable-overlay-controller.d.ts +3 -0
- package/development/core/controllers/escapable-overlay-controller.d.ts.map +1 -1
- package/development/core/controllers/escapable-overlay-controller.js +1 -1
- package/development/core/controllers/overlay-position-controller.d.ts +60 -0
- package/development/core/controllers/overlay-position-controller.d.ts.map +1 -0
- package/development/core/controllers/overlay-position-controller.js +306 -0
- package/development/core/controllers.d.ts +1 -0
- package/development/core/controllers.d.ts.map +1 -1
- package/development/core/controllers.js +3 -1
- package/development/mini-calendar/mini-calendar/mini-calendar.component.d.ts +35 -0
- package/development/mini-calendar/mini-calendar/mini-calendar.component.d.ts.map +1 -0
- package/development/mini-calendar/mini-calendar/mini-calendar.component.js +201 -0
- package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts +23 -0
- package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts.map +1 -0
- package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +181 -0
- package/development/mini-calendar/mini-calendar-day.d.ts +5 -0
- package/development/mini-calendar/mini-calendar-day.d.ts.map +1 -0
- package/development/mini-calendar/mini-calendar-day.js +5 -0
- package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts +25 -0
- package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts.map +1 -0
- package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +123 -0
- package/development/mini-calendar/mini-calendar-month.d.ts +5 -0
- package/development/mini-calendar/mini-calendar-month.d.ts.map +1 -0
- package/development/mini-calendar/mini-calendar-month.js +5 -0
- package/development/mini-calendar/mini-calendar.d.ts +5 -0
- package/development/mini-calendar/mini-calendar.d.ts.map +1 -0
- package/development/mini-calendar/mini-calendar.js +5 -0
- package/development/mini-calendar.d.ts +7 -0
- package/development/mini-calendar.d.ts.map +1 -0
- package/development/mini-calendar.js +9 -0
- package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +4 -1
- package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
- package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +5 -1
- package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts +4 -1
- package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts.map +1 -1
- package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.js +5 -1
- package/development/tabs/tab/tab.component.d.ts +9 -0
- package/development/tabs/tab/tab.component.d.ts.map +1 -1
- package/development/tabs/tab/tab.component.js +48 -7
- package/development/tabs/tab-group/tab-group.component.d.ts +7 -3
- package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
- package/development/tabs/tab-group/tab-group.component.js +19 -39
- package/development/tabs/tab-label/tab-label.component.d.ts.map +1 -1
- package/development/tabs/tab-label/tab-label.component.js +4 -3
- package/development/tooltip/tooltip.component.d.ts +11 -4
- package/development/tooltip/tooltip.component.d.ts.map +1 -1
- package/development/tooltip/tooltip.component.js +57 -78
- package/index.d.ts +6 -0
- package/index.js +6 -0
- package/mini-calendar/mini-calendar/mini-calendar.component.d.ts +35 -0
- package/mini-calendar/mini-calendar/mini-calendar.component.d.ts.map +1 -0
- package/mini-calendar/mini-calendar/mini-calendar.component.js +133 -0
- package/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts +23 -0
- package/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts.map +1 -0
- package/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +66 -0
- package/mini-calendar/mini-calendar-day.d.ts +5 -0
- package/mini-calendar/mini-calendar-day.d.ts.map +1 -0
- package/mini-calendar/mini-calendar-day.js +4 -0
- package/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts +25 -0
- package/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts.map +1 -0
- package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +59 -0
- package/mini-calendar/mini-calendar-month.d.ts +5 -0
- package/mini-calendar/mini-calendar-month.d.ts.map +1 -0
- package/mini-calendar/mini-calendar-month.js +4 -0
- package/mini-calendar/mini-calendar.d.ts +5 -0
- package/mini-calendar/mini-calendar.d.ts.map +1 -0
- package/mini-calendar/mini-calendar.js +4 -0
- package/mini-calendar.d.ts +7 -0
- package/mini-calendar.d.ts.map +1 -0
- package/mini-calendar.js +8 -0
- package/off-brand-theme.css +21 -2
- package/package.json +21 -1
- package/safety-theme.css +21 -2
- package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +4 -1
- package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
- package/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +9 -6
- package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts +4 -1
- package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts.map +1 -1
- package/sidebar/icon-sidebar-link/icon-sidebar-link.component.js +13 -10
- package/standard-theme.css +21 -2
- package/tabs/tab/tab.component.d.ts +9 -0
- package/tabs/tab/tab.component.d.ts.map +1 -1
- package/tabs/tab/tab.component.js +37 -18
- package/tabs/tab-group/tab-group.component.d.ts +7 -3
- package/tabs/tab-group/tab-group.component.d.ts.map +1 -1
- package/tabs/tab-group/tab-group.component.js +51 -52
- package/tabs/tab-label/tab-label.component.d.ts.map +1 -1
- package/tabs/tab-label/tab-label.component.js +12 -12
- package/tooltip/tooltip.component.d.ts +11 -4
- package/tooltip/tooltip.component.d.ts.map +1 -1
- 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:
|
|
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":"AACA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;
|
|
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
|
+
};
|
package/core/controllers.d.ts
CHANGED
|
@@ -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"}
|
package/core/controllers.js
CHANGED
|
@@ -1,22 +1,24 @@
|
|
|
1
1
|
import { SbbEscapableOverlayController as o } from "./controllers/escapable-overlay-controller.js";
|
|
2
|
-
import { SbbIdReferenceController as
|
|
3
|
-
import { SbbInertController as
|
|
4
|
-
import { SbbLanguageController as
|
|
5
|
-
import { SbbDarkModeController as i, SbbMediaMatcherController as M, SbbMediaQueryBreakpointMediumAndAbove as p, SbbMediaQueryBreakpointMediumAndBelow as
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
l as SbbIdReferenceController,
|
|
12
|
+
a as SbbInertController,
|
|
13
|
+
S as SbbLanguageController,
|
|
13
14
|
M as SbbMediaMatcherController,
|
|
14
15
|
p as SbbMediaQueryBreakpointMediumAndAbove,
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
m as SbbMediaQueryBreakpointMediumAndBelow,
|
|
17
|
+
u as SbbMediaQueryBreakpointSmallAndBelow,
|
|
17
18
|
C as SbbMediaQueryDarkMode,
|
|
18
19
|
y as SbbMediaQueryForcedColors,
|
|
19
20
|
f as SbbMediaQueryHover,
|
|
20
|
-
|
|
21
|
+
x as SbbMediaQueryPointerCoarse,
|
|
22
|
+
c as SbbOverlayPositionController,
|
|
21
23
|
k as SbbSlotStateController
|
|
22
24
|
};
|
package/core/styles/core.scss
CHANGED
|
@@ -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
|
}
|