@sbb-esta/lyne-elements 3.9.0 → 3.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
- package/calendar/calendar.component.d.ts.map +1 -1
- package/calendar/calendar.component.js +211 -225
- package/carousel/carousel/carousel.component.d.ts.map +1 -1
- package/carousel/carousel/carousel.component.js +5 -5
- package/custom-elements.json +417 -400
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +7 -1
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +2 -1
- package/development/calendar/calendar.component.d.ts.map +1 -1
- package/development/calendar/calendar.component.js +20 -36
- package/development/carousel/carousel/carousel.component.d.ts.map +1 -1
- package/development/carousel/carousel/carousel.component.js +2 -2
- package/development/paginator/common/paginator-common.d.ts.map +1 -1
- package/development/paginator/common/paginator-common.js +14 -3
- package/package.json +1 -1
- package/paginator/common/paginator-common.d.ts.map +1 -1
- package/paginator/common/paginator-common.js +30 -25
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/carousel/carousel/carousel.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAmBvC,OAAO,6BAA6B,CAAC;;AAIrC;;;;GAIG;AACH,qBAEM,kBAAmB,SAAQ,uBAAoC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,OAAO,CAAC,UAAU,CAA2C;IAC7D,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,8BAA8B,CAAM;;IAwB5B,iBAAiB,IAAI,IAAI;IAOzB,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQtD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,iBAAiB;IA4BzB,OAAO,CAAC,mBAAmB;
|
|
1
|
+
{"version":3,"file":"carousel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/carousel/carousel/carousel.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAmBvC,OAAO,6BAA6B,CAAC;;AAIrC;;;;GAIG;AACH,qBAEM,kBAAmB,SAAQ,uBAAoC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,OAAO,CAAC,UAAU,CAA2C;IAC7D,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,8BAA8B,CAAM;;IAwB5B,iBAAiB,IAAI,IAAI;IAOzB,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQtD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,iBAAiB;IA4BzB,OAAO,CAAC,mBAAmB;cAoBR,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
|
|
@@ -7,8 +7,8 @@ import { __esDecorate as w, __runInitializers as c } from "tslib";
|
|
|
7
7
|
import { css as y, LitElement as x, html as P } from "lit";
|
|
8
8
|
import { customElement as S, property as C } from "lit/decorators.js";
|
|
9
9
|
import { SbbLanguageController as I } from "../../core/controllers/language-controller.js";
|
|
10
|
-
import { forceType as
|
|
11
|
-
import { i18nNextSlide as
|
|
10
|
+
import { forceType as L } from "../../core/decorators.js";
|
|
11
|
+
import { i18nNextSlide as k, i18nPreviousSlide as q, i18nSlide as A, i18nCarouselArrowsNavigationHint as E } from "../../core/i18n/i18n.js";
|
|
12
12
|
import { SbbElementInternalsMixin as B } from "../../core/mixins.js";
|
|
13
13
|
import "../../screen-reader-only.js";
|
|
14
14
|
const z = y`*,:before,:after{box-sizing:border-box}:host{--sbb-carousel-border-radius: var(--sbb-border-radius-4x);--sbb-carousel-background-color: var(--sbb-background-color-1);display:inline-block;overflow:hidden;border-radius:var(--sbb-carousel-border-radius) var(--sbb-carousel-border-radius) 0 0}:host([shadow]){box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-color-hard-2),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-color-hard-1);border-radius:var(--sbb-carousel-border-radius)}:host(:not([shadow])) ::slotted(sbb-carousel-list){--sbb-carousel-inherit-border-radius: var(--sbb-carousel-border-radius)}.sbb-carousel{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--sbb-carousel-background-color)}::slotted(sbb-compact-paginator){padding:var(--sbb-spacing-responsive-xs)}`;
|
|
@@ -48,7 +48,7 @@ let W = (() => {
|
|
|
48
48
|
if (!e || !t)
|
|
49
49
|
return;
|
|
50
50
|
const d = t.querySelectorAll("sbb-carousel-item");
|
|
51
|
-
d && d.length > 0 && (e.length = d.length, e.pageSize = 1), e.accessibilityNextPageLabel ||=
|
|
51
|
+
d && d.length > 0 && (e.length = d.length, e.pageSize = 1), e.accessibilityNextPageLabel ||= k[this._language.current], e.accessibilityPreviousPageLabel ||= q[this._language.current], e.accessibilityPageLabel ||= A[this._language.current], e !== this._paginator && (this._abortController = new AbortController(), e.addEventListener("page", (i) => this._scrollAtPageChange(i), {
|
|
52
52
|
signal: this._abortController.signal
|
|
53
53
|
}), this._paginator = e);
|
|
54
54
|
}
|
|
@@ -56,7 +56,7 @@ let W = (() => {
|
|
|
56
56
|
this._requestedPageIndexByPaginator = e.detail.pageIndex;
|
|
57
57
|
const t = this.querySelector("sbb-carousel-list");
|
|
58
58
|
if (t) {
|
|
59
|
-
const i = t.querySelectorAll("sbb-carousel-item")[e.detail.pageIndex].offsetLeft;
|
|
59
|
+
const i = t.querySelectorAll("sbb-carousel-item")[e.detail.pageIndex].offsetLeft - this.offsetLeft;
|
|
60
60
|
(t.clientWidth <= 100 || Math.abs(t.scrollLeft - i) > 50) && t.scrollTo({ left: i });
|
|
61
61
|
}
|
|
62
62
|
}
|
|
@@ -72,7 +72,7 @@ let W = (() => {
|
|
|
72
72
|
}
|
|
73
73
|
}, n = new WeakMap(), o = l, (() => {
|
|
74
74
|
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
|
|
75
|
-
u = [
|
|
75
|
+
u = [L(), C({ reflect: !0, type: Boolean })], w(l, null, u, { kind: "accessor", name: "shadow", static: !1, private: !1, access: { has: (t) => "shadow" in t, get: (t) => t.shadow, set: (t, d) => {
|
|
76
76
|
t.shadow = d;
|
|
77
77
|
} }, metadata: e }, g, f), w(null, s = { value: o }, a, { kind: "class", name: o.name, metadata: e }, null, r), o = s.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
78
78
|
})(), l.styles = z, c(o, r), o;
|