@sbb-esta/lyne-elements 4.10.0 → 4.11.0

package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../breadcrumb-group.component-Cc6CHbVy.js";
+import { t as e } from "../../breadcrumb-group.component-F3-JZkfO.js";
 export { e as SbbBreadcrumbGroupElement };

package/breadcrumb/breadcrumb-group.js

@@ -1,4 +1,4 @@
-import { t as e } from "../breadcrumb-group.component-Cc6CHbVy.js";
+import { t as e } from "../breadcrumb-group.component-F3-JZkfO.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/breadcrumb/breadcrumb-group.js' has been deprecated.\nUse either '@sbb-esta/elements/breadcrumb.js' or '@sbb-esta/elements/breadcrumb.pure.js' instead.");
 //#endregion
 export { e as SbbBreadcrumbGroupElement };

package/{breadcrumb-group.component-Cc6CHbVy.js → breadcrumb-group.component-F3-JZkfO.js}

@@ -10,7 +10,7 @@ import "./icon.js";
 import { ResizeController as d } from "@lit-labs/observers/resize-controller.js";
 import { getNextElementIndex as f, isArrowKeyPressed as p, sbbInputModalityDetector as m } from "./core/a11y.js";
 //#region src/elements/breadcrumb/breadcrumb-group/breadcrumb-group.scss?inline
