@sbb-esta/lyne-elements 3.9.0 → 3.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
  2. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
  3. package/calendar/calendar.component.d.ts +2 -1
  4. package/calendar/calendar.component.d.ts.map +1 -1
  5. package/calendar/calendar.component.js +211 -225
  6. package/carousel/carousel/carousel.component.d.ts.map +1 -1
  7. package/carousel/carousel/carousel.component.js +5 -5
  8. package/core/controllers/escapable-overlay-controller.d.ts +3 -0
  9. package/core/controllers/escapable-overlay-controller.d.ts.map +1 -1
  10. package/core/controllers/overlay-position-controller.d.ts +60 -0
  11. package/core/controllers/overlay-position-controller.d.ts.map +1 -0
  12. package/core/controllers/overlay-position-controller.js +224 -0
  13. package/core/controllers.d.ts +1 -0
  14. package/core/controllers.d.ts.map +1 -1
  15. package/core/controllers.js +12 -10
  16. package/core/styles/core.scss +27 -2
  17. package/core.css +21 -2
  18. package/custom-elements.json +2238 -769
  19. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +7 -1
  20. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +2 -1
  21. package/development/calendar/calendar.component.d.ts +2 -1
  22. package/development/calendar/calendar.component.d.ts.map +1 -1
  23. package/development/calendar/calendar.component.js +20 -36
  24. package/development/carousel/carousel/carousel.component.d.ts.map +1 -1
  25. package/development/carousel/carousel/carousel.component.js +2 -2
  26. package/development/core/controllers/escapable-overlay-controller.d.ts +3 -0
  27. package/development/core/controllers/escapable-overlay-controller.d.ts.map +1 -1
  28. package/development/core/controllers/escapable-overlay-controller.js +1 -1
  29. package/development/core/controllers/overlay-position-controller.d.ts +60 -0
  30. package/development/core/controllers/overlay-position-controller.d.ts.map +1 -0
  31. package/development/core/controllers/overlay-position-controller.js +306 -0
  32. package/development/core/controllers.d.ts +1 -0
  33. package/development/core/controllers.d.ts.map +1 -1
  34. package/development/core/controllers.js +3 -1
  35. package/development/mini-calendar/mini-calendar/mini-calendar.component.d.ts +35 -0
  36. package/development/mini-calendar/mini-calendar/mini-calendar.component.d.ts.map +1 -0
  37. package/development/mini-calendar/mini-calendar/mini-calendar.component.js +201 -0
  38. package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts +23 -0
  39. package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts.map +1 -0
  40. package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +181 -0
  41. package/development/mini-calendar/mini-calendar-day.d.ts +5 -0
  42. package/development/mini-calendar/mini-calendar-day.d.ts.map +1 -0
  43. package/development/mini-calendar/mini-calendar-day.js +5 -0
  44. package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts +25 -0
  45. package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts.map +1 -0
  46. package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +123 -0
  47. package/development/mini-calendar/mini-calendar-month.d.ts +5 -0
  48. package/development/mini-calendar/mini-calendar-month.d.ts.map +1 -0
  49. package/development/mini-calendar/mini-calendar-month.js +5 -0
  50. package/development/mini-calendar/mini-calendar.d.ts +5 -0
  51. package/development/mini-calendar/mini-calendar.d.ts.map +1 -0
  52. package/development/mini-calendar/mini-calendar.js +5 -0
  53. package/development/mini-calendar.d.ts +7 -0
  54. package/development/mini-calendar.d.ts.map +1 -0
  55. package/development/mini-calendar.js +9 -0
  56. package/development/paginator/common/paginator-common.d.ts.map +1 -1
  57. package/development/paginator/common/paginator-common.js +14 -3
  58. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +4 -1
  59. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  60. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +5 -1
  61. package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts +4 -1
  62. package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts.map +1 -1
  63. package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.js +5 -1
  64. package/development/tabs/tab/tab.component.d.ts +9 -0
  65. package/development/tabs/tab/tab.component.d.ts.map +1 -1
  66. package/development/tabs/tab/tab.component.js +48 -7
  67. package/development/tabs/tab-group/tab-group.component.d.ts +7 -3
  68. package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  69. package/development/tabs/tab-group/tab-group.component.js +19 -39
  70. package/development/tabs/tab-label/tab-label.component.d.ts.map +1 -1
  71. package/development/tabs/tab-label/tab-label.component.js +4 -3
  72. package/development/tooltip/tooltip.component.d.ts +11 -4
  73. package/development/tooltip/tooltip.component.d.ts.map +1 -1
  74. package/development/tooltip/tooltip.component.js +57 -78
  75. package/index.d.ts +6 -0
  76. package/index.js +6 -0
  77. package/mini-calendar/mini-calendar/mini-calendar.component.d.ts +35 -0
  78. package/mini-calendar/mini-calendar/mini-calendar.component.d.ts.map +1 -0
  79. package/mini-calendar/mini-calendar/mini-calendar.component.js +133 -0
  80. package/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts +23 -0
  81. package/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts.map +1 -0
  82. package/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +66 -0
  83. package/mini-calendar/mini-calendar-day.d.ts +5 -0
  84. package/mini-calendar/mini-calendar-day.d.ts.map +1 -0
  85. package/mini-calendar/mini-calendar-day.js +4 -0
  86. package/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts +25 -0
  87. package/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts.map +1 -0
  88. package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +59 -0
  89. package/mini-calendar/mini-calendar-month.d.ts +5 -0
  90. package/mini-calendar/mini-calendar-month.d.ts.map +1 -0
  91. package/mini-calendar/mini-calendar-month.js +4 -0
  92. package/mini-calendar/mini-calendar.d.ts +5 -0
  93. package/mini-calendar/mini-calendar.d.ts.map +1 -0
  94. package/mini-calendar/mini-calendar.js +4 -0
  95. package/mini-calendar.d.ts +7 -0
  96. package/mini-calendar.d.ts.map +1 -0
  97. package/mini-calendar.js +8 -0
  98. package/off-brand-theme.css +21 -2
  99. package/package.json +21 -1
  100. package/paginator/common/paginator-common.d.ts.map +1 -1
  101. package/paginator/common/paginator-common.js +30 -25
  102. package/safety-theme.css +21 -2
  103. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +4 -1
  104. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  105. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +9 -6
  106. package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts +4 -1
  107. package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts.map +1 -1
  108. package/sidebar/icon-sidebar-link/icon-sidebar-link.component.js +13 -10
  109. package/standard-theme.css +21 -2
  110. package/tabs/tab/tab.component.d.ts +9 -0
  111. package/tabs/tab/tab.component.d.ts.map +1 -1
  112. package/tabs/tab/tab.component.js +37 -18
  113. package/tabs/tab-group/tab-group.component.d.ts +7 -3
  114. package/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  115. package/tabs/tab-group/tab-group.component.js +51 -52
  116. package/tabs/tab-label/tab-label.component.d.ts.map +1 -1
  117. package/tabs/tab-label/tab-label.component.js +12 -12
  118. package/tooltip/tooltip.component.d.ts +11 -4
  119. package/tooltip/tooltip.component.d.ts.map +1 -1
  120. package/tooltip/tooltip.component.js +60 -84
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mini-calendar-day.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/mini-calendar/mini-calendar-day/mini-calendar-day.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAQnE;;GAEG;AACH,qBAEM,yBAAyB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,oBAAoB;IACpE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,YAAY,CAA4E;IAEhG,sCAAsC;IACtC,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,8BAA8B;IAC9B,SAEgB,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAM;IAE9E,+BAA+B;IAC/B,SAEgB,KAAK,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAM;cAElE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
@@ -0,0 +1,66 @@
1
+ var E = (r) => {
2
+ throw TypeError(r);
3
+ };
4
+ var I = (r, t, o) => t.has(r) || E("Cannot " + o);
5
+ var u = (r, t, o) => (I(r, t, "read from private field"), o ? o.call(r) : t.get(r)), h = (r, t, o) => t.has(r) ? E("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, o), l = (r, t, o, s) => (I(r, t, "write to private field"), s ? s.call(r, o) : t.set(r, o), o);
6
+ import { __esDecorate as v, __runInitializers as n } from "tslib";
7
+ import { css as T, html as j } from "lit";
8
+ import { customElement as B, property as f } from "lit/decorators.js";
9
+ import { SbbButtonBaseElement as O } from "../../core/base-elements.js";
10
+ import { readConfig as U } from "../../core/config/config.js";
11
+ import "../../core/datetime/date-adapter.js";
12
+ import { defaultDateAdapter as F } from "../../core/datetime/native-date-adapter.js";
13
+ import { forceType as g, omitEmptyConverter as C } from "../../core/decorators.js";
14
+ const L = T`*,:before,:after{box-sizing:border-box}:host{--sbb-mini-calendar-day-scale: 1.333;--sbb-mini-calendar-day-animation-easing: var(--sbb-animation-easing);--sbb-mini-calendar-day-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;height:.375rem;width:.375rem;margin:.0625rem;border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-color-storm);color:light-dark(var(--sbb-color-storm),var(--sbb-color-smoke));background-color:currentcolor}@media (any-hover: hover){:host(:hover){scale:var(--sbb-mini-calendar-day-scale);transition:scale var(--sbb-mini-calendar-day-animation-easing) var(--sbb-mini-calendar-day-animation-duration)}}:host(: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:.125rem}:host([color=charcoal]){color:var(--sbb-background-color-2-inverted)}:host([color=cloud]){color:var(--sbb-background-color-4-inverted)}:host([color=orange]){color:var(--sbb-color-orange-light)}:host([color=red]){color:var(--sbb-color-error)}:host([color=sky]){color:var(--sbb-color-sky-light)}:host([marker=circle]){background-color:var(--sbb-color-1-inverted);border:.0625rem solid currentcolor}:host([marker=target]){background:radial-gradient(circle,currentcolor 0%,currentcolor 25%,var(--sbb-color-1-inverted) 25%,var(--sbb-color-1-inverted) 50%,currentcolor 50%,currentcolor 100%)}:host([marker=slash]){position:relative}:host([marker=slash]):before{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%)}:host([marker=cross]){position:relative}:host([marker=cross]):before{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%),linear-gradient(45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%)}`;
15
+ let V = (() => {
16
+ var c, d, b, i;
17
+ let r = [B("sbb-mini-calendar-day")], t, o = [], s, p = O, _, k = [], y = [], x, z = [], S = [], D, w = [], A = [];
18
+ return i = class extends p {
19
+ constructor() {
20
+ super(...arguments);
21
+ h(this, c);
22
+ h(this, d);
23
+ h(this, b);
24
+ this._dateAdapter = U().datetime?.dateAdapter ?? F, l(this, c, n(this, k, "")), l(this, d, (n(this, y), n(this, z, ""))), l(this, b, (n(this, S), n(this, w, ""))), n(this, A);
25
+ }
26
+ /** Date as ISO string (YYYY-MM-DD) */
27
+ get date() {
28
+ return u(this, c);
29
+ }
30
+ set date(a) {
31
+ l(this, c, a);
32
+ }
33
+ /** The type of the marker. */
34
+ get marker() {
35
+ return u(this, d);
36
+ }
37
+ set marker(a) {
38
+ l(this, d, a);
39
+ }
40
+ /** The color of the marker. */
41
+ get color() {
42
+ return u(this, b);
43
+ }
44
+ set color(a) {
45
+ l(this, b, a);
46
+ }
47
+ willUpdate(a) {
48
+ super.willUpdate(a), a.has("date") && this.date && (this.internals.ariaLabel = this._dateAdapter.getAccessibilityFormatDate(this.date));
49
+ }
50
+ renderTemplate() {
51
+ return j``;
52
+ }
53
+ }, c = new WeakMap(), d = new WeakMap(), b = new WeakMap(), s = i, (() => {
54
+ const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
55
+ _ = [g(), f()], x = [g(), f({ reflect: !0, converter: C })], D = [g(), f({ reflect: !0, converter: C })], v(i, null, _, { kind: "accessor", name: "date", static: !1, private: !1, access: { has: (e) => "date" in e, get: (e) => e.date, set: (e, m) => {
56
+ e.date = m;
57
+ } }, metadata: a }, k, y), v(i, null, x, { kind: "accessor", name: "marker", static: !1, private: !1, access: { has: (e) => "marker" in e, get: (e) => e.marker, set: (e, m) => {
58
+ e.marker = m;
59
+ } }, metadata: a }, z, S), v(i, null, D, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, m) => {
60
+ e.color = m;
61
+ } }, metadata: a }, w, A), v(null, t = { value: s }, r, { kind: "class", name: s.name, metadata: a }, null, o), s = t.value, a && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
62
+ })(), i.styles = L, n(s, o), s;
63
+ })();
64
+ export {
65
+ V as SbbMiniCalendarDayElement
66
+ };
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @entrypoint
3
+ */
4
+ export * from './mini-calendar-day/mini-calendar-day.component.js';
5
+ //# sourceMappingURL=mini-calendar-day.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mini-calendar-day.d.ts","sourceRoot":"","sources":["../../../src/elements/mini-calendar/mini-calendar-day.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oDAAoD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { SbbMiniCalendarDayElement as n } from "./mini-calendar-day/mini-calendar-day.component.js";
2
+ export {
3
+ n as SbbMiniCalendarDayElement
4
+ };
@@ -0,0 +1,25 @@
1
+ import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
2
+ declare const SbbMiniCalendarMonthElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
3
+ /**
4
+ * It displays a month in the `sbb-mini-calendar`.
5
+ *
6
+ * @slot - Use the unnamed slot to add `sbb-mini-calendar-day` elements.
7
+ */
8
+ export declare class SbbMiniCalendarMonthElement<T = Date> extends SbbMiniCalendarMonthElement_base {
9
+ static styles: CSSResultGroup;
10
+ /** Date as ISO string (YYYY-MM-DD) */
11
+ accessor date: string;
12
+ private _dateAdapter;
13
+ private _monthNames;
14
+ private _monthLabel;
15
+ private _yearLabel;
16
+ protected willUpdate(changedProperties: PropertyValues<this>): void;
17
+ protected render(): TemplateResult;
18
+ }
19
+ declare global {
20
+ interface HTMLElementTagNameMap {
21
+ 'sbb-mini-calendar-month': SbbMiniCalendarMonthElement;
22
+ }
23
+ }
24
+ export {};
25
+ //# sourceMappingURL=mini-calendar-month.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mini-calendar-month.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/mini-calendar/mini-calendar-month/mini-calendar-month.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACpF,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAWvC;;;;GAIG;AACH,qBAEM,2BAA2B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,gCAAoC;IACtF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,sCAAsC;IACtC,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,WAAW,CAA4C;IAC/D,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,UAAU,CAAuB;cAEtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBzD,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}
@@ -0,0 +1,59 @@
1
+ var f = (t) => {
2
+ throw TypeError(t);
3
+ };
4
+ var y = (t, e, a) => e.has(t) || f("Cannot " + a);
5
+ var u = (t, e, a) => (y(t, e, "read from private field"), a ? a.call(t) : e.get(t)), _ = (t, e, a) => e.has(t) ? f("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), d = (t, e, a, i) => (y(t, e, "write to private field"), i ? i.call(t, a) : e.set(t, a), a);
6
+ import { __runInitializers as m, __esDecorate as g } from "tslib";
7
+ import { css as x, LitElement as w, html as z } from "lit";
8
+ import { customElement as S, property as A } from "lit/decorators.js";
9
+ import { readConfig as L } from "../../core/config/config.js";
10
+ import "../../core/datetime/date-adapter.js";
11
+ import { defaultDateAdapter as k } from "../../core/datetime/native-date-adapter.js";
12
+ import { forceType as D } from "../../core/decorators.js";
13
+ import { SbbElementInternalsMixin as E } from "../../core/mixins.js";
14
+ const $ = x`*,:before,:after{box-sizing:border-box}:host{--sbb-mini-calendar-month-offset: 0;--sbb-mini-calendar-month-display-year: none;display:inline-block}:host(:is(:state(show-year),[state--show-year])){--sbb-mini-calendar-month-display-year: block}.sbb-mini-calendar-month-wrapper{display:grid;height:var(--sbb-mini-calendar-month-height);grid-auto-flow:var(--sbb-mini-calendar-grid-auto-flow);grid-auto-rows:.5rem;grid-template-columns:var(--sbb-mini-calendar-month-grid-template-columns);grid-template-rows:var(--sbb-mini-calendar-month-grid-template-rows)}.sbb-mini-calendar-month-label-year,.sbb-mini-calendar-month-label-month{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-silver))}.sbb-mini-calendar-month-label-year{display:var(--sbb-mini-calendar-month-display-year)}`;
15
+ let W = (() => {
16
+ var n, l;
17
+ let t = [S("sbb-mini-calendar-month")], e, a = [], i, b = E(w), c, h = [], p = [];
18
+ return l = class extends b {
19
+ constructor() {
20
+ super(...arguments);
21
+ _(this, n);
22
+ d(this, n, m(this, h, "")), this._dateAdapter = (m(this, p), L().datetime?.dateAdapter ?? k), this._monthNames = this._dateAdapter.getMonthNames("short"), this._monthLabel = null, this._yearLabel = null;
23
+ }
24
+ /** Date as ISO string (YYYY-MM-DD) */
25
+ get date() {
26
+ return u(this, n);
27
+ }
28
+ set date(s) {
29
+ d(this, n, s);
30
+ }
31
+ willUpdate(s) {
32
+ if (super.willUpdate(s), s.has("date") && this.date) {
33
+ if (!this.date.match(/^\d{4}-(0[1-9]|1[0-2])$/))
34
+ return;
35
+ const r = this.date.split("-"), o = this._dateAdapter.createDate(+r[0], +r[1], 1), v = this._dateAdapter.getFirstWeekOffset(o);
36
+ this.style?.setProperty("--sbb-mini-calendar-month-offset", `${v + 1}`), this._monthLabel = `${this._monthNames[+r[1] - 1]}.`, this._yearLabel = String(this._dateAdapter.getYear(o));
37
+ }
38
+ }
39
+ render() {
40
+ return z`
41
+ <div class="sbb-mini-calendar-month">
42
+ <div class="sbb-mini-calendar-month-label-year">${this._yearLabel}</div>
43
+ <div class="sbb-mini-calendar-month-wrapper">
44
+ <slot></slot>
45
+ </div>
46
+ <div class="sbb-mini-calendar-month-label-month">${this._monthLabel}</div>
47
+ </div>
48
+ `;
49
+ }
50
+ }, n = new WeakMap(), i = l, (() => {
51
+ const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
52
+ c = [D(), A()], g(l, null, c, { kind: "accessor", name: "date", static: !1, private: !1, access: { has: (r) => "date" in r, get: (r) => r.date, set: (r, o) => {
53
+ r.date = o;
54
+ } }, metadata: s }, h, p), g(null, e = { value: i }, t, { kind: "class", name: i.name, metadata: s }, null, a), i = e.value, s && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
55
+ })(), l.styles = $, m(i, a), i;
56
+ })();
57
+ export {
58
+ W as SbbMiniCalendarMonthElement
59
+ };
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @entrypoint
3
+ */
4
+ export * from './mini-calendar-month/mini-calendar-month.component.js';
5
+ //# sourceMappingURL=mini-calendar-month.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mini-calendar-month.d.ts","sourceRoot":"","sources":["../../../src/elements/mini-calendar/mini-calendar-month.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wDAAwD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { SbbMiniCalendarMonthElement as o } from "./mini-calendar-month/mini-calendar-month.component.js";
2
+ export {
3
+ o as SbbMiniCalendarMonthElement
4
+ };
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @entrypoint
3
+ */
4
+ export * from './mini-calendar/mini-calendar.component.js';
5
+ //# sourceMappingURL=mini-calendar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mini-calendar.d.ts","sourceRoot":"","sources":["../../../src/elements/mini-calendar/mini-calendar.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { SbbMiniCalendarElement as r } from "./mini-calendar/mini-calendar.component.js";
2
+ export {
3
+ r as SbbMiniCalendarElement
4
+ };
@@ -0,0 +1,7 @@
1
+ /**
2
+ * @entrypoint
3
+ */
4
+ export * from './mini-calendar/mini-calendar.js';
5
+ export * from './mini-calendar/mini-calendar-day.js';
6
+ export * from './mini-calendar/mini-calendar-month.js';
7
+ //# sourceMappingURL=mini-calendar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mini-calendar.d.ts","sourceRoot":"","sources":["../../src/elements/mini-calendar.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { SbbMiniCalendarElement as r } from "./mini-calendar/mini-calendar/mini-calendar.component.js";
2
+ import { SbbMiniCalendarDayElement as o } from "./mini-calendar/mini-calendar-day/mini-calendar-day.component.js";
3
+ import { SbbMiniCalendarMonthElement as b } from "./mini-calendar/mini-calendar-month/mini-calendar-month.component.js";
4
+ export {
5
+ o as SbbMiniCalendarDayElement,
6
+ r as SbbMiniCalendarElement,
7
+ b as SbbMiniCalendarMonthElement
8
+ };
@@ -1731,8 +1731,7 @@ sbb-menu,
1731
1731
  sbb-navigation,
1732
1732
  sbb-overlay,
1733
1733
  sbb-popover,
1734
- sbb-toast,
1735
- sbb-tooltip) {
1734
+ sbb-toast) {
1736
1735
  margin: 0;
1737
1736
  padding: 0;
1738
1737
  border: none;
@@ -2021,6 +2020,26 @@ sbb-status:has(sbb-title) {
2021
2020
  --sbb-option-white-space: nowrap;
2022
2021
  }
2023
2022
 
2023
+ sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month {
2024
+ --sbb-mini-calendar-grid-auto-flow: row;
2025
+ --sbb-mini-calendar-month-height: 3rem;
2026
+ --sbb-mini-calendar-month-grid-template-rows: none;
2027
+ --sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr);
2028
+ }
2029
+ sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
2030
+ grid-column-start: var(--sbb-mini-calendar-month-offset);
2031
+ }
2032
+
2033
+ sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month {
2034
+ --sbb-mini-calendar-grid-auto-flow: column;
2035
+ --sbb-mini-calendar-month-height: auto;
2036
+ --sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);
2037
+ --sbb-mini-calendar-month-grid-template-columns: none;
2038
+ }
2039
+ sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
2040
+ grid-row-start: var(--sbb-mini-calendar-month-offset);
2041
+ }
2042
+
2024
2043
  sub {
2025
2044
  bottom: -0.36em;
2026
2045
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements",
3
- "version": "3.9.0",
3
+ "version": "3.11.0",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
@@ -764,6 +764,26 @@
764
764
  "development": "./development/message.js",
765
765
  "default": "./message.js"
766
766
  },
