@sbb-esta/lyne-elements 4.0.1 → 4.0.3
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.d.ts.map +1 -1
- package/autocomplete/autocomplete-base-element.js +6 -5
- package/autocomplete/autocomplete.component.d.ts.map +1 -1
- package/autocomplete/autocomplete.component.js +8 -9
- package/calendar/calendar.component.d.ts +3 -0
- package/calendar/calendar.component.d.ts.map +1 -1
- package/calendar/calendar.component.js +89 -86
- package/core/styles/core.scss +7 -9
- package/core/styles/mixins/link.scss +4 -7
- package/core/styles/mixins/lists.scss +3 -3
- package/core/styles/mixins/pearl-chain-bullet.scss +3 -8
- package/core/styles/mixins/scrollbar.scss +1 -0
- package/core/styles/mixins/table.scss +15 -17
- package/custom-elements.json +1022 -1003
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete/autocomplete-base-element.js +7 -6
- package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
- package/development/autocomplete/autocomplete.component.js +13 -15
- package/development/calendar/calendar.component.d.ts +3 -0
- package/development/calendar/calendar.component.d.ts.map +1 -1
- package/development/calendar/calendar.component.js +44 -35
- package/development/notification/notification.component.js +9 -11
- package/development/option/option/option-base-element.js +2 -2
- package/loading-indicator-circle/loading-indicator-circle.component.js +1 -1
- package/notification/notification.component.js +1 -1
- package/option/option/option-base-element.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete-base-element.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAInB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAgBnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;;AAUzD,8BAAsB,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,+BAEpE;IACC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE;;;;;;;OAOG;IACH,SAEgB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAQ;IAElD;;;;;;OAMG;IACH,SAEgB,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAExD,+DAA+D;IAC/D,SAEgB,iBAAiB,EAAE,OAAO,CAAS;IAEnD,2FAA2F;IAC3F,SAEgB,qBAAqB,EAAE,OAAO,CAAS;IAEvD,wFAAwF;IACxF,SACgB,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAElE;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,8EAA8E;IAC9E,SAEgB,sBAAsB,EAAE,OAAO,CAAS;IAExD;;;;;OAKG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD;;;OAGG;IACH,SACgB,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAU;IAE9D,qEAAqE;IACrE,IAAW,aAAa,IAAI,WAAW,GAAG,IAAI,CAO7C;IAED,mCAAmC;IACnC,IAAW,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAEnD;IACD,OAAO,CAAC,eAAe,CAAC,CAA0B;IAElD,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IACrC,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IACrC,SAAS,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAQ;IAC9D,OAAO,CAAC,qBAAqB,CAQ1B;IACH,uFAAuF;IACvF,OAAO,CAAC,yBAAyB,CAOxB;IACT,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,0BAA0B,CAAmB;IACrD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,aAAa,CAAK;IAE1B,kCAAkC;IAClC,OAAO,CAAC,cAAc,CAAuB;IAE7C,SAAS,CAAC,QAAQ,KAAK,OAAO,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;;IAoB5D,SAAS,CAAC,QAAQ,CAAC,YAAY,IAAI,IAAI;IACvC,SAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IACxE,SAAS,CAAC,QAAQ,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAC7E,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAC/D,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IACnE,SAAS,CAAC,QAAQ,CAAC,kBAAkB,IAAI,IAAI;IAE7C,8BAA8B;IACvB,IAAI,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"autocomplete-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete-base-element.ts"],"names":[],"mappings":"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"}
|
|
@@ -148,17 +148,17 @@ let qt = (() => {
|
|
|
148
148
|
}
|
|
149
149
|
/** Opens the autocomplete. */
|
|
150
150
|
open() {
|
|
151
|
-
if (this.state
|
|
151
|
+
if (this.state === "opening" || this.state === "opened" || !this._overlay || this.options.length === 0 || this._readonly() || !this.dispatchBeforeOpenEvent())
|
|
152
152
|
return;
|
|
153
153
|
this.showPopover?.(), this.state = "opening", this.triggerElement?.toggleAttribute("data-expanded", !0);
|
|
154
154
|
const t = this.originElement;
|
|
155
155
|
if (!t)
|
|
156
156
|
throw new Error('Cannot find the origin element. Please specify a valid element or check the usage of the "origin" property from the documentation');
|
|
157
|
-
this._setOverlayPosition(t), this._setNextActiveOptionIfAutoActiveFirstOption(), this._isZeroAnimationDuration() && this._handleOpening();
|
|
157
|
+
this._setOverlayPosition(t), this._setNextActiveOptionIfAutoActiveFirstOption(), this._attachOpenPanelEvents(), this._escapableOverlayController.connect(), this._isZeroAnimationDuration() && this._handleOpening();
|
|
158
158
|
}
|
|
159
159
|
/** Closes the autocomplete. */
|
|
160
160
|
close() {
|
|
161
|
-
this.state
|
|
161
|
+
this.state === "closing" || this.state === "closed" || !this.dispatchBeforeCloseEvent() || (this.state = "closing", this.triggerElement?.removeAttribute("data-expanded"), this._openPanelEventsController.abort(), this.originElement && this._originResizeObserver.unobserve(this.originElement), this._isZeroAnimationDuration() && this._handleClosing());
|
|
162
162
|
}
|
|
163
163
|
_isZeroAnimationDuration() {
|
|
164
164
|
return bt(this, "--sbb-options-panel-animation-duration");
|
|
@@ -248,7 +248,7 @@ let qt = (() => {
|
|
|
248
248
|
t.animationName === "open" && this.state === "opening" ? this._handleOpening() : t.animationName === "close" && this.state === "closing" && this._handleClosing();
|
|
249
249
|
}
|
|
250
250
|
_handleOpening() {
|
|
251
|
-
this.state = "opened", this.
|
|
251
|
+
this.state = "opened", this.originElement && this._originResizeObserver.observe(this.originElement), this.triggerElement?.setAttribute("aria-expanded", "true"), this.dispatchOpenEvent();
|
|
252
252
|
}
|
|
253
253
|
_handleClosing() {
|
|
254
254
|
this.state = "closed", this.hidePopover?.(), this.triggerElement?.setAttribute("aria-expanded", "false"), this.requireSelection && this.triggerElement && this._lastUserInput && (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this.triggerElement, ""), this._highlightOptions(""), this.triggerElement.dispatchEvent(new Event("change", { bubbles: !0 })), this.triggerElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 }))), this.resetActiveElement(), this._optionContainer.scrollTop = 0, this._escapableOverlayController.disconnect(), this.dispatchCloseEvent();
|
|
@@ -279,7 +279,7 @@ let qt = (() => {
|
|
|
279
279
|
});
|
|
280
280
|
}
|
|
281
281
|
_closedPanelKeyboardInteraction(t) {
|
|
282
|
-
if (this.state === "
|
|
282
|
+
if (!(this.state === "opening" || this.state === "opened"))
|
|
283
283
|
switch (t.key) {
|
|
284
284
|
case "Enter":
|
|
285
285
|
case "ArrowDown":
|
|
@@ -307,6 +307,7 @@ let qt = (() => {
|
|
|
307
307
|
class="sbb-autocomplete__options"
|
|
308
308
|
role=${A ? tt : this.panelRole}
|
|
309
309
|
id=${A ? tt : this.overlayId}
|
|
310
|
+
tabindex="-1"
|
|
310
311
|
${et((t) => this._optionContainer = t)}
|
|
311
312
|
>
|
|
312
313
|
<slot @slotchange=${this._handleSlotchange}></slot>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAwB,MAAM,cAAc,CAAC;AAE3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAU5E;;;;;;;GAOG;AACH,qBAEM,sBAAsB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAA0B,CAAC,CAAC,CAAC;IAC5E,gBAAgC,IAAI,gBAAqC;IACzE,SAAS,CAAC,SAAS,SAAkC;IACrD,SAAS,CAAC,SAAS,SAAa;IAEhC,SAAS,KAAK,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAE7C;;IAOD,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAwB,MAAM,cAAc,CAAC;AAE3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAU5E;;;;;;;GAOG;AACH,qBAEM,sBAAsB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAA0B,CAAC,CAAC,CAAC;IAC5E,gBAAgC,IAAI,gBAAqC;IACzE,SAAS,CAAC,SAAS,SAAkC;IACrD,SAAS,CAAC,SAAS,SAAa;IAEhC,SAAS,KAAK,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAE7C;;IAOD,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAiBpE,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAMtD,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IA2B1D,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAMpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { __esDecorate as
|
|
2
|
-
import { customElement as
|
|
1
|
+
import { __esDecorate as h, __runInitializers as b } from "tslib";
|
|
2
|
+
import { customElement as d } from "lit/decorators.js";
|
|
3
3
|
import { getNextElementIndex as u } from "../core/a11y.js";
|
|
4
4
|
import { isSafari as v } from "../core/dom.js";
|
|
5
5
|
import { setAriaComboBoxAttributes as f } from "../core/overlay.js";
|
|
@@ -8,7 +8,7 @@ let A = 0;
|
|
|
8
8
|
const n = v;
|
|
9
9
|
let _ = (() => {
|
|
10
10
|
var i;
|
|
11
|
-
let l = [
|
|
11
|
+
let l = [d("sbb-autocomplete")], a, o = [], e, r = O;
|
|
12
12
|
return i = class extends r {
|
|
13
13
|
get options() {
|
|
14
14
|
return Array.from(this.querySelectorAll?.("sbb-option") ?? []);
|
|
@@ -20,11 +20,10 @@ let _ = (() => {
|
|
|
20
20
|
this.querySelectorAll?.("sbb-divider, sbb-option-hint").forEach((t) => t.negative = this.negative);
|
|
21
21
|
}
|
|
22
22
|
openedPanelKeyboardInteraction(t) {
|
|
23
|
-
if (this.state === "opened")
|
|
23
|
+
if ((this.state === "opening" || this.state === "opened") && t.key === "Tab")
|
|
24
|
+
this.close();
|
|
25
|
+
else if (this.isOpen)
|
|
24
26
|
switch (t.key) {
|
|
25
|
-
case "Tab":
|
|
26
|
-
this.close();
|
|
27
|
-
break;
|
|
28
27
|
case "Enter":
|
|
29
28
|
this.selectByKeyboard(t);
|
|
30
29
|
break;
|
|
@@ -54,8 +53,8 @@ let _ = (() => {
|
|
|
54
53
|
}
|
|
55
54
|
}, e = i, (() => {
|
|
56
55
|
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
|
|
57
|
-
|
|
58
|
-
})(), i.role = n ? "listbox" : null,
|
|
56
|
+
h(null, a = { value: e }, l, { kind: "class", name: e.name, metadata: t }, null, o), e = a.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
57
|
+
})(), i.role = n ? "listbox" : null, b(e, o), e;
|
|
59
58
|
})();
|
|
60
59
|
export {
|
|
61
60
|
_ as SbbAutocompleteElement
|
|
@@ -63,6 +63,7 @@ export declare class SbbCalendarElement<T = Date> extends SbbCalendarElement_bas
|
|
|
63
63
|
/** The current wide property considering property value and breakpoints. From zero to small `wide` has always to be false. */
|
|
64
64
|
private set _wide(value);
|
|
65
65
|
private get _wide();
|
|
66
|
+
private _wideInternal;
|
|
66
67
|
private accessor _calendarView;
|
|
67
68
|
private _nextCalendarView;
|
|
68
69
|
/** Information about the rendered day view; used in keyboard navigation. */
|
|
@@ -93,6 +94,8 @@ export declare class SbbCalendarElement<T = Date> extends SbbCalendarElement_bas
|
|
|
93
94
|
private _chosenMonth?;
|
|
94
95
|
/** Whether the focus should be reset on focusCell. */
|
|
95
96
|
private _resetFocus;
|
|
97
|
+
/** Whether an element inside the calendar is currently focused. */
|
|
98
|
+
private _containingFocus;
|
|
96
99
|
private accessor _initialized;
|
|
97
100
|
private _language;
|
|
98
101
|
private _mediaMatcher;
|
|
@@ -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;AAgCb,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,+BAA+B,CAAC;AACvC,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAwClC,MAAM,WAAW,GAAG,CAAC,CAAC,GAAG,IAAI;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,CAAC,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;;AAEpD;;GAEG;AACH,qBAEM,kBAAkB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,uBAAuD;IAChG,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;MAElB;IAEX,+CAA+C;IAC/C,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,6EAA6E;IAC7E,SAA4B,IAAI,EAAE,YAAY,CAAS;IAEvD;;;OAGG;IACH,SAEgB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAQ;IAErC;;;OAGG;IACH,SAEgB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAQ;IAErC,+DAA+D;IAC/D,SAKgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;OAEG;IACH,IACW,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,EAyBxC;IACD,IAAW,QAAQ,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAEpC;IACQ,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAwB;IAE3D,2CAA2C;IAC3C,SACgB,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAExE,+CAA+C;IAC/C,SAA6C,WAAW,EAAE,cAAc,CAAgB;IAExF,2EAA2E;IAC3E,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C,OAAO,CAAC,YAAY,CAA4E;IAEhG,iCAAiC;IACxB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAgC;IAErE,8HAA8H;IAE9H,OAAO,KAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"calendar.component.d.ts","sourceRoot":"","sources":["../../../src/elements/calendar/calendar.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,56 +7,56 @@ import { __esDecorate as y, __runInitializers as u } from "tslib";
|
|
|
7
7
|
import { css as Le, LitElement as Be, isServer as Se, nothing as m, html as h } from "lit";
|
|
8
8
|
import { customElement as He, property as Y, state as G } from "lit/decorators.js";
|
|
9
9
|
import { classMap as Q } from "lit/directives/class-map.js";
|
|
10
|
-
import {
|
|
10
|
+
import { isArrowKeyOrPageKeysPressed as Ke } from "../core/a11y.js";
|
|
11
11
|
import { readConfig as Ue } from "../core/config.js";
|
|
12
|
-
import { SbbLanguageController as
|
|
13
|
-
import { defaultDateAdapter as
|
|
14
|
-
import { forceType as Z, plainDate as Te, handleDistinctChange as
|
|
15
|
-
import { i18nPreviousMonth as
|
|
16
|
-
import { SbbHydrationMixin as
|
|
17
|
-
import { boxSizingStyles as
|
|
12
|
+
import { SbbLanguageController as qe, SbbMediaMatcherController as je, SbbMediaQueryBreakpointLargeAndAbove as Re } from "../core/controllers.js";
|
|
13
|
+
import { defaultDateAdapter as Ge, YEARS_PER_PAGE as V, DAYS_PER_ROW as D, MONTHS_PER_ROW as J, YEARS_PER_ROW as X, MONTHS_PER_PAGE as Qe } from "../core/datetime.js";
|
|
14
|
+
import { forceType as Z, plainDate as Te, handleDistinctChange as Je } from "../core/decorators.js";
|
|
15
|
+
import { i18nPreviousMonth as Xe, i18nNextMonth as Ze, i18nYearMonthSelection as et, i18nCalendarWeekNumber as U, i18nPreviousYear as tt, i18nNextYear as at, i18nCalendarDateSelection as Ee, i18nPreviousYearRange as st, i18nNextYearRange as it } from "../core/i18n.js";
|
|
16
|
+
import { SbbHydrationMixin as rt, SbbElementInternalsMixin as nt } from "../core/mixins.js";
|
|
17
|
+
import { boxSizingStyles as lt } from "../core/styles.js";
|
|
18
18
|
import "../button/secondary-button.js";
|
|
19
19
|
import "../icon.js";
|
|
20
20
|
import "../screen-reader-only.js";
|
|
21
|
-
const
|
|
21
|
+
const ot = 6048e5, Pe = /* @__PURE__ */ Symbol.for("constructDateFrom");
|
|
22
22
|
function F(o, n) {
|
|
23
23
|
return typeof o == "function" ? o(n) : o && typeof o == "object" && Pe in o ? o[Pe](n) : o instanceof Date ? new o.constructor(n) : new Date(n);
|
|
24
24
|
}
|
|
25
|
-
function
|
|
25
|
+
function q(o, n) {
|
|
26
26
|
return F(n || o, o);
|
|
27
27
|
}
|
|
28
|
-
function
|
|
29
|
-
const b =
|
|
28
|
+
function dt(o, n, d) {
|
|
29
|
+
const b = q(o, d?.in);
|
|
30
30
|
return isNaN(n) ? F(o, NaN) : (n && b.setDate(b.getDate() + n), b);
|
|
31
31
|
}
|
|
32
|
-
let
|
|
32
|
+
let ct = {};
|
|
33
33
|
function te() {
|
|
34
|
-
return
|
|
34
|
+
return ct;
|
|
35
35
|
}
|
|
36
36
|
function z(o, n) {
|
|
37
|
-
const d = te(), b = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? d.weekStartsOn ?? d.locale?.options?.weekStartsOn ?? 0, g =
|
|
37
|
+
const d = te(), b = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? d.weekStartsOn ?? d.locale?.options?.weekStartsOn ?? 0, g = q(o, n?.in), v = g.getDay(), $ = (v < b ? 7 : 0) + v - b;
|
|
38
38
|
return g.setDate(g.getDate() - $), g.setHours(0, 0, 0, 0), g;
|
|
39
39
|
}
|
|
40
|
-
function
|
|
40
|
+
function ht(o, ...n) {
|
|
41
41
|
const d = F.bind(
|
|
42
42
|
null,
|
|
43
43
|
o || n.find((b) => typeof b == "object")
|
|
44
44
|
);
|
|
45
45
|
return n.map(d);
|
|
46
46
|
}
|
|
47
|
-
function
|
|
48
|
-
return
|
|
47
|
+
function bt(o, n, d) {
|
|
48
|
+
return dt(o, n * 7, d);
|
|
49
49
|
}
|
|
50
|
-
function
|
|
51
|
-
const d =
|
|
50
|
+
function _t(o, n) {
|
|
51
|
+
const d = q(o, n?.in), b = d.getMonth();
|
|
52
52
|
return d.setFullYear(d.getFullYear(), b + 1, 0), d.setHours(23, 59, 59, 999), d;
|
|
53
53
|
}
|
|
54
|
-
function
|
|
55
|
-
const [d, b] =
|
|
54
|
+
function ut(o, n) {
|
|
55
|
+
const [d, b] = ht(o, n.start, n.end);
|
|
56
56
|
return { start: d, end: b };
|
|
57
57
|
}
|
|
58
|
-
function
|
|
59
|
-
const { start: d, end: b } =
|
|
58
|
+
function ft(o, n) {
|
|
59
|
+
const { start: d, end: b } = ut(n?.in, o);
|
|
60
60
|
let g = +d > +b;
|
|
61
61
|
const v = z(g ? b : d, n), $ = z(g ? d : b, n);
|
|
62
62
|
v.setHours(15), $.setHours(15);
|
|
@@ -66,33 +66,33 @@ function pt(o, n) {
|
|
|
66
66
|
M < 0 && (M = -M, g = !g);
|
|
67
67
|
const W = [];
|
|
68
68
|
for (; +k <= O; )
|
|
69
|
-
k.setHours(0), W.push(F(d, k)), k =
|
|
69
|
+
k.setHours(0), W.push(F(d, k)), k = bt(k, M), k.setHours(15);
|
|
70
70
|
return g ? W.reverse() : W;
|
|
71
71
|
}
|
|
72
|
-
function
|
|
73
|
-
const d =
|
|
72
|
+
function pt(o, n) {
|
|
73
|
+
const d = q(o, n?.in);
|
|
74
74
|
return d.setDate(1), d.setHours(0, 0, 0, 0), d;
|
|
75
75
|
}
|
|
76
|
-
function
|
|
77
|
-
const d =
|
|
76
|
+
function gt(o, n) {
|
|
77
|
+
const d = q(o, n?.in), b = d.getFullYear(), g = te(), v = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? g.firstWeekContainsDate ?? g.locale?.options?.firstWeekContainsDate ?? 1, $ = F(n?.in || o, 0);
|
|
78
78
|
$.setFullYear(b + 1, 0, v), $.setHours(0, 0, 0, 0);
|
|
79
79
|
const O = z($, n), k = F(n?.in || o, 0);
|
|
80
80
|
k.setFullYear(b, 0, v), k.setHours(0, 0, 0, 0);
|
|
81
81
|
const M = z(k, n);
|
|
82
82
|
return +d >= +O ? b + 1 : +d >= +M ? b : b - 1;
|
|
83
83
|
}
|
|
84
|
-
function
|
|
85
|
-
const d = te(), b = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? d.firstWeekContainsDate ?? d.locale?.options?.firstWeekContainsDate ?? 1, g =
|
|
84
|
+
function mt(o, n) {
|
|
85
|
+
const d = te(), b = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? d.firstWeekContainsDate ?? d.locale?.options?.firstWeekContainsDate ?? 1, g = gt(o, n), v = F(n?.in || o, 0);
|
|
86
86
|
return v.setFullYear(g, 0, b), v.setHours(0, 0, 0, 0), z(v, n);
|
|
87
87
|
}
|
|
88
88
|
function ee(o, n) {
|
|
89
|
-
const d =
|
|
90
|
-
return Math.round(b /
|
|
89
|
+
const d = q(o, n?.in), b = +z(d, n) - +mt(d, n);
|
|
90
|
+
return Math.round(b / ot) + 1;
|
|
91
91
|
}
|
|
92
|
-
const vt = Le`:host{display:block;width:max-content;--sbb-calendar-cell-size: 2.5rem;--sbb-calendar-hover-shift: .0625rem;--sbb-calendar-wide-cell-size: 4.375rem;--sbb-calendar-header-color: var(--sbb-color-granite);--sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-calendar-cell-background-color: transparent;--sbb-calendar-cell-padding: .125rem;--sbb-calendar-cell-color: var(--sbb-color-2);--sbb-calendar-cell-selected-color: var(--sbb-color-1-inverted);--sbb-calendar-cell-selected-background-color: var(--sbb-background-color-2-inverted);--sbb-calendar-cell-disabled-height: .09375rem;--sbb-calendar-cell-disabled-width: 1.59375rem;--sbb-calendar-cell-disabled-color: var(--sbb-color-granite);--sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);--sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);--sbb-calendar-table-animation-shift: .00625rem;--sbb-calendar-table-animation-duration: .1ms;--sbb-calendar-table-column-spaces: 12;--sbb-calendar-control-view-change-height: 2.75rem;--sbb-calendar-control-view-change-color: var(--sbb-color-3);--sbb-calendar-control-view-change-background: var(--sbb-background-color-1)}@media(min-width:37.5rem){:host{--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-wide-cell-size: 4.8125rem;--sbb-calendar-control-view-change-height: 3rem}}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);margin-block-end:var(--sbb-spacing-fixed-4x)}.sbb-calendar__controls-month{width:100%;display:flex;gap:var(--sbb-calendar-tables-gap)}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:var(--sbb-cursor-pointer);padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-calendar-control-view-change-background);color:var(--sbb-calendar-control-view-change-color);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color,padding-block-end}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background: var(--sbb-color-milk);--sbb-calendar-control-view-change-background: light-dark( var(--sbb-color-milk), var(--sbb-color-anthracite) );--sbb-calendar-control-view-change-color: var(--sbb-color-granite);--sbb-calendar-control-view-change-color: light-dark( var(--sbb-color-granite), var(--sbb-color-aluminium) );cursor:unset}.sbb-calendar__controls-change-date: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);outline-offset:var(--sbb-spacing-fixed-1x)}@media(any-hover:hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background: var(--sbb-background-color-3)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces: 6}.sbb-calendar__table-container{display:flex;gap:var(--sbb-calendar-tables-gap);margin-inline:var(--sbb-calendar-margin);--sbb-calendar-min-width: calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow: calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset: min( 0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)) );--sbb-calendar-margin: var(--sbb-calendar-start-offset)}:host(:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) );--sbb-calendar-margin: calc(.5 * var(--sbb-calendar-start-offset))}:host([orientation=horizontal][week-numbers]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc(8 * var(--sbb-calendar-cell-size))}:host([orientation=horizontal][week-numbers]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 8 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}:host([orientation=vertical]) .sbb-calendar__table-container{min-width:var(--sbb-calendar-min-width);--sbb-calendar-start-offset: 0}:host([orientation=vertical]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration: 0ms;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not(:is(:state(wide),[state--wide]))) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header,.sbb-calendar__table-body{text-align:center}.sbb-calendar__table-header-cell{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);width:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-header-color);padding:0}:host(:not([multiple])) .sbb-calendar__table-header-cell{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__header-cell,.sbb-calendar__cell{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-cell-color);cursor:var(--sbb-cursor-pointer);position:relative;z-index:0}.sbb-calendar__header-cell:before,.sbb-calendar__cell:before{content:"";position:absolute;inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:50%;z-index:-1;transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color}@media(any-hover:hover){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:active,:disabled):hover,.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover{--sbb-calendar-cell-background-color: var(--sbb-background-color-3);padding-block-end:var(--sbb-calendar-hover-shift)}}@media(any-hover:hover)and (forced-colors:active){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:active,:disabled):hover:before,.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover:before{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-style: initial}}.sbb-calendar__header-cell:disabled,.sbb-calendar__cell:disabled{--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__header-cell:focus-visible:before,.sbb-calendar__cell:focus-visible:before{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-calendar__header-cell:not(.sbb-calendar__selected,:disabled):active,.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active{--sbb-calendar-cell-background-color: var(--sbb-background-color-4)}@media(forced-colors:active){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:disabled):active:before,.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active:before{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-style: initial}}.sbb-calendar__header-cell{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color)}.sbb-calendar__weekday,.sbb-calendar__day{border-radius:50%;width:var(--sbb-calendar-cell-size)}.sbb-calendar__weekday:before,.sbb-calendar__day:before{border-radius:50%}.sbb-calendar__pill{width:var(--sbb-calendar-wide-cell-size);border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__pill:before{border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected{--sbb-calendar-cell-color: var(--sbb-calendar-cell-selected-color);--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-selected-background-color)}@media(forced-colors:active){.sbb-calendar__selected{--sbb-calendar-cell-background-color: ButtonText !important}}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}`;
|
|
93
|
-
let
|
|
94
|
-
var N, C, I, S, R, T, E, P, L, B, H,
|
|
95
|
-
let o = [He("sbb-calendar")], n, d = [], b, g = nt(
|
|
92
|
+
const wt = Le`:host{display:block;width:max-content;--sbb-calendar-cell-size: 2.5rem;--sbb-calendar-hover-shift: .0625rem;--sbb-calendar-wide-cell-size: 4.375rem;--sbb-calendar-header-color: var(--sbb-color-granite);--sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-calendar-cell-background-color: transparent;--sbb-calendar-cell-padding: .125rem;--sbb-calendar-cell-color: var(--sbb-color-2);--sbb-calendar-cell-selected-color: var(--sbb-color-1-inverted);--sbb-calendar-cell-selected-background-color: var(--sbb-background-color-2-inverted);--sbb-calendar-cell-disabled-height: .09375rem;--sbb-calendar-cell-disabled-width: 1.59375rem;--sbb-calendar-cell-disabled-color: var(--sbb-color-granite);--sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);--sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);--sbb-calendar-table-animation-shift: .00625rem;--sbb-calendar-table-animation-duration: .1ms;--sbb-calendar-table-column-spaces: 12;--sbb-calendar-control-view-change-height: 2.75rem;--sbb-calendar-control-view-change-color: var(--sbb-color-3);--sbb-calendar-control-view-change-background: var(--sbb-background-color-1)}@media(min-width:37.5rem){:host{--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-wide-cell-size: 4.8125rem;--sbb-calendar-control-view-change-height: 3rem}}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);margin-block-end:var(--sbb-spacing-fixed-4x)}.sbb-calendar__controls-month{width:100%;display:flex;gap:var(--sbb-calendar-tables-gap)}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:var(--sbb-cursor-pointer);padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-calendar-control-view-change-background);color:var(--sbb-calendar-control-view-change-color);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color,padding-block-end}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background: var(--sbb-color-milk);--sbb-calendar-control-view-change-background: light-dark( var(--sbb-color-milk), var(--sbb-color-anthracite) );--sbb-calendar-control-view-change-color: var(--sbb-color-granite);--sbb-calendar-control-view-change-color: light-dark( var(--sbb-color-granite), var(--sbb-color-aluminium) );cursor:unset}.sbb-calendar__controls-change-date: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);outline-offset:var(--sbb-spacing-fixed-1x)}@media(any-hover:hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background: var(--sbb-background-color-3)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces: 6}.sbb-calendar__table-overflow-break{contain:layout}.sbb-calendar__table-container{display:flex;gap:var(--sbb-calendar-tables-gap);margin-inline:var(--sbb-calendar-margin);--sbb-calendar-min-width: calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow: calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset: min( 0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)) );--sbb-calendar-margin: var(--sbb-calendar-start-offset)}:host(:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) );--sbb-calendar-margin: calc(.5 * var(--sbb-calendar-start-offset))}:host([orientation=horizontal][week-numbers]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc(8 * var(--sbb-calendar-cell-size))}:host([orientation=horizontal][week-numbers]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 8 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}:host([orientation=vertical]) .sbb-calendar__table-container{min-width:var(--sbb-calendar-min-width);--sbb-calendar-start-offset: 0}:host([orientation=vertical]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration: 0ms;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not(:is(:state(wide),[state--wide]))) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header,.sbb-calendar__table-body{text-align:center}.sbb-calendar__table-header-cell{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);width:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-header-color);padding:0}:host(:not([multiple])) .sbb-calendar__table-header-cell{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__header-cell,.sbb-calendar__cell{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-cell-color);cursor:var(--sbb-cursor-pointer);position:relative;z-index:0}.sbb-calendar__header-cell:before,.sbb-calendar__cell:before{content:"";position:absolute;inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:50%;z-index:-1;transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color}@media(any-hover:hover){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:active,:disabled):hover,.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover{--sbb-calendar-cell-background-color: var(--sbb-background-color-3);padding-block-end:var(--sbb-calendar-hover-shift)}}@media(any-hover:hover)and (forced-colors:active){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:active,:disabled):hover:before,.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover:before{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-style: initial}}.sbb-calendar__header-cell:disabled,.sbb-calendar__cell:disabled{--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__header-cell:focus-visible:before,.sbb-calendar__cell:focus-visible:before{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-calendar__header-cell:not(.sbb-calendar__selected,:disabled):active,.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active{--sbb-calendar-cell-background-color: var(--sbb-background-color-4)}@media(forced-colors:active){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:disabled):active:before,.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active:before{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-style: initial}}.sbb-calendar__header-cell{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color)}.sbb-calendar__weekday,.sbb-calendar__day{border-radius:50%;width:var(--sbb-calendar-cell-size)}.sbb-calendar__weekday:before,.sbb-calendar__day:before{border-radius:50%}.sbb-calendar__pill{width:var(--sbb-calendar-wide-cell-size);border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__pill:before{border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected{--sbb-calendar-cell-color: var(--sbb-calendar-cell-selected-color);--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-selected-background-color)}@media(forced-colors:active){.sbb-calendar__selected{--sbb-calendar-cell-background-color: ButtonText !important}}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}`;
|
|
93
|
+
let St = (() => {
|
|
94
|
+
var N, C, I, S, R, T, E, P, L, B, H, K, p;
|
|
95
|
+
let o = [He("sbb-calendar")], n, d = [], b, g = rt(nt(Be)), v = [], $, O = [], k = [], M, W = [], ae = [], se, ie = [], re = [], ne, le = [], oe = [], de, ce = [], he = [], be, _e, ue = [], fe = [], pe, ge = [], me = [], we, ve = [], ye = [], De, ke = [], Ae = [], xe, $e = [], Ve = [], Me, Ye, ze = [], Fe = [], Oe, We = [], Ne = [];
|
|
96
96
|
return p = class extends g {
|
|
97
97
|
constructor() {
|
|
98
98
|
super();
|
|
@@ -107,18 +107,18 @@ let Rt = (() => {
|
|
|
107
107
|
x(this, L);
|
|
108
108
|
x(this, B);
|
|
109
109
|
x(this, H);
|
|
110
|
-
x(this,
|
|
111
|
-
f(this, N, (u(this, v), u(this, O, !1))), f(this, C, (u(this, k), u(this, W, "day"))), f(this, I, (u(this, ae), u(this, ie, null))), f(this, S, (u(this, re), u(this, le, null))), f(this, R, (u(this, oe), u(this, ce, !1))), f(this, T, (u(this, he), u(this, ue, null))), f(this, E, (u(this, fe), u(this, ge, null))), f(this, P, (u(this, me), u(this, ve, "horizontal"))), f(this, L, (u(this, ye), u(this, ke, !1))), this._dateAdapter = (u(this, Ae), Ue().datetime?.dateAdapter ??
|
|
110
|
+
x(this, K);
|
|
111
|
+
f(this, N, (u(this, v), u(this, O, !1))), f(this, C, (u(this, k), u(this, W, "day"))), f(this, I, (u(this, ae), u(this, ie, null))), f(this, S, (u(this, re), u(this, le, null))), f(this, R, (u(this, oe), u(this, ce, !1))), f(this, T, (u(this, he), u(this, ue, null))), f(this, E, (u(this, fe), u(this, ge, null))), f(this, P, (u(this, me), u(this, ve, "horizontal"))), f(this, L, (u(this, ye), u(this, ke, !1))), this._dateAdapter = (u(this, Ae), Ue().datetime?.dateAdapter ?? Ge), f(this, B, u(this, $e, this._dateAdapter.today())), this._wideInternal = (u(this, Ve), !1), f(this, H, u(this, ze, "day")), this._nextCalendarView = (u(this, Fe), "day"), this._keyboardNavigationDayViewParameters = {
|
|
112
112
|
firstDayInView: null,
|
|
113
113
|
lastDayInView: null,
|
|
114
114
|
firstMonthOffset: 0,
|
|
115
115
|
firstMonthLength: 0,
|
|
116
116
|
secondMonthOffset: 0
|
|
117
|
-
}, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._resetFocus = !1, f(this,
|
|
117
|
+
}, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._resetFocus = !1, this._containingFocus = !1, f(this, K, u(this, We, !1)), this._language = (u(this, Ne), new qe(this).withHandler(() => {
|
|
118
118
|
this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
|
|
119
|
-
})), this._mediaMatcher = new
|
|
119
|
+
})), this._mediaMatcher = new je(this, {
|
|
120
120
|
[Re]: () => this._init()
|
|
121
|
-
}), this._createMonthRows(), this._setWeekdays();
|
|
121
|
+
}), this._createMonthRows(), this._setWeekdays(), this.addEventListener("focusin", () => this._containingFocus = !0), this.addEventListener("focusout", () => this._containingFocus = !1);
|
|
122
122
|
}
|
|
123
123
|
/** If set to true, two months are displayed */
|
|
124
124
|
get wide() {
|
|
@@ -211,10 +211,10 @@ let Rt = (() => {
|
|
|
211
211
|
}
|
|
212
212
|
/** The current wide property considering property value and breakpoints. From zero to small `wide` has always to be false. */
|
|
213
213
|
set _wide(e) {
|
|
214
|
-
this.toggleState("wide", e);
|
|
214
|
+
this.toggleState("wide", e), this._wideInternal = e;
|
|
215
215
|
}
|
|
216
216
|
get _wide() {
|
|
217
|
-
return this.
|
|
217
|
+
return this._wideInternal;
|
|
218
218
|
}
|
|
219
219
|
get _calendarView() {
|
|
220
220
|
return A(this, H);
|
|
@@ -227,10 +227,10 @@ let Rt = (() => {
|
|
|
227
227
|
return Array.from(this.shadowRoot.querySelectorAll(".sbb-calendar__cell") ?? []);
|
|
228
228
|
}
|
|
229
229
|
get _initialized() {
|
|
230
|
-
return A(this,
|
|
230
|
+
return A(this, K);
|
|
231
231
|
}
|
|
232
232
|
set _initialized(e) {
|
|
233
|
-
f(this,
|
|
233
|
+
f(this, K, e);
|
|
234
234
|
}
|
|
235
235
|
_dateFilter(e) {
|
|
236
236
|
return this.dateFilter?.(e) ?? !0;
|
|
@@ -250,7 +250,7 @@ let Rt = (() => {
|
|
|
250
250
|
super.willUpdate(e), this._initialized && ((e.has("wide") || e.has("orientation")) && this.resetPosition(), e.has("view") && (this._setChosenYear(), this._chosenMonth = void 0, this._nextCalendarView = this._calendarView = this.view));
|
|
251
251
|
}
|
|
252
252
|
updated(e) {
|
|
253
|
-
super.updated(e), this._setTabIndex(),
|
|
253
|
+
super.updated(e), this._setTabIndex(), this._focusCell();
|
|
254
254
|
}
|
|
255
255
|
/**
|
|
256
256
|
* The `_selected` state should be adapted when the `multiple` property changes:
|
|
@@ -298,7 +298,7 @@ let Rt = (() => {
|
|
|
298
298
|
* Then, this array is mapped via the `getWeek` function, which returns the ISO week number for that date.
|
|
299
299
|
*/
|
|
300
300
|
_createWeekNumbers(e) {
|
|
301
|
-
return
|
|
301
|
+
return ft({ start: pt(e), end: _t(e) }, { weekStartsOn: 1 }).map((t) => ee(t, { weekStartsOn: 1, firstWeekContainsDate: 4 }));
|
|
302
302
|
}
|
|
303
303
|
/** Creates the rows along the horizontal direction and sets the parameters used in keyboard navigation. */
|
|
304
304
|
_createWeekRows(e, t = !1) {
|
|
@@ -550,10 +550,8 @@ let Rt = (() => {
|
|
|
550
550
|
}
|
|
551
551
|
/** Get the element in the calendar to assign focus. */
|
|
552
552
|
_getFirstFocusable() {
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
let t = this.shadowRoot.querySelector(".sbb-calendar__selected") ?? this.shadowRoot.querySelector(`[value="${this._dateAdapter.toIso8601(e)}"]`) ?? this.shadowRoot.querySelector(`[data-month="${this._dateAdapter.getMonth(e)}"]`) ?? this.shadowRoot.querySelector(`[data-year="${this._dateAdapter.getYear(e)}"]`);
|
|
556
|
-
return (!t || t?.disabled) && (t = this._calendarView === "day" ? this._getFirstFocusableDay() : this.shadowRoot.querySelector(".sbb-calendar__cell:not([disabled])")), t || null;
|
|
553
|
+
const e = this.shadowRoot.querySelector(".sbb-calendar__selected") ?? this.shadowRoot.querySelector(".sbb-calendar__cell-current");
|
|
554
|
+
return e && !e.disabled ? e : this._calendarView === "day" ? this._getFirstFocusableDay() : this.shadowRoot.querySelector(".sbb-calendar__cell:not([disabled])");
|
|
557
555
|
}
|
|
558
556
|
/**
|
|
559
557
|
* In `day` view in `vertical` orientation,
|
|
@@ -682,7 +680,7 @@ let Rt = (() => {
|
|
|
682
680
|
* @param isYearView Whether the displayed `view` is the year one.
|
|
683
681
|
*/
|
|
684
682
|
_calculateParametersForKeyboardNavigation(e, t) {
|
|
685
|
-
const a = t ? V :
|
|
683
|
+
const a = t ? V : Qe, s = Math.trunc(e / a) * a, i = s === 0 ? e : e - a;
|
|
686
684
|
return {
|
|
687
685
|
verticalOffset: t ? X : J,
|
|
688
686
|
elementIndexForWideMode: i,
|
|
@@ -719,14 +717,14 @@ let Rt = (() => {
|
|
|
719
717
|
return e[i].disabled ? this._findNext(e, i, -s) : e[i];
|
|
720
718
|
}
|
|
721
719
|
_resetCalendarView(e = !1) {
|
|
722
|
-
this._resetFocus = !0, this._activeDate = (this.multiple ? this._selected.at(-1) : this._selected) ?? this._dateAdapter.today(), this._setChosenYear(), this._chosenMonth = void 0, this._nextCalendarView = this._calendarView = this.view, e && this._startTableTransition();
|
|
720
|
+
this._containingFocus && (this._resetFocus = !0), this._activeDate = (this.multiple ? this._selected.at(-1) : this._selected) ?? this._dateAdapter.today(), this._setChosenYear(), this._chosenMonth = void 0, this._init(), this._nextCalendarView = this._calendarView = this.view, e && this._startTableTransition();
|
|
723
721
|
}
|
|
724
722
|
/** Render the view for the day selection. */
|
|
725
723
|
_renderDayView() {
|
|
726
724
|
const e = this._wide ? this._dateAdapter.addCalendarMonths(this._activeDate, 1) : void 0;
|
|
727
725
|
return h`
|
|
728
726
|
<div class="sbb-calendar__controls">
|
|
729
|
-
${this._getArrow("left", () => this._goToDifferentMonth(-1),
|
|
727
|
+
${this._getArrow("left", () => this._goToDifferentMonth(-1), Xe[this._language.current], this._previousMonthDisabled())}
|
|
730
728
|
<div class="sbb-calendar__controls-month">
|
|
731
729
|
${this._createLabelForDayView(this._activeDate)}
|
|
732
730
|
${this._wide ? this._createLabelForDayView(e) : m}
|
|
@@ -734,16 +732,18 @@ let Rt = (() => {
|
|
|
734
732
|
${this._createAriaLabelForDayView(this._activeDate, e)}
|
|
735
733
|
</sbb-screen-reader-only>
|
|
736
734
|
</div>
|
|
737
|
-
${this._getArrow("right", () => this._goToDifferentMonth(1),
|
|
735
|
+
${this._getArrow("right", () => this._goToDifferentMonth(1), Ze[this._language.current], this._nextMonthDisabled())}
|
|
738
736
|
</div>
|
|
739
|
-
<div class="sbb-calendar__table-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
737
|
+
<div class="sbb-calendar__table-overflow-break">
|
|
738
|
+
<div class="sbb-calendar__table-container sbb-calendar__table-day-view">
|
|
739
|
+
${this.orientation === "horizontal" ? h`
|
|
740
|
+
${this._createDayTable(this._weeks, this._weekNumbers)}
|
|
741
|
+
${this._wide ? this._createDayTable(this._nextMonthWeeks, this._nextMonthWeekNumbers, !0) : m}
|
|
742
|
+
` : h`
|
|
743
|
+
${this._createDayTableVertical(this._weeks, this._weekNumbers)}
|
|
744
|
+
${this._wide ? this._createDayTableVertical(this._nextMonthWeeks, this._nextMonthWeekNumbers, e) : m}
|
|
745
|
+
`}
|
|
746
|
+
</div>
|
|
747
747
|
</div>
|
|
748
748
|
`;
|
|
749
749
|
}
|
|
@@ -754,7 +754,7 @@ let Rt = (() => {
|
|
|
754
754
|
<button
|
|
755
755
|
type="button"
|
|
756
756
|
class="sbb-calendar__date-selection sbb-calendar__controls-change-date"
|
|
757
|
-
aria-label="${
|
|
757
|
+
aria-label="${et[this._language.current]} ${t}"
|
|
758
758
|
@click=${() => {
|
|
759
759
|
this._resetFocus = !0, this._nextCalendarView = "year", this._startTableTransition();
|
|
760
760
|
}}
|
|
@@ -814,7 +814,7 @@ let Rt = (() => {
|
|
|
814
814
|
${this.multiple ? h`
|
|
815
815
|
<button
|
|
816
816
|
class="sbb-calendar__header-cell sbb-calendar__weekday"
|
|
817
|
-
aria-label=${`${
|
|
817
|
+
aria-label=${`${U[this._language.current]} ${t[0]}`}
|
|
818
818
|
@click=${() => {
|
|
819
819
|
const w = i.filter((j) => j.weekValue === t[0]);
|
|
820
820
|
this._selectMultipleDates(w);
|
|
@@ -824,7 +824,7 @@ let Rt = (() => {
|
|
|
824
824
|
</button>
|
|
825
825
|
` : h`
|
|
826
826
|
<sbb-screen-reader-only
|
|
827
|
-
>${`${
|
|
827
|
+
>${`${U[this._language.current]} ${t[0]}`}</sbb-screen-reader-only
|
|
828
828
|
>
|
|
829
829
|
<span aria-hidden="true">${t[0]}</span>
|
|
830
830
|
`}
|
|
@@ -840,7 +840,7 @@ let Rt = (() => {
|
|
|
840
840
|
${this.multiple ? h`
|
|
841
841
|
<button
|
|
842
842
|
class="sbb-calendar__header-cell sbb-calendar__weekday"
|
|
843
|
-
aria-label=${`${
|
|
843
|
+
aria-label=${`${U[this._language.current]} ${t[c]}`}
|
|
844
844
|
@click=${() => {
|
|
845
845
|
const w = i.filter((j) => j.weekValue === t[c]);
|
|
846
846
|
this._selectMultipleDates(w);
|
|
@@ -850,7 +850,7 @@ let Rt = (() => {
|
|
|
850
850
|
</button>
|
|
851
851
|
` : h`
|
|
852
852
|
<sbb-screen-reader-only
|
|
853
|
-
>${`${
|
|
853
|
+
>${`${U[this._language.current]} ${t[c]}`}</sbb-screen-reader-only
|
|
854
854
|
>
|
|
855
855
|
<span aria-hidden="true">${t[c]}</span>
|
|
856
856
|
`}
|
|
@@ -882,7 +882,7 @@ let Rt = (() => {
|
|
|
882
882
|
${this.multiple ? h`
|
|
883
883
|
<button
|
|
884
884
|
class="sbb-calendar__header-cell sbb-calendar__weekday"
|
|
885
|
-
aria-label=${`${
|
|
885
|
+
aria-label=${`${U[this._language.current]} ${r}`}
|
|
886
886
|
@click=${() => {
|
|
887
887
|
const c = l.filter((_) => _.weekValue === r);
|
|
888
888
|
this._selectMultipleDates(c);
|
|
@@ -892,7 +892,7 @@ let Rt = (() => {
|
|
|
892
892
|
</button>
|
|
893
893
|
` : h`
|
|
894
894
|
<sbb-screen-reader-only
|
|
895
|
-
>${`${
|
|
895
|
+
>${`${U[this._language.current]} ${r}`}</sbb-screen-reader-only
|
|
896
896
|
>
|
|
897
897
|
<span aria-hidden="true">${r}</span>
|
|
898
898
|
`}
|
|
@@ -973,13 +973,15 @@ let Rt = (() => {
|
|
|
973
973
|
_renderMonthView() {
|
|
974
974
|
return h`
|
|
975
975
|
<div class="sbb-calendar__controls">
|
|
976
|
-
${this._getArrow("left", () => this._goToDifferentYear(-1),
|
|
976
|
+
${this._getArrow("left", () => this._goToDifferentYear(-1), tt[this._language.current], this._previousYearDisabled())}
|
|
977
977
|
<div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
|
|
978
|
-
${this._getArrow("right", () => this._goToDifferentYear(1),
|
|
978
|
+
${this._getArrow("right", () => this._goToDifferentYear(1), at[this._language.current], this._nextYearDisabled())}
|
|
979
979
|
</div>
|
|
980
|
-
<div class="sbb-calendar__table-
|
|
981
|
-
|
|
982
|
-
|
|
980
|
+
<div class="sbb-calendar__table-overflow-break">
|
|
981
|
+
<div class="sbb-calendar__table-container sbb-calendar__table-month-view">
|
|
982
|
+
${this._createMonthTable(this._months, this._chosenYear)}
|
|
983
|
+
${this._wide ? this._createMonthTable(this._months, this._chosenYear + 1) : m}
|
|
984
|
+
</div>
|
|
983
985
|
</div>
|
|
984
986
|
`;
|
|
985
987
|
}
|
|
@@ -1062,13 +1064,15 @@ let Rt = (() => {
|
|
|
1062
1064
|
_renderYearView() {
|
|
1063
1065
|
return h`
|
|
1064
1066
|
<div class="sbb-calendar__controls">
|
|
1065
|
-
${this._getArrow("left", () => this._goToDifferentYearRange(-V),
|
|
1067
|
+
${this._getArrow("left", () => this._goToDifferentYearRange(-V), st(V)[this._language.current], this._previousYearRangeDisabled())}
|
|
1066
1068
|
<div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
|
|
1067
|
-
${this._getArrow("right", () => this._goToDifferentYearRange(V),
|
|
1069
|
+
${this._getArrow("right", () => this._goToDifferentYearRange(V), it(V)[this._language.current], this._nextYearRangeDisabled())}
|
|
1068
1070
|
</div>
|
|
1069
|
-
<div class="sbb-calendar__table-
|
|
1070
|
-
|
|
1071
|
-
|
|
1071
|
+
<div class="sbb-calendar__table-overflow-break">
|
|
1072
|
+
<div class="sbb-calendar__table-container sbb-calendar__table-year-view">
|
|
1073
|
+
${this._createYearTable(this._years)}
|
|
1074
|
+
${this._wide ? this._createYearTable(this._nextMonthYears, !0) : m}
|
|
1075
|
+
</div>
|
|
1072
1076
|
</div>
|
|
1073
1077
|
`;
|
|
1074
1078
|
}
|
|
@@ -1156,14 +1160,13 @@ let Rt = (() => {
|
|
|
1156
1160
|
return this._renderYearView();
|
|
1157
1161
|
case "month":
|
|
1158
1162
|
return this._renderMonthView();
|
|
1159
|
-
case "day":
|
|
1160
1163
|
default:
|
|
1161
1164
|
return this._renderDayView();
|
|
1162
1165
|
}
|
|
1163
1166
|
}
|
|
1164
1167
|
_tableAnimationEnd(e) {
|
|
1165
1168
|
const t = e.target;
|
|
1166
|
-
e.animationName === "hide" ? (t.classList.remove("sbb-calendar__table-hide"), this._resetFocus = !0, this._calendarView = this._nextCalendarView) : e.animationName === "show" && this.internals.states.delete("transition");
|
|
1169
|
+
e.animationName === "hide" ? (t.classList.remove("sbb-calendar__table-hide"), this._containingFocus && (this._resetFocus = !0), this._calendarView = this._nextCalendarView) : e.animationName === "show" && this.internals.states.delete("transition");
|
|
1167
1170
|
}
|
|
1168
1171
|
_startTableTransition() {
|
|
1169
1172
|
this.internals.states.add("transition"), this.shadowRoot?.querySelectorAll("table")?.forEach((e) => e.classList.toggle("sbb-calendar__table-hide"));
|
|
@@ -1171,9 +1174,9 @@ let Rt = (() => {
|
|
|
1171
1174
|
render() {
|
|
1172
1175
|
return h`<div class="sbb-calendar__wrapper">${this._getView()}</div>`;
|
|
1173
1176
|
}
|
|
1174
|
-
}, N = new WeakMap(), C = new WeakMap(), I = new WeakMap(), S = new WeakMap(), R = new WeakMap(), T = new WeakMap(), E = new WeakMap(), P = new WeakMap(), L = new WeakMap(), B = new WeakMap(), H = new WeakMap(),
|
|
1177
|
+
}, N = new WeakMap(), C = new WeakMap(), I = new WeakMap(), S = new WeakMap(), R = new WeakMap(), T = new WeakMap(), E = new WeakMap(), P = new WeakMap(), L = new WeakMap(), B = new WeakMap(), H = new WeakMap(), K = new WeakMap(), b = p, (() => {
|
|
1175
1178
|
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
|
|
1176
|
-
$ = [Z(), Y({ type: Boolean })], M = [Y()], se = [Te(), Y()], ne = [Te(), Y()], de = [Z(),
|
|
1179
|
+
$ = [Z(), Y({ type: Boolean })], M = [Y()], se = [Te(), Y()], ne = [Te(), Y()], de = [Z(), Je((t, a) => t._onMultipleChanged(a)), Y({ type: Boolean })], be = [Y()], _e = [G()], pe = [Y({ attribute: "date-filter" })], we = [Y({ reflect: !0 })], De = [Z(), Y({ attribute: "week-numbers", type: Boolean })], xe = [G()], Me = [G()], Ye = [G()], Oe = [G()], y(p, null, $, { kind: "accessor", name: "wide", static: !1, private: !1, access: { has: (t) => "wide" in t, get: (t) => t.wide, set: (t, a) => {
|
|
1177
1180
|
t.wide = a;
|
|
1178
1181
|
} }, metadata: e }, O, k), y(p, null, M, { kind: "accessor", name: "view", static: !1, private: !1, access: { has: (t) => "view" in t, get: (t) => t.view, set: (t, a) => {
|
|
1179
1182
|
t.view = a;
|
|
@@ -1202,10 +1205,10 @@ let Rt = (() => {
|
|
|
1202
1205
|
} }, metadata: e }, ze, Fe), y(p, null, Oe, { kind: "accessor", name: "_initialized", static: !1, private: !1, access: { has: (t) => "_initialized" in t, get: (t) => t._initialized, set: (t, a) => {
|
|
1203
1206
|
t._initialized = a;
|
|
1204
1207
|
} }, metadata: e }, We, Ne), y(null, n = { value: b }, o, { kind: "class", name: b.name, metadata: e }, null, d), b = n.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
1205
|
-
})(), p.styles = [
|
|
1208
|
+
})(), p.styles = [lt, wt], p.events = {
|
|
1206
1209
|
dateselected: "dateselected"
|
|
1207
1210
|
}, u(b, d), b;
|
|
1208
1211
|
})();
|
|
1209
1212
|
export {
|
|
1210
|
-
|
|
1213
|
+
St as SbbCalendarElement
|
|
1211
1214
|
};
|