-var h = ":host{display:block;min-width:0}:host(:is(:state(loaded),[state--loaded])){--sbb-breadcrumb-group-visibility: visible}:host(:is(:is(:state(state-collapsed),[state--state-collapsed]),:is(:state(state-manually-expanded),[state--state-manually-expanded]))){--sbb-breadcrumb-group-wrap: wrap}.sbb-breadcrumb-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility)}.sbb-breadcrumb-group__item{flex:0 0 auto;display:flex;column-gap:var(--sbb-spacing-fixed-1x)}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-breadcrumb-group-ellipsis-color)}#sbb-breadcrumb-ellipsis{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-text-font-size-xxs);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);line-height:0;letter-spacing:.01em;font-size:var(--sbb-text-font-size-xxs);width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);border-radius:50%;padding-block-end:.5em;cursor:var(--sbb-cursor-pointer);color:var(--sbb-breadcrumb-group-ellipsis-color);background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);overflow:hidden}@media(forced-colors:active){#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-2x);--sbb-breadcrumb-group-ellipsis-border-color: CanvasText}}@media(any-hover:hover){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-2);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-background-color-3)}}@media(any-hover:hover)and (forced-colors:active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis: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)}", g = 3, _ = (() => {
+var h = ":host{display:block;min-width:0}:host(:is(:state(loaded),[state--loaded])){--sbb-breadcrumb-group-visibility: visible}:host(:is(:is(:state(state-collapsed),[state--state-collapsed]),:is(:state(state-manually-expanded),[state--state-manually-expanded]))){--sbb-breadcrumb-group-wrap: wrap}.sbb-breadcrumb-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility)}.sbb-breadcrumb-group__item{flex:0 0 auto;display:flex;column-gap:var(--sbb-spacing-fixed-1x)}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-breadcrumb-group-ellipsis-color)}#sbb-breadcrumb-ellipsis{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-text-font-size-xxs);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);line-height:0;letter-spacing:.01em;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);border-radius:50%;padding-block-end:.5em;cursor:var(--sbb-cursor-pointer);color:var(--sbb-breadcrumb-group-ellipsis-color);background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);overflow:hidden}@media(forced-colors:active){#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-2x);--sbb-breadcrumb-group-ellipsis-border-color: CanvasText}}@media(any-hover:hover){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-2);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-background-color-3)}}@media(any-hover:hover)and (forced-colors:active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis: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)}", g = 3, _ = (() => {
 	let _ = s(o), v = [], y;
 	return class extends _ {
 		static {

package/breadcrumb.js

@@ -1,4 +1,4 @@
-import { t as e } from "./breadcrumb-group.component-Cc6CHbVy.js";
+import { t as e } from "./breadcrumb-group.component-F3-JZkfO.js";
 import { t } from "./breadcrumb.component-C1xO7cgt.js";
 import "./breadcrumb.pure.js";
 t.define(), e.define();

package/breadcrumb.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./breadcrumb-group.component-Cc6CHbVy.js";
+import { t as e } from "./breadcrumb-group.component-F3-JZkfO.js";
 import { t } from "./breadcrumb.component-C1xO7cgt.js";
 export { t as SbbBreadcrumbElement, e as SbbBreadcrumbGroupElement };

package/calendar/calendar/calendar.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../calendar.component-DhmaJt2k.js";
+import { n as e, t } from "../../calendar.component-DjQOyRGl.js";
 export { t as SbbCalendarElement, e as SbbMonthChangeEvent };

package/calendar/calendar.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "../calendar.component-DhmaJt2k.js";
+import { n as e, t } from "../calendar.component-DjQOyRGl.js";
 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.");
 //#endregion
 export { t as SbbCalendarElement, e as SbbMonthChangeEvent };

package/{calendar.component-DhmaJt2k.js → calendar.component-DjQOyRGl.js}

@@ -443,12 +443,12 @@ var w = class extends Event {
 			};
 		}
 		_getWeek(e) {
-			let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), 1, 1), n = this._dateAdapter.getDayOfWeek(t), r = [
+			let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), 1, 1), n = this._dateAdapter.getDayOfWeek(t), r = +!![
 				pe,
 				ge,
 				_e,
 				he
-			].includes(n) ? 1 : 0, i = this._dateAdapter.addCalendarDays(t, this._dateAdapter.getFirstWeekOffset(t) * -1);
+			].includes(n), i = this._dateAdapter.addCalendarDays(t, this._dateAdapter.getFirstWeekOffset(t) * -1);
 			for (; this._dateAdapter.compareDate(i, e) <= 0;) {
 				let n = this._dateAdapter.addCalendarDays(i, 6);
 				if (this._dateAdapter.compareDate(e, n) <= 0) return r > 0 ? r : this._getWeek(this._dateAdapter.addCalendarDays(t, -1));

package/calendar.js

@@ -3,7 +3,7 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
 import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
 import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
 import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { n as a, t as o } from "./calendar.component-DhmaJt2k.js";
+import { n as a, t as o } from "./calendar.component-DjQOyRGl.js";
 import "./calendar.pure.js";
 o.define(), e.define(), t.define(), n.define(), r.define(), i.define();
 //#endregion

package/calendar.pure.js

@@ -3,5 +3,5 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
 import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
 import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
 import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { n as a, t as o } from "./calendar.component-DhmaJt2k.js";
+import { n as a, t as o } from "./calendar.component-DjQOyRGl.js";
 export { e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent };

package/core/base-elements/element.js

@@ -8,7 +8,7 @@ var r = class extends n(t(e)) {
 	}
 	static define(e = customElements) {
 		if (!this.elementName) throw Error(`The static property "elementName" is not defined on ${this.name}. Please define it to register the custom element.`);
-		e.get(this.elementName) || (e.define(this.elementName, this), this.finalize());
+		e.get(this.elementName) || e.define(this.elementName, this);
 	}
 	addController(e) {
 		super.addController(e), (this._controllers ??= /* @__PURE__ */ new Set()).add(e);

package/core/styles/mixins/table.scss

@@ -1,10 +1,9 @@
 @use './typo';
 
-// SBB table mixin
-// Notes:
-// We cannot use `border-collapse` because in sticky variants it gets visually broken.
-// Therefore, we have to build the grid avoiding double borders.
-// TODO: remove with next major release
+// TODO: delete this file with next major release
+// All mixins have been inlined in the table global style
+
+// @deprecated
 @mixin table {
   @include table--m;
   @include table--striped;
@@ -63,7 +62,7 @@
   }
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table-header-row {
   // If there is more than one header row, only the last one has the bottom border
   &:last-of-type > th {
@@ -71,7 +70,7 @@
   }
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table-header-cell {
   font-size: var(--sbb-table-header-cell-font-size);
   letter-spacing: var(--sbb-typo-letter-spacing-text);
@@ -83,7 +82,7 @@
   padding-inline: var(--sbb-table-header-padding-inline);
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table-data-cell {
   font-size: var(--sbb-table-data-cell-font-size);
   letter-spacing: var(--sbb-typo-letter-spacing-text);
@@ -94,7 +93,7 @@
   padding-inline: var(--sbb-table-cell-padding-inline);
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table-caption {
   // Workaround for storybook. It crashes if 'light-dark' is used as a 'var' fallback
   --sbb-table-caption-color-fallback: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
@@ -108,31 +107,31 @@
   text-align: left;
 }
 
-// TODO: remove and inline with next major release
+// @deprecated
 @mixin table-filter {
   padding-block-start: 0 !important;
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table--striped {
   tbody tr:nth-child(odd) :is(th, td) {
     @include table-row--striped;
   }
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table--unstriped {
   tbody tr:nth-child(odd) :is(th, td) {
     background-color: var(--sbb-table-background-color);
   }
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table-row--striped {
   background-color: var(--sbb-table-row-striped-color);
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table--negative {
   --sbb-table-border-color: var(--sbb-color-anthracite);
   --sbb-table-background-color: var(--sbb-background-color-1-negative);
@@ -141,7 +140,7 @@
   --sbb-table-caption-color: var(--sbb-color-cement);
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table--m {
   --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
   --sbb-table-data-cell-font-size: var(--sbb-text-font-size-s);
@@ -151,7 +150,7 @@
   --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-4x);
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table--s {
   --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
   --sbb-table-data-cell-font-size: var(--sbb-text-font-size-xs);
@@ -161,7 +160,7 @@
   --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-2x);
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table--xs {
   --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
   --sbb-table-data-cell-font-size: var(--sbb-text-font-size-xs);
@@ -171,7 +170,7 @@
   --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-1x);
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table--theme-iron {
   --sbb-table-cell-color: var(--sbb-color-4);
 
@@ -180,7 +179,7 @@
   }
 }
 
-// TODO: remove with next major release
+// @deprecated
 @mixin table--theme-iron-negative {
   --sbb-table-cell-color: var(--sbb-color-cloud);
 }

package/core/styles/theme.scss

@@ -14,5 +14,7 @@ $theme: 'standard' !default;
 @use './layout';
 @use './lists';
 @use './scrollbar';
-@use './table';
+@use '../../table/table.global' with (
+  $theme: $theme
+);
 @use './timetable-form';