@sbb-esta/lyne-elements-dev 4.14.2-dev.1784022560 → 4.14.2-dev.1785765449
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/calendar.component.js +1 -1
- package/calendar/calendar.js +1 -1
- package/calendar/common/calendar-cell-base-element.js +1 -1
- package/calendar/common.js +1 -1
- package/calendar-cell-base-element-82Z5AeBH.js +25 -0
- package/{calendar.component-Ba0Fwb29.js → calendar.component-DWTak4w2.js} +3 -3
- package/calendar.js +1 -1
- package/calendar.pure.js +1 -1
- package/core/datetime/date-adapter.js +4 -1
- package/core.css +10 -2
- package/custom-elements.json +1258 -1258
- package/development/calendar/calendar/calendar.component.d.ts.map +1 -1
- package/development/calendar/calendar/calendar.component.js +1 -1
- package/development/calendar/calendar.js +1 -1
- package/development/calendar/common/calendar-cell-base-element.js +1 -1
- package/development/calendar/common.js +1 -1
- package/development/calendar-cell-base-element-Ub79t3a8.js +38 -0
- package/development/{calendar.component-_aQkgYF_.js → calendar.component-BpdFNvbt.js} +4 -4
- package/development/calendar.js +1 -1
- package/development/calendar.pure.js +1 -1
- package/development/core/datetime/date-adapter.d.ts.map +1 -1
- package/development/core/datetime/date-adapter.js +5 -2
- package/off-brand-theme.css +10 -2
- package/package.json +2 -2
- package/safety-theme.css +10 -2
- package/standard-theme.css +10 -2
- package/calendar-cell-base-element-BmCNJgsW.js +0 -25
- package/development/calendar-cell-base-element-C9bSs3Q8.js +0 -38
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../../calendar.component-
|
|
1
|
+
import { n as e, t } from "../../calendar.component-DWTak4w2.js";
|
|
2
2
|
export { t as SbbCalendarElement, e as SbbMonthChangeEvent };
|
package/calendar/calendar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as e, t } from "../calendar.component-
|
|
1
|
+
import { n as e, t } from "../calendar.component-DWTak4w2.js";
|
|
2
2
|
t.define(), console.warn("The entrypoint '@sbb-esta/elements/calendar/calendar.js' has been deprecated.\nUse either '@sbb-esta/elements/calendar.js' or '@sbb-esta/elements/calendar.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { t as SbbCalendarElement, e as SbbMonthChangeEvent };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../../calendar-cell-base-element-
|
|
1
|
+
import { n as e, t } from "../../calendar-cell-base-element-82Z5AeBH.js";
|
|
2
2
|
export { t as SbbCalendarCellBaseElement, e as calendarCellBaseStyle };
|
package/calendar/common.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../calendar-cell-base-element-
|
|
1
|
+
import { n as e, t } from "../calendar-cell-base-element-82Z5AeBH.js";
|
|
2
2
|
export { t as SbbCalendarCellBaseElement, e as calendarCellBaseStyle };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { unsafeCSS as e } from "lit";
|
|
2
|
+
import { readConfig as t } from "./core/config/config.js";
|
|
3
|
+
import { defaultDateAdapter as n } from "./core/datetime/native-date-adapter.js";
|
|
4
|
+
import { SbbButtonLikeBaseElement as r } from "./core/base-elements/button-base-element.js";
|
|
5
|
+
import { SbbPropertyWatcherController as i } from "./core/controllers/property-watcher-controller.js";
|
|
6
|
+
import { SbbDisabledMixin as a } from "./core/mixins/disabled-mixin.js";
|
|
7
|
+
//#endregion
|
|
8
|
+
//#region src/elements/calendar/common/calendar-cell-base-element.ts
|
|
9
|
+
var o = e(":host{display:block;--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-calendar-cell-border-radius: calc( var(--sbb-border-radius-4x) + var(--sbb-calendar-cell-border-width) )}@media(forced-colors:active){:host{--sbb-calendar-cell-border: transparent}}:host(:is(:state(current),[state--current])){--sbb-calendar-cell-font-weight: bold}:host(:is(:state(selected),[state--selected])){--sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid var(--sbb-border-color-2)}:host(:disabled){--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);--sbb-calendar-cell-cursor: default}:host(:disabled:is(:state(crossed-out),[state--crossed-out])){--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-crossed-out-color)}:host(:focus-visible){outline:0}:host(:not(:disabled):active){--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-background-color-active)}.sbb-action-base{display:inline-flex;justify-content:center;align-items:center;position:relative;font-size:var(--sbb-calendar-cell-font-size);font-weight:var(--sbb-calendar-cell-font-weight);letter-spacing:var(--sbb-typo-letter-spacing-text);cursor:var(--sbb-calendar-cell-cursor);color:var(--sbb-calendar-cell-color);border-radius:var(--sbb-calendar-cell-border-radius)}:host(:focus-visible) .sbb-action-base{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: .0625rem}.sbb-action-base:before{content:\"\";position:absolute;background-color:var(--sbb-calendar-cell-background-color);inset:var(--sbb-calendar-cell-inset);border:var(--sbb-calendar-cell-border);border-radius:var(--sbb-calendar-cell-border-radius);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color;z-index:-1}@media(forced-colors:active){:host(:not(:disabled):active) .sbb-action-base: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}}@media(any-hover:hover){:host(:not(:active,:disabled):hover) .sbb-action-base{--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-background-color-hover)}}@media(any-hover:hover)and (forced-colors:active){:host(:not(:active,:disabled):hover) .sbb-action-base: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-offset: .0625rem;--sbb-focus-outline-style: initial}}.sbb-calendar-year,.sbb-calendar-month{height:var(--sbb-calendar-cell-year-month-height);width:var(--sbb-calendar-cell-year-month-width);padding-block-end:var(--sbb-calendar-cell-padding)}:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-year:after,:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-month: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-crossed-out-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar-weekday,.sbb-calendar-weeknumber{--sbb-calendar-cell-font-size: var(--sbb-text-font-size-xs);--sbb-calendar-cell-font-weight: normal;height:var(--sbb-calendar-day-width);width:var(--sbb-calendar-day-width);color:var(--sbb-calendar-header-color)}"), s = class extends a(r) {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(), this.dateAdapter = t().datetime?.dateAdapter ?? n, this.addController(new i(this, () => this.getParent(), {
|
|
12
|
+
dateFilter: (e) => this.setDisabledFilteredState(e),
|
|
13
|
+
min: (e) => this.setDisabledFilteredState(e),
|
|
14
|
+
max: (e) => this.setDisabledFilteredState(e),
|
|
15
|
+
selected: (e) => this.setSelectedState(e)
|
|
16
|
+
}));
|
|
17
|
+
}
|
|
18
|
+
getParent() {
|
|
19
|
+
return this.getRootNode?.()?.host?.closest("sbb-calendar");
|
|
20
|
+
}
|
|
21
|
+
formResetCallback() {}
|
|
22
|
+
formStateRestoreCallback(e, t) {}
|
|
23
|
+
};
|
|
24
|
+
//#endregion
|
|
25
|
+
export { o as n, s as t };
|
|
@@ -531,7 +531,7 @@ var w = class extends Event {
|
|
|
531
531
|
this._init(this._dateAdapter.addCalendarMonths(this._activeDate, e)), this._emitMonthChange();
|
|
532
532
|
}
|
|
533
533
|
_goToDifferentYear(e) {
|
|
534
|
-
this._chosenYear += e, this._activeDate = this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate),
|
|
534
|
+
this._chosenYear += e, this._activeDate = this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), 1), this._init();
|
|
535
535
|
}
|
|
536
536
|
_goToDifferentYearRange(e) {
|
|
537
537
|
this._init(this._dateAdapter.addCalendarYears(this._activeDate, e));
|
|
@@ -973,7 +973,7 @@ var w = class extends Event {
|
|
|
973
973
|
`;
|
|
974
974
|
}
|
|
975
975
|
_onMonthSelection(e, t) {
|
|
976
|
-
this._chosenMonth = e, this._nextCalendarView = "day", this._init(this._dateAdapter.createDate(t, this._chosenMonth,
|
|
976
|
+
this._chosenMonth = e, this._nextCalendarView = "day", this._init(this._dateAdapter.createDate(t, this._chosenMonth, 1)), this._startTableTransition(), this._emitMonthChange();
|
|
977
977
|
}
|
|
978
978
|
_renderYearView() {
|
|
979
979
|
return n`
|
|
@@ -1038,7 +1038,7 @@ var w = class extends Event {
|
|
|
1038
1038
|
</table>`;
|
|
1039
1039
|
}
|
|
1040
1040
|
_onYearSelection(e, t) {
|
|
1041
|
-
this._chosenYear = t ? e - 1 : e, this._nextCalendarView = "month", this._assignActiveDate(this._dateAdapter.createDate(
|
|
1041
|
+
this._chosenYear = t ? e - 1 : e, this._nextCalendarView = "month", this._assignActiveDate(this._dateAdapter.createDate(e, this._dateAdapter.getMonth(this._activeDate), 1)), this._startTableTransition();
|
|
1042
1042
|
}
|
|
1043
1043
|
_getView() {
|
|
1044
1044
|
if (r || this.hydrationRequired) return n`${i}`;
|
package/calendar.js
CHANGED
|
@@ -3,7 +3,7 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
|
|
|
3
3
|
import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
|
|
4
4
|
import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
|
|
5
5
|
import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
|
|
6
|
-
import { n as a, t as o } from "./calendar.component-
|
|
6
|
+
import { n as a, t as o } from "./calendar.component-DWTak4w2.js";
|
|
7
7
|
import "./calendar.pure.js";
|
|
8
8
|
o.define(), e.define(), t.define(), n.define(), r.define(), i.define();
|
|
9
9
|
//#endregion
|
package/calendar.pure.js
CHANGED
|
@@ -3,5 +3,5 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
|
|
|
3
3
|
import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
|
|
4
4
|
import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
|
|
5
5
|
import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
|
|
6
|
-
import { n as a, t as o } from "./calendar.component-
|
|
6
|
+
import { n as a, t as o } from "./calendar.component-DWTak4w2.js";
|
|
7
7
|
export { e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent };
|
|
@@ -14,7 +14,10 @@ var e = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1
|
|
|
14
14
|
} catch {}
|
|
15
15
|
if (this.isValid(r)) return r;
|
|
16
16
|
let a = n.replace(/\D/g, " ").trim()?.match(e);
|
|
17
|
-
|
|
17
|
+
try {
|
|
18
|
+
r = a ? this.createDate(+a[3], +a[2], +a[1]) : null;
|
|
19
|
+
} catch {}
|
|
20
|
+
if (!a || a.index !== 0 || a.length <= 2 || a.some((e) => e === void 0) || !this.isValid(r)) return null;
|
|
18
21
|
let o = +a[3];
|
|
19
22
|
if (typeof o == "number" && o < 100 && o >= 0) {
|
|
20
23
|
let e = this.getYear(this.today()) - 2e3 + this._cutoffYearOffset;
|
package/core.css
CHANGED
|
@@ -1255,8 +1255,16 @@ slot[name=error]::slotted(*) {
|
|
|
1255
1255
|
--sbb-calendar-cell-border-width: var(--sbb-border-width-2x);
|
|
1256
1256
|
--sbb-calendar-cell-disabled-height: 0.09375rem;
|
|
1257
1257
|
--sbb-calendar-cell-disabled-width: 1.59375rem;
|
|
1258
|
-
--sbb-calendar-cell-disabled-color: var(--sbb-color-
|
|
1259
|
-
--sbb-calendar-cell-disabled-color: light-dark(
|
|
1258
|
+
--sbb-calendar-cell-disabled-color: var(--sbb-color-graphite);
|
|
1259
|
+
--sbb-calendar-cell-disabled-color: light-dark(
|
|
1260
|
+
var(--sbb-color-graphite),
|
|
1261
|
+
var(--sbb-color-anthracite)
|
|
1262
|
+
);
|
|
1263
|
+
--sbb-calendar-cell-disabled-crossed-out-color: var(--sbb-color-granite);
|
|
1264
|
+
--sbb-calendar-cell-disabled-crossed-out-color: light-dark(
|
|
1265
|
+
var(--sbb-color-granite),
|
|
1266
|
+
var(--sbb-color-smoke)
|
|
1267
|
+
);
|
|
1260
1268
|
--sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
|
|
1261
1269
|
--sbb-calendar-control-gap: var(--sbb-spacing-fixed-2x);
|
|
1262
1270
|
--sbb-calendar-control-margin-block-end: var(--sbb-spacing-fixed-4x);
|