767
+ "./mini-calendar.js": {
768
+ "types": "./development/mini-calendar.d.ts",
769
+ "development": "./development/mini-calendar.js",
770
+ "default": "./mini-calendar.js"
771
+ },
772
+ "./mini-calendar/mini-calendar.js": {
773
+ "types": "./development/mini-calendar/mini-calendar.d.ts",
774
+ "development": "./development/mini-calendar/mini-calendar.js",
775
+ "default": "./mini-calendar/mini-calendar.js"
776
+ },
777
+ "./mini-calendar/mini-calendar-day.js": {
778
+ "types": "./development/mini-calendar/mini-calendar-day.d.ts",
779
+ "development": "./development/mini-calendar/mini-calendar-day.js",
780
+ "default": "./mini-calendar/mini-calendar-day.js"
781
+ },
782
+ "./mini-calendar/mini-calendar-month.js": {
783
+ "types": "./development/mini-calendar/mini-calendar-month.d.ts",
784
+ "development": "./development/mini-calendar/mini-calendar-month.js",
785
+ "default": "./mini-calendar/mini-calendar-month.js"
786
+ },
767
787
  "./navigation.js": {
768
788
  "types": "./development/navigation.d.ts",
769
789
  "development": "./development/navigation.js",
@@ -1 +1 @@
1
- {"version":3,"file":"paginator-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/paginator/common/paginator-common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAuB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AASlE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EACL,KAAK,mBAAmB,EAIzB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,kBAAkB,CAAC;;AAE1B,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,kCAAmC,SAAQ,uCAExE;IACC,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,QAAQ,EAAE,MAAM,CAAC;IACjC,SAAgB,SAAS,EAAE,MAAM,CAAC;IAClC,SAAgB,aAAa,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/C,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChC,SAAgB,sBAAsB,EAAE,MAAM,CAAC;IAC/C,SAAgB,8BAA8B,EAAE,MAAM,CAAC;IACvD,SAAgB,0BAA0B,EAAE,MAAM,CAAC;IAC5C,QAAQ,IAAI,IAAI;IAChB,YAAY,IAAI,IAAI;IACpB,SAAS,IAAI,IAAI;IACjB,QAAQ,IAAI,IAAI;IAChB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC/B,eAAe,IAAI,OAAO;IAC1B,WAAW,IAAI,OAAO;IACtB,aAAa,IAAI,MAAM;IAC9B,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,aAAa,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI;IACxD,SAAS,CAAC,qBAAqB,IAAI,cAAc;IACjD,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,cAAc;CACrD;AAGD,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACtF,YAAY,CAAC,KACZ,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,CA4N5D,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B,IAAI,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAC;KACjD;CACF"}
1
+ {"version":3,"file":"paginator-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/paginator/common/paginator-common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAuB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AASlE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EACL,KAAK,mBAAmB,EAIzB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,kBAAkB,CAAC;;AAE1B,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,kCAAmC,SAAQ,uCAExE;IACC,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,QAAQ,EAAE,MAAM,CAAC;IACjC,SAAgB,SAAS,EAAE,MAAM,CAAC;IAClC,SAAgB,aAAa,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/C,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChC,SAAgB,sBAAsB,EAAE,MAAM,CAAC;IAC/C,SAAgB,8BAA8B,EAAE,MAAM,CAAC;IACvD,SAAgB,0BAA0B,EAAE,MAAM,CAAC;IAC5C,QAAQ,IAAI,IAAI;IAChB,YAAY,IAAI,IAAI;IACpB,SAAS,IAAI,IAAI;IACjB,QAAQ,IAAI,IAAI;IAChB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC/B,eAAe,IAAI,OAAO;IAC1B,WAAW,IAAI,OAAO;IACtB,aAAa,IAAI,MAAM;IAC9B,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,aAAa,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI;IACxD,SAAS,CAAC,qBAAqB,IAAI,cAAc;IACjD,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,cAAc;CACrD;AAGD,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACtF,YAAY,CAAC,KACZ,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,CA4O5D,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B,IAAI,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAC;KACjD;CACF"}
@@ -1,11 +1,12 @@
1
- var T = (i) => {
1
+ var E = (i) => {
2
2
  throw TypeError(i);
3
3
  };
4
- var U = (i, r, l) => r.has(i) || T("Cannot " + l);
5
- var x = (i, r, l) => (U(i, r, "read from private field"), l ? l.call(i) : r.get(i)), _ = (i, r, l) => r.has(i) ? T("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, l), n = (i, r, l, b) => (U(i, r, "write to private field"), b ? b.call(i, l) : r.set(i, l), l);
4
+ var T = (i, r, l) => r.has(i) || E("Cannot " + l);
5
+ var x = (i, r, l) => (T(i, r, "read from private field"), l ? l.call(i) : r.get(i)), _ = (i, r, l) => r.has(i) ? E("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, l), n = (i, r, l, o) => (T(i, r, "write to private field"), o ? o.call(i, l) : r.set(i, l), l);
6
6
  import { __runInitializers as g, __esDecorate as c } from "tslib";
7
- import { html as A } from "lit";
7
+ import { html as U } from "lit";
8
8
  import { property as h } from "lit/decorators.js";
9
+ import { sbbInputModalityDetector as A } from "../../core/a11y/input-modality-detector.js";
9
10
  import { SbbLanguageController as F } from "../../core/controllers.js";
10
11
  import { forceType as m } from "../../core/decorators.js";
11
12
  import { isLean as G } from "../../core/dom.js";
@@ -14,18 +15,18 @@ import { SbbNegativeMixin as V, SbbDisabledMixin as W, SbbElementInternalsMixin
14
15
  import "../../button/mini-button.js";
15
16
  import "../../button/mini-button-group.js";
16
17
  import "../../divider.js";
17
- const ce = (i) => (() => {
18
- var o, p, u, d, P, a;
19
- let l = V(W(X(i))), b = [], y, z, v, f, L = [], I = [], S, N = [], $ = [], k, M = [], O = [], w, R = [], j = [], D, q = [], B = [];
18
+ const oe = (i) => (() => {
19
+ var b, p, u, d, P, a;
20
+ let l = V(W(X(i))), o = [], y, z, v, f, I = [], L = [], S, N = [], M = [], k, $ = [], R = [], w, O = [], B = [], D, j = [], q = [];
20
21
  return a = class extends l {
21
22
  constructor() {
22
23
  super(...arguments);
23
- _(this, o);
24
+ _(this, b);
24
25
  _(this, p);
25
26
  _(this, u);
26
27
  _(this, d);
27
28
  _(this, P);
28
- this._length = (g(this, b), 0), this._pageSize = 10, this._pageIndex = 0, n(this, o, g(this, L, "start")), n(this, p, (g(this, I), g(this, N, G() ? "s" : "m"))), n(this, u, (g(this, $), g(this, M, ""))), n(this, d, (g(this, O), g(this, R, ""))), n(this, P, (g(this, j), g(this, q, ""))), this.language = (g(this, B), new F(this)), this._previousPageSize = this._pageSize;
29
+ this._length = (g(this, o), 0), this._pageSize = 10, this._pageIndex = 0, n(this, b, g(this, I, "start")), n(this, p, (g(this, L), g(this, N, G() ? "s" : "m"))), n(this, u, (g(this, M), g(this, $, ""))), n(this, d, (g(this, R), g(this, O, ""))), n(this, P, (g(this, B), g(this, j, ""))), this.language = (g(this, q), new F(this)), this._previousPageSize = this._pageSize;
29
30
  }
30
31
  /** Total number of items. */
31
32
  set length(t) {
@@ -51,10 +52,10 @@ const ce = (i) => (() => {
51
52
  }
52
53
  /** Position of the prev/next buttons. */
53
54
  get pagerPosition() {
54
- return x(this, o);
55
+ return x(this, b);
55
56
  }
56
57
  set pagerPosition(t) {
57
- n(this, o, t);
58
+ n(this, b, t);
58
59
  }
59
60
  /**
60
61
  * Size variant, either m or s.
@@ -159,14 +160,16 @@ const ce = (i) => (() => {
159
160
  }));
160
161
  }
161
162
  renderPrevNextButtons() {
162
- return A`
163
+ return U`
163
164
  <sbb-mini-button-group ?negative=${this.negative} size=${this.size === "s" ? "s" : "l"}>
164
165
  <sbb-mini-button
165
166
  id="sbb-paginator-prev-page"
166
167
  aria-label=${this.accessibilityPreviousPageLabel ? this.accessibilityPreviousPageLabel : K[this.language.current]}
167
168
  icon-name="chevron-small-left-small"
168
169
  ?disabled=${this.disabled || !this.hasPreviousPage()}
169
- @click=${() => this.previousPage()}
170
+ @click=${() => {
171
+ this.previousPage(), !this.hasPreviousPage() && A.mostRecentModality === "keyboard" && this.shadowRoot?.getElementById("sbb-paginator-next-page").focus();
172
+ }}
170
173
  ></sbb-mini-button>
171
174
  <sbb-divider orientation="vertical"></sbb-divider>
172
175
  <sbb-mini-button
@@ -174,40 +177,42 @@ const ce = (i) => (() => {
174
177
  aria-label=${this.accessibilityNextPageLabel ? this.accessibilityNextPageLabel : Q[this.language.current]}
175
178
  icon-name="chevron-small-right-small"
176
179
  ?disabled=${this.disabled || !this.hasNextPage()}
177
- @click=${() => this.nextPage()}
180
+ @click=${() => {
181
+ this.nextPage(), !this.hasNextPage() && A.mostRecentModality === "keyboard" && this.shadowRoot?.getElementById("sbb-paginator-prev-page").focus();
182
+ }}
178
183
  ></sbb-mini-button>
179
184
  </sbb-mini-button-group>
180
185
  `;
181
186
  }
182
187
  render() {
183
- return A`
188
+ return U`
184
189
  ${this.renderPaginator()}
185
190
  <sbb-screen-reader-only id="status" role="status"></sbb-screen-reader-only>
186
191
  `;
187
192
  }
188
- }, o = new WeakMap(), p = new WeakMap(), u = new WeakMap(), d = new WeakMap(), P = new WeakMap(), (() => {
193
+ }, b = new WeakMap(), p = new WeakMap(), u = new WeakMap(), d = new WeakMap(), P = new WeakMap(), (() => {
189
194
  const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
190
195
  y = [h({ type: Number })], z = [h({ attribute: "page-size", type: Number })], v = [h({ attribute: "page-index", type: Number })], f = [h({ attribute: "pager-position", reflect: !0 })], S = [h({ reflect: !0 })], k = [m(), h({ attribute: "accessibility-page-label" })], w = [m(), h({ attribute: "accessibility-previous-page-label" })], D = [m(), h({ attribute: "accessibility-next-page-label" })], c(a, null, y, { kind: "setter", name: "length", static: !1, private: !1, access: { has: (e) => "length" in e, set: (e, s) => {
191
196
  e.length = s;
192
- } }, metadata: t }, null, b), c(a, null, z, { kind: "setter", name: "pageSize", static: !1, private: !1, access: { has: (e) => "pageSize" in e, set: (e, s) => {
197
+ } }, metadata: t }, null, o), c(a, null, z, { kind: "setter", name: "pageSize", static: !1, private: !1, access: { has: (e) => "pageSize" in e, set: (e, s) => {
193
198
  e.pageSize = s;
194
- } }, metadata: t }, null, b), c(a, null, v, { kind: "setter", name: "pageIndex", static: !1, private: !1, access: { has: (e) => "pageIndex" in e, set: (e, s) => {
199
+ } }, metadata: t }, null, o), c(a, null, v, { kind: "setter", name: "pageIndex", static: !1, private: !1, access: { has: (e) => "pageIndex" in e, set: (e, s) => {
195
200
  e.pageIndex = s;
196
- } }, metadata: t }, null, b), c(a, null, f, { kind: "accessor", name: "pagerPosition", static: !1, private: !1, access: { has: (e) => "pagerPosition" in e, get: (e) => e.pagerPosition, set: (e, s) => {
201
+ } }, metadata: t }, null, o), c(a, null, f, { kind: "accessor", name: "pagerPosition", static: !1, private: !1, access: { has: (e) => "pagerPosition" in e, get: (e) => e.pagerPosition, set: (e, s) => {
197
202
  e.pagerPosition = s;
198
- } }, metadata: t }, L, I), c(a, null, S, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, s) => {
203
+ } }, metadata: t }, I, L), c(a, null, S, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, s) => {
199
204
  e.size = s;
200
- } }, metadata: t }, N, $), c(a, null, k, { kind: "accessor", name: "accessibilityPageLabel", static: !1, private: !1, access: { has: (e) => "accessibilityPageLabel" in e, get: (e) => e.accessibilityPageLabel, set: (e, s) => {
205
+ } }, metadata: t }, N, M), c(a, null, k, { kind: "accessor", name: "accessibilityPageLabel", static: !1, private: !1, access: { has: (e) => "accessibilityPageLabel" in e, get: (e) => e.accessibilityPageLabel, set: (e, s) => {
201
206
  e.accessibilityPageLabel = s;
202
- } }, metadata: t }, M, O), c(a, null, w, { kind: "accessor", name: "accessibilityPreviousPageLabel", static: !1, private: !1, access: { has: (e) => "accessibilityPreviousPageLabel" in e, get: (e) => e.accessibilityPreviousPageLabel, set: (e, s) => {
207
+ } }, metadata: t }, $, R), c(a, null, w, { kind: "accessor", name: "accessibilityPreviousPageLabel", static: !1, private: !1, access: { has: (e) => "accessibilityPreviousPageLabel" in e, get: (e) => e.accessibilityPreviousPageLabel, set: (e, s) => {
203
208
  e.accessibilityPreviousPageLabel = s;
204
- } }, metadata: t }, R, j), c(a, null, D, { kind: "accessor", name: "accessibilityNextPageLabel", static: !1, private: !1, access: { has: (e) => "accessibilityNextPageLabel" in e, get: (e) => e.accessibilityNextPageLabel, set: (e, s) => {
209
+ } }, metadata: t }, O, B), c(a, null, D, { kind: "accessor", name: "accessibilityNextPageLabel", static: !1, private: !1, access: { has: (e) => "accessibilityNextPageLabel" in e, get: (e) => e.accessibilityNextPageLabel, set: (e, s) => {
205
210
  e.accessibilityNextPageLabel = s;
206
- } }, metadata: t }, q, B), t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
211
+ } }, metadata: t }, j, q), t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
207
212
  })(), a.role = "group", a.events = {
208
213
  page: "page"
209
214
  }, a;
210
215
  })();
211
216
  export {
212
- ce as SbbPaginatorCommonElementMixin
217
+ oe as SbbPaginatorCommonElementMixin
213
218
  };
package/safety-theme.css CHANGED
@@ -1731,8 +1731,7 @@ sbb-menu,
1731
1731
  sbb-navigation,
1732
1732
  sbb-overlay,
1733
1733
  sbb-popover,
1734
- sbb-toast,
1735
- sbb-tooltip) {
1734
+ sbb-toast) {
1736
1735
  margin: 0;
1737
1736
  padding: 0;
1738
1737
  border: none;
@@ -2021,6 +2020,26 @@ sbb-status:has(sbb-title) {
2021
2020
  --sbb-option-white-space: nowrap;
2022
2021
  }
2023
2022
 
2023
+ sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month {
2024
+ --sbb-mini-calendar-grid-auto-flow: row;
2025
+ --sbb-mini-calendar-month-height: 3rem;
2026
+ --sbb-mini-calendar-month-grid-template-rows: none;
2027
+ --sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr);
2028
+ }
2029
+ sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
2030
+ grid-column-start: var(--sbb-mini-calendar-month-offset);
2031
+ }
2032
+
2033
+ sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month {
2034
+ --sbb-mini-calendar-grid-auto-flow: column;
2035
+ --sbb-mini-calendar-month-height: auto;
2036
+ --sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);
2037
+ --sbb-mini-calendar-month-grid-template-columns: none;
2038
+ }
2039
+ sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
2040
+ grid-row-start: var(--sbb-mini-calendar-month-offset);
2041
+ }
2042
+
2024
2043
  sub {
2025
2044
  bottom: -0.36em;
2026
2045
  }
@@ -1,13 +1,16 @@
1
1
  import { CSSResultGroup, TemplateResult } from 'lit';
2
2
  import { SbbButtonBaseElement } from '../../core/base-elements.js';
3
+ import { SbbTooltipDefaultPositions } from '../../tooltip.js';
3
4
  declare const SbbIconSidebarButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
4
5
  /**
5
6
  * Button to be placed inside `sbb-icon-sidebar`.
6
7
  *
7
8
  * @slot icon - Slot used to display the icon.
8
9
  */
9
- export declare class SbbIconSidebarButtonElement extends SbbIconSidebarButtonElement_base {
10
+ export declare class SbbIconSidebarButtonElement extends SbbIconSidebarButtonElement_base implements SbbTooltipDefaultPositions {
10
11
  static styles: CSSResultGroup;
12
+ /** @internal */
13
+ readonly tooltipPositions: string[];
11
14
  protected renderTemplate(): TemplateResult;
12
15
  }
13
16
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"icon-sidebar-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-button/icon-sidebar-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;GAIG;AACH,qBAEM,2BAA4B,SAAQ,gCAAsC;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAAgC;cAE1D,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}
1
+ {"version":3,"file":"icon-sidebar-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-button/icon-sidebar-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;;AAGnE;;;;GAIG;AACH,qBAEM,2BACJ,SAAQ,gCACR,YAAW,0BAA0B;IAErC,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAC7E,gBAAgB;IAChB,SAAgB,gBAAgB,WAAkC;cAE/C,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}
@@ -1,19 +1,22 @@
1
- import { __esDecorate as n, __runInitializers as i } from "tslib";
1
+ import { __esDecorate as i, __runInitializers as l } from "tslib";
2
2
  import { customElement as m } from "lit/decorators.js";
3
3
  import { SbbButtonBaseElement as c } from "../../core/base-elements.js";
4
4
  import { SbbIconNameMixin as u } from "../../icon.js";
5
5
  import { iconSidebarButtonCommonStyle as b } from "../common.js";
6
6
  let y = (() => {
7
7
  var e;
8
- let s = [m("sbb-icon-sidebar-button")], r, l = [], t, o = u(c);
9
- return e = class extends o {
8
+ let s = [m("sbb-icon-sidebar-button")], r, o = [], t, n = u(c);
9
+ return e = class extends n {
10
+ constructor() {
11
+ super(...arguments), this.tooltipPositions = ["inline-end", "inline-start"];
12
+ }
10
13
  renderTemplate() {
11
14
  return super.renderIconSlot();
12
15
  }
13
16
  }, t = e, (() => {
14
- const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
15
- n(null, r = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, l), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
16
- })(), e.styles = b, i(t, l), t;
17
+ const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
18
+ i(null, r = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, o), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
19
+ })(), e.styles = b, l(t, o), t;
17
20
  })();
18
21
  export {
19
22
  y as SbbIconSidebarButtonElement
@@ -1,13 +1,16 @@
1
1
  import { CSSResultGroup, TemplateResult } from 'lit';
2
2
  import { SbbLinkBaseElement } from '../../core/base-elements.js';
3
+ import { SbbTooltipDefaultPositions } from '../../tooltip.js';
3
4
  declare const SbbIconSidebarLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbLinkBaseElement;
4
5
  /**
5
6
  * Link to be placed inside `sbb-icon-sidebar`.
6
7
  *
7
8
  * @slot icon - Slot used to display the icon.
8
9
  */
9
- export declare class SbbIconSidebarLinkElement extends SbbIconSidebarLinkElement_base {
10
+ export declare class SbbIconSidebarLinkElement extends SbbIconSidebarLinkElement_base implements SbbTooltipDefaultPositions {
10
11
  static styles: CSSResultGroup;
12
+ /** @internal */
13
+ readonly tooltipPositions: string[];
11
14
  protected renderTemplate(): TemplateResult;
12
15
  }
13
16
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"icon-sidebar-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-link/icon-sidebar-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,8BAAoC;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAAgC;cAE1D,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
1
+ {"version":3,"file":"icon-sidebar-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-link/icon-sidebar-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;;AAGnE;;;;GAIG;AACH,qBAEM,yBACJ,SAAQ,8BACR,YAAW,0BAA0B;IAErC,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAC7E,gBAAgB;IAChB,SAAgB,gBAAgB,WAAkC;cAE/C,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
@@ -1,19 +1,22 @@
1
- import { __esDecorate as s, __runInitializers as n } from "tslib";
1
+ import { __esDecorate as s, __runInitializers as o } from "tslib";
2
2
  import { customElement as m } from "lit/decorators.js";
3
3
  import { SbbLinkBaseElement as c } from "../../core/base-elements.js";
4
- import { SbbIconNameMixin as b } from "../../icon.js";
5
- import { iconSidebarButtonCommonStyle as u } from "../common.js";
4
+ import { SbbIconNameMixin as u } from "../../icon.js";
5
+ import { iconSidebarButtonCommonStyle as b } from "../common.js";
6
6
  let y = (() => {
7
- var t;
8
- let o = [m("sbb-icon-sidebar-link")], r, l = [], e, i = b(c);
9
- return t = class extends i {
7
+ var e;
8
+ let n = [m("sbb-icon-sidebar-link")], r, i = [], t, l = u(c);
9
+ return e = class extends l {
10
+ constructor() {
11
+ super(...arguments), this.tooltipPositions = ["inline-end", "inline-start"];
12
+ }
10
13
  renderTemplate() {
11
14
  return super.renderIconSlot();
12
15
  }
13
- }, e = t, (() => {
14
- const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
15
- s(null, r = { value: e }, o, { kind: "class", name: e.name, metadata: a }, null, l), e = r.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
16
- })(), t.styles = u, n(e, l), e;
16
+ }, t = e, (() => {
17
+ const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
18
+ s(null, r = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, i), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
19
+ })(), e.styles = b, o(t, i), t;
17
20
  })();
18
21
  export {
19
22
  y as SbbIconSidebarLinkElement