@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779195190 → 5.0.0-next.3-dev.1779200097
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.js +2 -2
- package/autocomplete/autocomplete.component.js +1 -1
- package/{autocomplete-base-element-DRGjFF9_.js → autocomplete-base-element-6leI6UF4.js} +24 -14
- package/autocomplete.js +4 -4
- package/autocomplete.pure.js +3 -3
- package/calendar/calendar/calendar.component.js +2 -2
- package/{calendar.component-oS_T4s4k.js → calendar.component-BK4w5GWV.js} +35 -29
- package/calendar.js +4 -4
- package/calendar.pure.js +3 -3
- package/carousel/carousel/carousel.component.js +1 -1
- package/carousel/carousel-item/carousel-item.component.js +2 -2
- package/carousel/carousel-list/carousel-list.component.js +1 -1
- package/{carousel-item.component-DyZAdXL_.js → carousel-item.component-B6WmZPkW.js} +12 -2
- package/{carousel-list.component-Ai0uJWB7.js → carousel-list.component-CnZehdy6.js} +6 -13
- package/{carousel.component-9oMMOyWo.js → carousel.component-ZrkGeJgZ.js} +1 -1
- package/carousel.js +5 -5
- package/carousel.pure.js +4 -4
- package/chip/chip-group/chip-group.component.js +1 -1
- package/{chip-group.component-DJORKUef.js → chip-group.component-BIP7c2G0.js} +2 -7
- package/chip.js +1 -1
- package/chip.pure.js +1 -1
- package/core/overlay/overlay-outside-pointer-event-listener.js +1 -1
- package/custom-elements.json +3886 -3393
- package/datepicker/datepicker/datepicker.component.js +1 -1
- package/development/autocomplete/autocomplete-base-element.d.ts +6 -3
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete/autocomplete-base-element.js +2 -2
- package/development/autocomplete/autocomplete.component.js +1 -1
- package/development/autocomplete-base-element-qnPoRLvM.js +695 -0
- package/development/autocomplete.js +2 -2
- package/development/autocomplete.pure.js +2 -2
- package/development/calendar/calendar/calendar.component.d.ts +8 -0
- package/development/calendar/calendar/calendar.component.d.ts.map +1 -1
- package/development/calendar/calendar/calendar.component.js +2 -2
- package/development/calendar.component-BKWvdgzO.js +1461 -0
- package/development/calendar.js +2 -2
- package/development/calendar.pure.js +2 -2
- package/development/carousel/carousel/carousel.component.js +1 -1
- package/development/carousel/carousel-item/carousel-item.component.d.ts +8 -6
- package/development/carousel/carousel-item/carousel-item.component.d.ts.map +1 -1
- package/development/carousel/carousel-item/carousel-item.component.js +2 -2
- package/development/carousel/carousel-list/carousel-list.component.d.ts.map +1 -1
- package/development/carousel/carousel-list/carousel-list.component.js +1 -1
- package/development/{carousel-item.component-B_0wdIAu.js → carousel-item.component-nuo7jAt3.js} +16 -4
- package/development/carousel-list.component-B8PUREwS.js +126 -0
- package/development/carousel.component-D_KIJ9Bb.js +139 -0
- package/development/carousel.js +4 -4
- package/development/carousel.pure.js +4 -4
- package/development/chip/chip-group/chip-group.component.d.ts +1 -23
- package/development/chip/chip-group/chip-group.component.d.ts.map +1 -1
- package/development/chip/chip-group/chip-group.component.js +1 -1
- package/development/chip-group.component-CVizDsAz.js +395 -0
- package/development/chip.js +1 -1
- package/development/chip.pure.js +1 -1
- package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts +1 -1
- package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts.map +1 -1
- package/development/core/overlay/overlay-outside-pointer-event-listener.js +2 -2
- package/development/core.d.ts +0 -1
- package/development/core.d.ts.map +1 -1
- package/development/datepicker/datepicker/datepicker.component.d.ts +1 -1
- package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
- package/development/datepicker/datepicker/datepicker.component.js +3 -3
- package/development/dialog/dialog/dialog.component.d.ts +2 -3
- package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
- package/development/dialog/dialog/dialog.component.js +1 -1
- package/development/{dialog.component-AItB8ixG.js → dialog.component-D8B2dVck.js} +4 -7
- package/development/dialog.js +1 -1
- package/development/dialog.pure.js +1 -1
- package/development/file-selector/common/file-selector-common.d.ts +5 -0
- package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
- package/development/file-selector/common/file-selector-common.js +2 -2
- package/development/{file-selector-common-CGL95Rnw.js → file-selector-common-mZ5UYxOF.js} +17 -8
- package/development/file-selector.js +2 -2
- package/development/file-selector.pure.js +2 -2
- package/development/form-field/form-field/form-field.component.d.ts +1 -1
- package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
- package/development/form-field.component-CPWBCHer.js +1 -1
- package/development/overlay/overlay-base-element.d.ts +4 -4
- package/development/overlay/overlay-base-element.d.ts.map +1 -1
- package/development/overlay/overlay-base-element.js +3 -9
- package/development/overlay/overlay.component.d.ts +3 -3
- package/development/overlay/overlay.component.d.ts.map +1 -1
- package/development/overlay/overlay.component.js +1 -1
- package/development/{overlay.component-rFmitc_r.js → overlay.component-YSCuGeme.js} +4 -7
- package/development/overlay.js +1 -1
- package/development/overlay.pure.js +1 -1
- package/development/paginator/common/paginator-common.d.ts +11 -6
- package/development/paginator/common/paginator-common.d.ts.map +1 -1
- package/development/paginator/common/paginator-common.js +2 -2
- package/development/paginator-common-B7iba0wQ.js +432 -0
- package/development/paginator.js +2 -2
- package/development/paginator.pure.js +2 -2
- package/development/popover/popover.component.d.ts +7 -0
- package/development/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover.component.js +2 -2
- package/development/popover.component-CKUZbWbV.js +578 -0
- package/development/popover.js +2 -2
- package/development/popover.pure.js +2 -2
- package/development/{step.component-CcjtUFyR.js → step.component-B_YHm1tz.js} +32 -10
- package/development/stepper/step/step.component.d.ts +14 -1
- package/development/stepper/step/step.component.d.ts.map +1 -1
- package/development/stepper/step/step.component.js +2 -2
- package/development/stepper/stepper/stepper.component.d.ts +9 -5
- package/development/stepper/stepper/stepper.component.d.ts.map +1 -1
- package/development/stepper/stepper/stepper.component.js +1 -1
- package/development/stepper.component-BeqeUIRN.js +443 -0
- package/development/stepper.js +3 -3
- package/development/stepper.pure.js +3 -3
- package/development/tab-group.component-CGMBihsQ.js +297 -0
- package/development/{tab-label.component-CNX8bsJL.js → tab-label.component-CQOLO2t7.js} +11 -13
- package/development/tabs/tab-group/tab-group.component.d.ts +15 -8
- package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
- package/development/tabs/tab-group/tab-group.component.js +2 -2
- package/development/tabs/tab-label/tab-label.component.d.ts.map +1 -1
- package/development/tabs/tab-label/tab-label.component.js +1 -1
- package/development/tabs.js +3 -3
- package/development/tabs.pure.js +3 -3
- package/dialog/dialog/dialog.component.js +1 -1
- package/{dialog.component-4O3__zyd.js → dialog.component-CsBryhM-.js} +3 -6
- package/dialog.js +1 -1
- package/dialog.pure.js +1 -1
- package/file-selector/common/file-selector-common.js +2 -2
- package/{file-selector-common-BE780nIa.js → file-selector-common-VNwWFEmM.js} +26 -19
- package/file-selector.js +5 -5
- package/file-selector.pure.js +4 -4
- package/overlay/overlay-base-element.js +2 -8
- package/overlay/overlay.component.js +1 -1
- package/{overlay.component-C80XN61v.js → overlay.component-myJflfLY.js} +3 -6
- package/overlay.js +1 -1
- package/overlay.pure.js +1 -1
- package/package.json +2 -2
- package/paginator/common/paginator-common.js +2 -2
- package/{paginator-common-uoCIcl4X.js → paginator-common-BWewgXga.js} +42 -24
- package/paginator.js +5 -5
- package/paginator.pure.js +4 -4
- package/popover/popover.component.js +2 -2
- package/{popover.component-DJruKzY-.js → popover.component-Dm_86bPY.js} +19 -7
- package/popover.js +3 -3
- package/popover.pure.js +2 -2
- package/{step.component-BY6_2Wh2.js → step.component-tJh-Pb_E.js} +23 -8
- package/stepper/step/step.component.js +2 -2
- package/stepper/stepper/stepper.component.js +1 -1
- package/{stepper.component-lh0YSbT1.js → stepper.component-BCl77LVa.js} +20 -3
- package/stepper.js +4 -4
- package/stepper.pure.js +3 -3
- package/{tab-group.component-t4eeCNf-.js → tab-group.component-CDhggNpe.js} +27 -2
- package/{tab-label.component-DvvSohaG.js → tab-label.component-BuF2qt1T.js} +23 -22
- package/tabs/tab-group/tab-group.component.js +2 -2
- package/tabs/tab-label/tab-label.component.js +1 -1
- package/tabs.js +7 -7
- package/tabs.pure.js +6 -6
- package/development/autocomplete-base-element-DQiZ6hhk.js +0 -683
- package/development/calendar.component-CjlcDyS5.js +0 -1450
- package/development/carousel-list.component-DpDh5tqB.js +0 -133
- package/development/carousel.component-ClWvnZ8s.js +0 -139
- package/development/chip-group.component-Sgmi-kSy.js +0 -403
- package/development/core/interfaces/overlay-close-details.d.ts +0 -6
- package/development/core/interfaces/overlay-close-details.d.ts.map +0 -1
- package/development/paginator-common-BCeNUko_.js +0 -410
- package/development/popover.component-BmTfHMFw.js +0 -564
- package/development/stepper.component-80S-oXrH.js +0 -422
- package/development/tab-group.component-D4fvd6Uu.js +0 -265
package/development/calendar.js
CHANGED
|
@@ -3,7 +3,7 @@ import { SbbCalendarMonthElement } from "./calendar/calendar-month/calendar-mont
|
|
|
3
3
|
import { SbbCalendarYearElement } from "./calendar/calendar-year/calendar-year.component.js";
|
|
4
4
|
import { SbbCalendarWeekdayElement } from "./calendar/calendar-weekday/calendar-weekday.component.js";
|
|
5
5
|
import { SbbCalendarWeeknumberElement } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
|
|
6
|
-
import { n as SbbMonthChangeEvent, t as SbbCalendarElement } from "./calendar.component-
|
|
6
|
+
import { n as SbbDateSelectedEvent, r as SbbMonthChangeEvent, t as SbbCalendarElement } from "./calendar.component-BKWvdgzO.js";
|
|
7
7
|
import { t as SbbCalendarCellBaseElement } from "./calendar-cell-base-element-mWRSDeWc.js";
|
|
8
8
|
import "./calendar.pure.js";
|
|
9
9
|
//#region src/elements/calendar.ts
|
|
@@ -15,6 +15,6 @@ SbbCalendarYearElement.define();
|
|
|
15
15
|
SbbCalendarWeekdayElement.define();
|
|
16
16
|
SbbCalendarWeeknumberElement.define();
|
|
17
17
|
//#endregion
|
|
18
|
-
export { SbbCalendarCellBaseElement, SbbCalendarDayElement, SbbCalendarElement, SbbCalendarMonthElement, SbbCalendarWeekdayElement, SbbCalendarWeeknumberElement, SbbCalendarYearElement, SbbMonthChangeEvent };
|
|
18
|
+
export { SbbCalendarCellBaseElement, SbbCalendarDayElement, SbbCalendarElement, SbbCalendarMonthElement, SbbCalendarWeekdayElement, SbbCalendarWeeknumberElement, SbbCalendarYearElement, SbbDateSelectedEvent, SbbMonthChangeEvent };
|
|
19
19
|
|
|
20
20
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NhbGVuZGFyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHtcbiAgU2JiQ2FsZW5kYXJEYXlFbGVtZW50LFxuICBTYmJDYWxlbmRhckVsZW1lbnQsXG4gIFNiYkNhbGVuZGFyTW9udGhFbGVtZW50LFxuICBTYmJDYWxlbmRhcldlZWtkYXlFbGVtZW50LFxuICBTYmJDYWxlbmRhcldlZWtudW1iZXJFbGVtZW50LFxuICBTYmJDYWxlbmRhclllYXJFbGVtZW50LFxufSBmcm9tICcuL2NhbGVuZGFyLnB1cmUudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2NhbGVuZGFyLnB1cmUudHMnO1xuXG5TYmJDYWxlbmRhckVsZW1lbnQuZGVmaW5lKCk7XG5TYmJDYWxlbmRhckRheUVsZW1lbnQuZGVmaW5lKCk7XG5TYmJDYWxlbmRhck1vbnRoRWxlbWVudC5kZWZpbmUoKTtcblNiYkNhbGVuZGFyWWVhckVsZW1lbnQuZGVmaW5lKCk7XG5TYmJDYWxlbmRhcldlZWtkYXlFbGVtZW50LmRlZmluZSgpO1xuU2JiQ2FsZW5kYXJXZWVrbnVtYmVyRWxlbWVudC5kZWZpbmUoKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQVlBLG1CQUFtQixPQUFNO0FBQ3pCLHNCQUFzQixPQUFNO0FBQzVCLHdCQUF3QixPQUFNO0FBQzlCLHVCQUF1QixPQUFNO0FBQzdCLDBCQUEwQixPQUFNO0FBQ2hDLDZCQUE2QixPQUFNIn0=
|
|
@@ -3,6 +3,6 @@ import { SbbCalendarMonthElement } from "./calendar/calendar-month/calendar-mont
|
|
|
3
3
|
import { SbbCalendarYearElement } from "./calendar/calendar-year/calendar-year.component.js";
|
|
4
4
|
import { SbbCalendarWeekdayElement } from "./calendar/calendar-weekday/calendar-weekday.component.js";
|
|
5
5
|
import { SbbCalendarWeeknumberElement } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
|
|
6
|
-
import { n as SbbMonthChangeEvent, t as SbbCalendarElement } from "./calendar.component-
|
|
6
|
+
import { n as SbbDateSelectedEvent, r as SbbMonthChangeEvent, t as SbbCalendarElement } from "./calendar.component-BKWvdgzO.js";
|
|
7
7
|
import { t as SbbCalendarCellBaseElement } from "./calendar-cell-base-element-mWRSDeWc.js";
|
|
8
|
-
export { SbbCalendarCellBaseElement, SbbCalendarDayElement, SbbCalendarElement, SbbCalendarMonthElement, SbbCalendarWeekdayElement, SbbCalendarWeeknumberElement, SbbCalendarYearElement, SbbMonthChangeEvent };
|
|
8
|
+
export { SbbCalendarCellBaseElement, SbbCalendarDayElement, SbbCalendarElement, SbbCalendarMonthElement, SbbCalendarWeekdayElement, SbbCalendarWeeknumberElement, SbbCalendarYearElement, SbbDateSelectedEvent, SbbMonthChangeEvent };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbCarouselElement } from "../../carousel.component-
|
|
1
|
+
import { t as SbbCarouselElement } from "../../carousel.component-D_KIJ9Bb.js";
|
|
2
2
|
export { SbbCarouselElement };
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { CSSResultGroup, TemplateResult } from 'lit';
|
|
2
2
|
import { SbbElement } from '../../core.ts';
|
|
3
|
-
export
|
|
4
|
-
|
|
3
|
+
export declare class SbbCarouselItemShowEvent extends Event {
|
|
4
|
+
private readonly _index;
|
|
5
|
+
get index(): number;
|
|
6
|
+
constructor(type: string, { index }: Omit<SbbCarouselItemShowEvent, keyof Event>);
|
|
5
7
|
}
|
|
6
8
|
/**
|
|
7
9
|
* It displays an item contained into the `sbb-carousel` component.
|
|
8
10
|
*
|
|
9
11
|
* @slot - Use the unnamed slot to add images for the carousel, as <img>, <sbb-image>, <picture>, ...
|
|
10
|
-
* @event {
|
|
11
|
-
* @event {
|
|
12
|
+
* @event {SbbCarouselItemShowEvent} beforeshow - Event emitted when the item is starting scrolling.
|
|
13
|
+
* @event {SbbCarouselItemShowEvent} show - Event emitted when the item is full visible after scrolling.
|
|
12
14
|
*/
|
|
13
15
|
export declare class SbbCarouselItemElement extends SbbElement {
|
|
14
16
|
static readonly elementName: string;
|
|
@@ -22,8 +24,8 @@ declare global {
|
|
|
22
24
|
'sbb-carousel-item': SbbCarouselItemElement;
|
|
23
25
|
}
|
|
24
26
|
interface GlobalEventHandlersEventMap {
|
|
25
|
-
beforeshow:
|
|
26
|
-
show:
|
|
27
|
+
beforeshow: SbbCarouselItemShowEvent;
|
|
28
|
+
show: SbbCarouselItemShowEvent;
|
|
27
29
|
}
|
|
28
30
|
}
|
|
29
31
|
//# sourceMappingURL=carousel-item.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-item.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel-item/carousel-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,MAAM,
|
|
1
|
+
{"version":3,"file":"carousel-item.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel-item/carousel-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,qBAAa,wBAAyB,SAAQ,KAAK;IACjD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAS;IAEhC,IAAW,KAAK,IAAI,MAAM,CAEzB;gBAEkB,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,wBAAwB,EAAE,MAAM,KAAK,CAAC;CAIxF;AAED;;;;;;GAMG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,gBAAgC,WAAW,EAAE,MAAM,CAAuB;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAAsB;IACnE,gBAAuB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAG1C;IAEK,iBAAiB,IAAI,IAAI;cAOtB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;IAED,UAAU,2BAA2B;QACnC,UAAU,EAAE,wBAAwB,CAAC;QACrC,IAAI,EAAE,wBAAwB,CAAC;KAChC;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbCarouselItemElement } from "../../carousel-item.component-
|
|
2
|
-
export { SbbCarouselItemElement };
|
|
1
|
+
import { n as SbbCarouselItemShowEvent, t as SbbCarouselItemElement } from "../../carousel-item.component-nuo7jAt3.js";
|
|
2
|
+
export { SbbCarouselItemElement, SbbCarouselItemShowEvent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-list.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel-list/carousel-list.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAEhF,OAAO,EAGL,UAAU,EAEX,MAAM,eAAe,CAAC;AAQvB;;;;GAIG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,gBAAgC,WAAW,EAAE,MAAM,CAAuB;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAAsB;IAEnE,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,sBAAsB,CAAgC;IAE9D,OAAO,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"carousel-list.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel-list/carousel-list.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAEhF,OAAO,EAGL,UAAU,EAEX,MAAM,eAAe,CAAC;AAQvB;;;;GAIG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,gBAAgC,WAAW,EAAE,MAAM,CAAuB;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAAsB;IAEnE,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,sBAAsB,CAAgC;IAE9D,OAAO,CAAC,mBAAmB,CAcxB;IAEH,OAAO,CAAC,aAAa,CAkBlB;IAEH,OAAO,CAAC,yBAAyB,CAG9B;;IAQH,8BAA8B;IAC9B,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAoBzB;;;OAGG;IACH,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,UAAU;IAwBF,iBAAiB,IAAI,IAAI;cAOtB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbCarouselListElement } from "../../carousel-list.component-
|
|
1
|
+
import { t as SbbCarouselListElement } from "../../carousel-list.component-B8PUREwS.js";
|
|
2
2
|
export { SbbCarouselListElement };
|
package/development/{carousel-item.component-B_0wdIAu.js → carousel-item.component-nuo7jAt3.js}
RENAMED
|
@@ -4,12 +4,24 @@ import { SbbElement } from "./core.js";
|
|
|
4
4
|
var carousel_item_default = ":host {\n display: flex;\n scroll-snap-align: start;\n flex-shrink: 0;\n}\n\n::slotted(sbb-image) {\n border-radius: unset;\n}";
|
|
5
5
|
//#endregion
|
|
6
6
|
//#region src/elements/carousel/carousel-item/carousel-item.component.ts
|
|
7
|
+
var SbbCarouselItemShowEvent = class extends Event {
|
|
8
|
+
get index() {
|
|
9
|
+
return this._index;
|
|
10
|
+
}
|
|
11
|
+
constructor(type, { index }) {
|
|
12
|
+
super(type, {
|
|
13
|
+
bubbles: true,
|
|
14
|
+
composed: true
|
|
15
|
+
});
|
|
16
|
+
this._index = index;
|
|
17
|
+
}
|
|
18
|
+
};
|
|
7
19
|
/**
|
|
8
20
|
* It displays an item contained into the `sbb-carousel` component.
|
|
9
21
|
*
|
|
10
22
|
* @slot - Use the unnamed slot to add images for the carousel, as <img>, <sbb-image>, <picture>, ...
|
|
11
|
-
* @event {
|
|
12
|
-
* @event {
|
|
23
|
+
* @event {SbbCarouselItemShowEvent} beforeshow - Event emitted when the item is starting scrolling.
|
|
24
|
+
* @event {SbbCarouselItemShowEvent} show - Event emitted when the item is full visible after scrolling.
|
|
13
25
|
*/
|
|
14
26
|
var SbbCarouselItemElement = class extends SbbElement {
|
|
15
27
|
static {
|
|
@@ -34,6 +46,6 @@ var SbbCarouselItemElement = class extends SbbElement {
|
|
|
34
46
|
}
|
|
35
47
|
};
|
|
36
48
|
//#endregion
|
|
37
|
-
export { SbbCarouselItemElement as t };
|
|
49
|
+
export { SbbCarouselItemShowEvent as n, SbbCarouselItemElement as t };
|
|
38
50
|
|
|
39
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQtbnVvN2pBdDMuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Nhcm91c2VsL2Nhcm91c2VsLWl0ZW0vY2Fyb3VzZWwtaXRlbS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJvdXNlbC9jYXJvdXNlbC1pdGVtL2Nhcm91c2VsLWl0ZW0uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuICBmbGV4LXNocmluazogMDtcbn1cblxuOjpzbG90dGVkKHNiYi1pbWFnZSkge1xuICBib3JkZXItcmFkaXVzOiB1bnNldDtcbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vY2Fyb3VzZWwtaXRlbS5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCBjbGFzcyBTYmJDYXJvdXNlbEl0ZW1TaG93RXZlbnQgZXh0ZW5kcyBFdmVudCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2luZGV4OiBudW1iZXI7XG5cbiAgcHVibGljIGdldCBpbmRleCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl9pbmRleDtcbiAgfVxuXG4gIHB1YmxpYyBjb25zdHJ1Y3Rvcih0eXBlOiBzdHJpbmcsIHsgaW5kZXggfTogT21pdDxTYmJDYXJvdXNlbEl0ZW1TaG93RXZlbnQsIGtleW9mIEV2ZW50Pikge1xuICAgIHN1cGVyKHR5cGUsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSk7XG4gICAgdGhpcy5faW5kZXggPSBpbmRleDtcbiAgfVxufVxuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIGl0ZW0gY29udGFpbmVkIGludG8gdGhlIGBzYmItY2Fyb3VzZWxgIGNvbXBvbmVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBpbWFnZXMgZm9yIHRoZSBjYXJvdXNlbCwgYXMgPGltZz4sIDxzYmItaW1hZ2U+LCA8cGljdHVyZT4sIC4uLlxuICogQGV2ZW50IHtTYmJDYXJvdXNlbEl0ZW1TaG93RXZlbnR9IGJlZm9yZXNob3cgLSBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIGl0ZW0gaXMgc3RhcnRpbmcgc2Nyb2xsaW5nLlxuICogQGV2ZW50IHtTYmJDYXJvdXNlbEl0ZW1TaG93RXZlbnR9IHNob3cgLSBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIGl0ZW0gaXMgZnVsbCB2aXNpYmxlIGFmdGVyIHNjcm9sbGluZy5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkNhcm91c2VsSXRlbUVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1jYXJvdXNlbC1pdGVtJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3Vuc2FmZUNTUyhzdHlsZSldO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50czogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICBiZWZvcmVzaG93OiAnYmVmb3Jlc2hvdycsXG4gICAgc2hvdzogJ3Nob3cnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgdGhpcy5pbnRlcm5hbHMucm9sZSA9ICdncm91cCc7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVJvbGVEZXNjcmlwdGlvbiA9ICdzbGlkZSc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8c2xvdD48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNhcm91c2VsLWl0ZW0nOiBTYmJDYXJvdXNlbEl0ZW1FbGVtZW50O1xuICB9XG5cbiAgaW50ZXJmYWNlIEdsb2JhbEV2ZW50SGFuZGxlcnNFdmVudE1hcCB7XG4gICAgYmVmb3Jlc2hvdzogU2JiQ2Fyb3VzZWxJdGVtU2hvd0V2ZW50O1xuICAgIHNob3c6IFNiYkNhcm91c2VsSXRlbVNob3dFdmVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUNNQSxJQUFhLDJCQUFiLGNBQThDLE1BQUs7Q0FHakQsSUFBVyxRQUFLO0VBQ2QsT0FBTyxLQUFLO0NBQ2Q7Q0FFQSxZQUFtQixNQUFjLEVBQUUsU0FBb0Q7RUFDckYsTUFBTSxNQUFNO0dBQUUsU0FBUztHQUFNLFVBQVU7RUFBSSxDQUFFO0VBQzdDLEtBQUssU0FBUztDQUNoQjs7Ozs7Ozs7O0FBVUYsSUFBYSx5QkFBYixjQUE0QyxXQUFVOztFQUNwQixLQUFBLGNBQXNCO0NBQW9COztFQUNuRCxLQUFBLFNBQXlCLENBQUMsVUFBVSxxQkFBSyxDQUFDO0NBQUU7O0VBQzVDLEtBQUEsU0FBaUM7R0FDdEQsWUFBWTtHQUNaLE1BQU07O0NBQ0c7Q0FFSyxvQkFBaUI7RUFDL0IsTUFBTSxrQkFBaUI7RUFFdkIsS0FBSyxVQUFVLE9BQU87RUFDdEIsS0FBSyxVQUFVLHNCQUFzQjtDQUN2QztDQUVtQixTQUFNO0VBQ3ZCLE9BQU8sSUFBSTtDQUNiIn0=
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { html, unsafeCSS } from "lit";
|
|
2
|
+
import { SbbElement, SbbLanguageController, i18nCarouselItemAriaLabel, isArrowKeyPressed } from "./core.js";
|
|
3
|
+
import { ResizeController } from "@lit-labs/observers/resize-controller.js";
|
|
4
|
+
import { IntersectionController } from "@lit-labs/observers/intersection-controller.js";
|
|
5
|
+
import { SbbCarouselItemShowEvent } from "./carousel/carousel-item/carousel-item.component.js";
|
|
6
|
+
//#region src/elements/carousel/carousel-list/carousel-list.scss?inline
|
|
7
|
+
var carousel_list_default = ":host {\n --sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);\n display: flex;\n height: var(--sbb-carousel-list-height);\n width: var(--sbb-carousel-list-width, 0);\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n scrollbar-width: none;\n outline: none;\n border-radius: var(--sbb-carousel-inherit-border-radius);\n}\n\n:host(:focus-visible)::before {\n outline-offset: var(--sbb-focus-outline-offset);\n outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n content: \"\";\n position: absolute;\n height: inherit;\n width: inherit;\n border-start-start-radius: var(--sbb-carousel-list-border-radius);\n border-start-end-radius: var(--sbb-carousel-list-border-radius);\n border-end-start-radius: var(--sbb-carousel-inherit-border-radius);\n border-end-end-radius: var(--sbb-carousel-inherit-border-radius);\n}";
|
|
8
|
+
//#endregion
|
|
9
|
+
//#region src/elements/carousel/carousel-list/carousel-list.component.ts
|
|
10
|
+
/**
|
|
11
|
+
* It displays a list of `sbb-carousel-item` components.
|
|
12
|
+
*
|
|
13
|
+
* @slot - Use the unnamed slot to add `sbb-carousel-item` elements.
|
|
14
|
+
*/
|
|
15
|
+
var SbbCarouselListElement = class extends SbbElement {
|
|
16
|
+
static {
|
|
17
|
+
this.elementName = "sbb-carousel-list";
|
|
18
|
+
}
|
|
19
|
+
static {
|
|
20
|
+
this.styles = [unsafeCSS(carousel_list_default)];
|
|
21
|
+
}
|
|
22
|
+
constructor() {
|
|
23
|
+
super();
|
|
24
|
+
this._currentIndex = 0;
|
|
25
|
+
this._language = new SbbLanguageController(this);
|
|
26
|
+
this._observedCarouselItems = [];
|
|
27
|
+
this._beforeShowObserver = new IntersectionController(this, {
|
|
28
|
+
target: null,
|
|
29
|
+
callback: (entry) => {
|
|
30
|
+
entry.filter((e) => e.isIntersecting && e.target !== this).forEach((e) => {
|
|
31
|
+
const target = e.target;
|
|
32
|
+
target.dispatchEvent(new SbbCarouselItemShowEvent("beforeshow", { index: this._carouselItems().findIndex((e) => e === target) }));
|
|
33
|
+
});
|
|
34
|
+
},
|
|
35
|
+
config: {
|
|
36
|
+
threshold: .01,
|
|
37
|
+
root: this,
|
|
38
|
+
rootMargin: "100% 0% 100% 0%"
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
this._showObserver = new IntersectionController(this, {
|
|
42
|
+
target: null,
|
|
43
|
+
callback: (entryArr) => {
|
|
44
|
+
for (const entry of entryArr) {
|
|
45
|
+
if (entry.target === this) continue;
|
|
46
|
+
const target = entry.target;
|
|
47
|
+
if (entry.isIntersecting) {
|
|
48
|
+
target.ariaHidden = null;
|
|
49
|
+
this._currentIndex = this._carouselItems().findIndex((el) => el === target);
|
|
50
|
+
target.dispatchEvent(new SbbCarouselItemShowEvent("show", { index: this._currentIndex }));
|
|
51
|
+
} else target.ariaHidden = "true";
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
config: {
|
|
55
|
+
threshold: .99,
|
|
56
|
+
root: this,
|
|
57
|
+
rootMargin: "100% 0% 100% 0%"
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
this._resizeObserverController = new ResizeController(this, {
|
|
61
|
+
skipInitial: true,
|
|
62
|
+
callback: () => this._readDimensions()
|
|
63
|
+
});
|
|
64
|
+
this.addEventListener?.("keydown", (e) => this._onKeyDown(e));
|
|
65
|
+
}
|
|
66
|
+
/** Gets the slotted items. */
|
|
67
|
+
_carouselItems() {
|
|
68
|
+
return Array.from(this.querySelectorAll?.("sbb-carousel-item") ?? []);
|
|
69
|
+
}
|
|
70
|
+
_handleSlotchange() {
|
|
71
|
+
this._observedCarouselItems.forEach((item) => {
|
|
72
|
+
this._beforeShowObserver.unobserve(item);
|
|
73
|
+
this._showObserver.unobserve(item);
|
|
74
|
+
});
|
|
75
|
+
const carouselItems = this._carouselItems();
|
|
76
|
+
carouselItems.forEach((item, index) => {
|
|
77
|
+
item.ariaLabel ||= i18nCarouselItemAriaLabel(index + 1, carouselItems.length)[this._language.current];
|
|
78
|
+
item.ariaHidden = index === this._currentIndex ? null : "true";
|
|
79
|
+
});
|
|
80
|
+
this._readDimensions();
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* Reads the dimensions of the first carousel item and sets the CSS properties accordingly.
|
|
84
|
+
* Should set the dimensions only once, when the first item becomes visible and if the value is non-zero.
|
|
85
|
+
*/
|
|
86
|
+
_readDimensions() {
|
|
87
|
+
const carouselItems = this._carouselItems();
|
|
88
|
+
if (carouselItems.length === 0) return;
|
|
89
|
+
const firstItem = carouselItems[0];
|
|
90
|
+
if (firstItem.clientHeight > 0) this.style.setProperty("--sbb-carousel-list-height", `${firstItem.clientHeight}px`);
|
|
91
|
+
if (firstItem.clientWidth > 0) {
|
|
92
|
+
this.style.setProperty("--sbb-carousel-list-width", `${firstItem.clientWidth}px`);
|
|
93
|
+
carouselItems.forEach((item) => {
|
|
94
|
+
this._beforeShowObserver.observe(item);
|
|
95
|
+
this._showObserver.observe(item);
|
|
96
|
+
});
|
|
97
|
+
this._observedCarouselItems = carouselItems;
|
|
98
|
+
this._resizeObserverController.unobserve(this);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
_onKeyDown(evt) {
|
|
102
|
+
if (!isArrowKeyPressed(evt)) return;
|
|
103
|
+
evt.preventDefault();
|
|
104
|
+
let newIndex = this._currentIndex;
|
|
105
|
+
const isPrev = evt.key === "ArrowUp" || evt.key === "ArrowLeft";
|
|
106
|
+
const isNext = evt.key === "ArrowDown" || evt.key === "ArrowRight";
|
|
107
|
+
if (isPrev) newIndex = Math.max(0, this._currentIndex - 1);
|
|
108
|
+
else if (isNext) newIndex = Math.min(this._carouselItems().length - 1, this._currentIndex + 1);
|
|
109
|
+
if (newIndex !== this._currentIndex) {
|
|
110
|
+
this._currentIndex = newIndex;
|
|
111
|
+
this.scrollTo({ left: this._carouselItems()[this._currentIndex].offsetLeft - this.offsetLeft });
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
connectedCallback() {
|
|
115
|
+
super.connectedCallback();
|
|
116
|
+
this.internals.ariaLive = "polite";
|
|
117
|
+
this.internals.ariaAtomic = "true";
|
|
118
|
+
}
|
|
119
|
+
render() {
|
|
120
|
+
return html`<slot @slotchange=${this._handleSlotchange}></slot>`;
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
//#endregion
|
|
124
|
+
export { SbbCarouselListElement as t };
|
|
125
|
+
|
|
126
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtbGlzdC5jb21wb25lbnQtQjhQVVJFd1MuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Nhcm91c2VsL2Nhcm91c2VsLWxpc3QvY2Fyb3VzZWwtbGlzdC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJvdXNlbC9jYXJvdXNlbC1saXN0L2Nhcm91c2VsLWxpc3QuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItY2Fyb3VzZWwtbGlzdC1ib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy00eCk7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItY2Fyb3VzZWwtbGlzdC1oZWlnaHQpO1xuXG4gIC8vIFNldHRpbmcgMHB4IGFzIGZhbGxiYWNrIHRvIGF2b2lkIGluc3RhbnQgc2Nyb2xsaW5nIG9uIFNhZmFyaSB3aGVuIGxvYWRpbmcgdGhlIHBhZ2VcbiAgd2lkdGg6IHZhcigtLXNiYi1jYXJvdXNlbC1saXN0LXdpZHRoLCAwKTtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgc2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1jYXJvdXNlbC1pbmhlcml0LWJvcmRlci1yYWRpdXMpO1xufVxuXG46aG9zdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAmOjpiZWZvcmUge1xuICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGhlaWdodDogaW5oZXJpdDtcbiAgICB3aWR0aDogaW5oZXJpdDtcbiAgICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1zYmItY2Fyb3VzZWwtbGlzdC1ib3JkZXItcmFkaXVzKTtcbiAgICBib3JkZXItc3RhcnQtZW5kLXJhZGl1czogdmFyKC0tc2JiLWNhcm91c2VsLWxpc3QtYm9yZGVyLXJhZGl1cyk7XG4gICAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IHZhcigtLXNiYi1jYXJvdXNlbC1pbmhlcml0LWJvcmRlci1yYWRpdXMpO1xuICAgIGJvcmRlci1lbmQtZW5kLXJhZGl1czogdmFyKC0tc2JiLWNhcm91c2VsLWluaGVyaXQtYm9yZGVyLXJhZGl1cyk7XG4gIH1cbn1cbiIsImltcG9ydCB7IEludGVyc2VjdGlvbkNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL2ludGVyc2VjdGlvbi1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7XG4gIGkxOG5DYXJvdXNlbEl0ZW1BcmlhTGFiZWwsXG4gIGlzQXJyb3dLZXlQcmVzc2VkLFxuICBTYmJFbGVtZW50LFxuICBTYmJMYW5ndWFnZUNvbnRyb2xsZXIsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHtcbiAgdHlwZSBTYmJDYXJvdXNlbEl0ZW1FbGVtZW50LFxuICBTYmJDYXJvdXNlbEl0ZW1TaG93RXZlbnQsXG59IGZyb20gJy4uL2Nhcm91c2VsLWl0ZW0vY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJvdXNlbC1saXN0LnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxpc3Qgb2YgYHNiYi1jYXJvdXNlbC1pdGVtYCBjb21wb25lbnRzLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItY2Fyb3VzZWwtaXRlbWAgZWxlbWVudHMuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJDYXJvdXNlbExpc3RFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItY2Fyb3VzZWwtbGlzdCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFt1bnNhZmVDU1Moc3R5bGUpXTtcblxuICBwcml2YXRlIF9jdXJyZW50SW5kZXggPSAwO1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX29ic2VydmVkQ2Fyb3VzZWxJdGVtczogU2JiQ2Fyb3VzZWxJdGVtRWxlbWVudFtdID0gW107XG5cbiAgcHJpdmF0ZSBfYmVmb3JlU2hvd09ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBjYWxsYmFjazogKGVudHJ5KSA9PiB7XG4gICAgICBjb25zdCBpdGVtID0gZW50cnkuZmlsdGVyKChlKSA9PiBlLmlzSW50ZXJzZWN0aW5nICYmIGUudGFyZ2V0ICE9PSB0aGlzKTtcbiAgICAgIGl0ZW0uZm9yRWFjaCgoZSkgPT4ge1xuICAgICAgICBjb25zdCB0YXJnZXQgPSBlLnRhcmdldCBhcyBTYmJDYXJvdXNlbEl0ZW1FbGVtZW50O1xuICAgICAgICB0YXJnZXQuZGlzcGF0Y2hFdmVudChcbiAgICAgICAgICBuZXcgU2JiQ2Fyb3VzZWxJdGVtU2hvd0V2ZW50KCdiZWZvcmVzaG93Jywge1xuICAgICAgICAgICAgaW5kZXg6IHRoaXMuX2Nhcm91c2VsSXRlbXMoKS5maW5kSW5kZXgoKGUpID0+IGUgPT09IHRhcmdldCksXG4gICAgICAgICAgfSksXG4gICAgICAgICk7XG4gICAgICB9KTtcbiAgICB9LFxuICAgIGNvbmZpZzogeyB0aHJlc2hvbGQ6IDAuMDEsIHJvb3Q6IHRoaXMsIHJvb3RNYXJnaW46ICcxMDAlIDAlIDEwMCUgMCUnIH0sXG4gIH0pO1xuXG4gIHByaXZhdGUgX3Nob3dPYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25Db250cm9sbGVyKHRoaXMsIHtcbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgY2FsbGJhY2s6IChlbnRyeUFycikgPT4ge1xuICAgICAgZm9yIChjb25zdCBlbnRyeSBvZiBlbnRyeUFycikge1xuICAgICAgICBpZiAoZW50cnkudGFyZ2V0ID09PSB0aGlzKSB7XG4gICAgICAgICAgY29udGludWU7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgdGFyZ2V0ID0gZW50cnkudGFyZ2V0IGFzIFNiYkNhcm91c2VsSXRlbUVsZW1lbnQ7XG4gICAgICAgIGlmIChlbnRyeS5pc0ludGVyc2VjdGluZykge1xuICAgICAgICAgIHRhcmdldC5hcmlhSGlkZGVuID0gbnVsbDtcbiAgICAgICAgICB0aGlzLl9jdXJyZW50SW5kZXggPSB0aGlzLl9jYXJvdXNlbEl0ZW1zKCkuZmluZEluZGV4KChlbCkgPT4gZWwgPT09IHRhcmdldCk7XG4gICAgICAgICAgdGFyZ2V0LmRpc3BhdGNoRXZlbnQobmV3IFNiYkNhcm91c2VsSXRlbVNob3dFdmVudCgnc2hvdycsIHsgaW5kZXg6IHRoaXMuX2N1cnJlbnRJbmRleCB9KSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGFyZ2V0LmFyaWFIaWRkZW4gPSAndHJ1ZSc7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9LFxuICAgIGNvbmZpZzogeyB0aHJlc2hvbGQ6IDAuOTksIHJvb3Q6IHRoaXMsIHJvb3RNYXJnaW46ICcxMDAlIDAlIDEwMCUgMCUnIH0sXG4gIH0pO1xuXG4gIHByaXZhdGUgX3Jlc2l6ZU9ic2VydmVyQ29udHJvbGxlciA9IG5ldyBSZXNpemVDb250cm9sbGVyKHRoaXMsIHtcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fcmVhZERpbWVuc2lvbnMoKSxcbiAgfSk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/Ligna2V5ZG93bicsIChlKSA9PiB0aGlzLl9vbktleURvd24oZSkpO1xuICB9XG5cbiAgLyoqIEdldHMgdGhlIHNsb3R0ZWQgaXRlbXMuICovXG4gIHByaXZhdGUgX2Nhcm91c2VsSXRlbXMoKTogU2JiQ2Fyb3VzZWxJdGVtRWxlbWVudFtdIHtcbiAgICByZXR1cm4gQXJyYXkuZnJvbSh0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw/Lignc2JiLWNhcm91c2VsLWl0ZW0nKSA/PyBbXSk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVTbG90Y2hhbmdlKCk6IHZvaWQge1xuICAgIC8vIEluIGNhc2Ugb2YgcmVtb3ZlZCBjYXJvdXNlbCBpdGVtcywgd2UgbmVlZCB0byB1bm9ic2VydmUgdGhlIGN1cnJlbnQgb2JzZXJ2ZXJzLlxuICAgIHRoaXMuX29ic2VydmVkQ2Fyb3VzZWxJdGVtcy5mb3JFYWNoKChpdGVtKSA9PiB7XG4gICAgICB0aGlzLl9iZWZvcmVTaG93T2JzZXJ2ZXIudW5vYnNlcnZlKGl0ZW0pO1xuICAgICAgdGhpcy5fc2hvd09ic2VydmVyLnVub2JzZXJ2ZShpdGVtKTtcbiAgICB9KTtcblxuICAgIGNvbnN0IGNhcm91c2VsSXRlbXMgPSB0aGlzLl9jYXJvdXNlbEl0ZW1zKCk7XG5cbiAgICAvLyBTZXQgdGhlIGFyaWEtbGFiZWwgaWYgbm90IHByb3ZpZGVkXG4gICAgY2Fyb3VzZWxJdGVtcy5mb3JFYWNoKChpdGVtLCBpbmRleCkgPT4ge1xuICAgICAgaXRlbS5hcmlhTGFiZWwgfHw9IGkxOG5DYXJvdXNlbEl0ZW1BcmlhTGFiZWwoaW5kZXggKyAxLCBjYXJvdXNlbEl0ZW1zLmxlbmd0aClbXG4gICAgICAgIHRoaXMuX2xhbmd1YWdlLmN1cnJlbnRcbiAgICAgIF07XG4gICAgICBpdGVtLmFyaWFIaWRkZW4gPSBpbmRleCA9PT0gdGhpcy5fY3VycmVudEluZGV4ID8gbnVsbCA6ICd0cnVlJztcbiAgICB9KTtcblxuICAgIHRoaXMuX3JlYWREaW1lbnNpb25zKCk7XG4gIH1cblxuICAvKipcbiAgICogUmVhZHMgdGhlIGRpbWVuc2lvbnMgb2YgdGhlIGZpcnN0IGNhcm91c2VsIGl0ZW0gYW5kIHNldHMgdGhlIENTUyBwcm9wZXJ0aWVzIGFjY29yZGluZ2x5LlxuICAgKiBTaG91bGQgc2V0IHRoZSBkaW1lbnNpb25zIG9ubHkgb25jZSwgd2hlbiB0aGUgZmlyc3QgaXRlbSBiZWNvbWVzIHZpc2libGUgYW5kIGlmIHRoZSB2YWx1ZSBpcyBub24temVyby5cbiAgICovXG4gIHByaXZhdGUgX3JlYWREaW1lbnNpb25zKCk6IHZvaWQge1xuICAgIGNvbnN0IGNhcm91c2VsSXRlbXMgPSB0aGlzLl9jYXJvdXNlbEl0ZW1zKCk7XG4gICAgaWYgKGNhcm91c2VsSXRlbXMubGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgZmlyc3RJdGVtID0gY2Fyb3VzZWxJdGVtc1swXTtcblxuICAgIGlmIChmaXJzdEl0ZW0uY2xpZW50SGVpZ2h0ID4gMCkge1xuICAgICAgdGhpcy5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zYmItY2Fyb3VzZWwtbGlzdC1oZWlnaHQnLCBgJHtmaXJzdEl0ZW0uY2xpZW50SGVpZ2h0fXB4YCk7XG4gICAgfVxuXG4gICAgaWYgKGZpcnN0SXRlbS5jbGllbnRXaWR0aCA+IDApIHtcbiAgICAgIHRoaXMuc3R5bGUuc2V0UHJvcGVydHkoJy0tc2JiLWNhcm91c2VsLWxpc3Qtd2lkdGgnLCBgJHtmaXJzdEl0ZW0uY2xpZW50V2lkdGh9cHhgKTtcblxuICAgICAgLy8gV2Ugc2hvdWxkIG9ubHkgb2JzZXJ2ZSB0aGUgaXRlbXMgaWYgdGhleSBoYXZlIGEgbm9uLXplcm8gd2lkdGguIE90aGVyd2lzZSwgYW4gdW53YW50ZWQgc2Nyb2xsaW5nIGNhbiBoYXBwZW4uXG4gICAgICBjYXJvdXNlbEl0ZW1zLmZvckVhY2goKGl0ZW0pID0+IHtcbiAgICAgICAgdGhpcy5fYmVmb3JlU2hvd09ic2VydmVyLm9ic2VydmUoaXRlbSk7XG4gICAgICAgIHRoaXMuX3Nob3dPYnNlcnZlci5vYnNlcnZlKGl0ZW0pO1xuICAgICAgfSk7XG4gICAgICB0aGlzLl9vYnNlcnZlZENhcm91c2VsSXRlbXMgPSBjYXJvdXNlbEl0ZW1zO1xuICAgICAgdGhpcy5fcmVzaXplT2JzZXJ2ZXJDb250cm9sbGVyLnVub2JzZXJ2ZSh0aGlzKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9vbktleURvd24oZXZ0OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKCFpc0Fycm93S2V5UHJlc3NlZChldnQpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgbGV0IG5ld0luZGV4ID0gdGhpcy5fY3VycmVudEluZGV4O1xuICAgIGNvbnN0IGlzUHJldiA9IGV2dC5rZXkgPT09ICdBcnJvd1VwJyB8fCBldnQua2V5ID09PSAnQXJyb3dMZWZ0JztcbiAgICBjb25zdCBpc05leHQgPSBldnQua2V5ID09PSAnQXJyb3dEb3duJyB8fCBldnQua2V5ID09PSAnQXJyb3dSaWdodCc7XG5cbiAgICBpZiAoaXNQcmV2KSB7XG4gICAgICBuZXdJbmRleCA9IE1hdGgubWF4KDAsIHRoaXMuX2N1cnJlbnRJbmRleCAtIDEpO1xuICAgIH0gZWxzZSBpZiAoaXNOZXh0KSB7XG4gICAgICBuZXdJbmRleCA9IE1hdGgubWluKHRoaXMuX2Nhcm91c2VsSXRlbXMoKS5sZW5ndGggLSAxLCB0aGlzLl9jdXJyZW50SW5kZXggKyAxKTtcbiAgICB9XG5cbiAgICBpZiAobmV3SW5kZXggIT09IHRoaXMuX2N1cnJlbnRJbmRleCkge1xuICAgICAgdGhpcy5fY3VycmVudEluZGV4ID0gbmV3SW5kZXg7XG4gICAgICB0aGlzLnNjcm9sbFRvKHtcbiAgICAgICAgbGVmdDogdGhpcy5fY2Fyb3VzZWxJdGVtcygpW3RoaXMuX2N1cnJlbnRJbmRleF0ub2Zmc2V0TGVmdCAtIHRoaXMub2Zmc2V0TGVmdCxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxpdmUgPSAncG9saXRlJztcbiAgICB0aGlzLmludGVybmFscy5hcmlhQXRvbWljID0gJ3RydWUnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl9oYW5kbGVTbG90Y2hhbmdlfT48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNhcm91c2VsLWxpc3QnOiBTYmJDYXJvdXNlbExpc3RFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FDc0JBLElBQWEseUJBQWIsY0FBNEMsV0FBVTs7RUFDcEIsS0FBQSxjQUFzQjtDQUFvQjs7RUFDbkQsS0FBQSxTQUF5QixDQUFDLFVBQVUscUJBQUssQ0FBQztDQUFFO0NBK0NuRSxjQUFBO0VBQ0UsTUFBSztFQTlDQyxLQUFBLGdCQUFnQjtFQUNoQixLQUFBLFlBQVksSUFBSSxzQkFBc0IsSUFBSTtFQUMxQyxLQUFBLHlCQUFtRCxDQUFBO0VBRW5ELEtBQUEsc0JBQXNCLElB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
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { html, unsafeCSS } from "lit";
|
|
3
|
+
import { property } from "lit/decorators.js";
|
|
4
|
+
import { SbbElement, SbbLanguageController, forceType, i18nCarouselArrowsNavigationHint, i18nNextSlide, i18nPreviousSlide, i18nSlide, screenReaderOnlyStyles } from "./core.js";
|
|
5
|
+
//#region src/elements/carousel/carousel/carousel.scss?inline
|
|
6
|
+
var carousel_default = ":host {\n display: inline-block;\n overflow: hidden;\n border-radius: var(--sbb-carousel-border-radius) var(--sbb-carousel-border-radius) 0 0;\n}\n\n:host([shadow]) {\n box-shadow: var(--sbb-carousel-box-shadow);\n border-radius: var(--sbb-carousel-border-radius);\n}\n\n:host(:not([shadow])) ::slotted(sbb-carousel-list) {\n --sbb-carousel-inherit-border-radius: var(--sbb-carousel-border-radius);\n}\n\n.sbb-carousel {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background-color: var(--sbb-carousel-background-color);\n}\n\n::slotted(sbb-compact-paginator) {\n padding: var(--sbb-carousel-paginator-padding);\n}";
|
|
7
|
+
//#endregion
|
|
8
|
+
//#region src/elements/carousel/carousel/carousel.component.ts
|
|
9
|
+
/**
|
|
10
|
+
* It displays a carousel component.
|
|
11
|
+
*
|
|
12
|
+
* @slot - Use the unnamed slot to add the `sbb-carousel-list` for content and a `sbb-paginator` for controls.
|
|
13
|
+
*/
|
|
14
|
+
var SbbCarouselElement = (() => {
|
|
15
|
+
let _classSuper = SbbElement;
|
|
16
|
+
let _shadow_decorators;
|
|
17
|
+
let _shadow_initializers = [];
|
|
18
|
+
let _shadow_extraInitializers = [];
|
|
19
|
+
return class SbbCarouselElement extends _classSuper {
|
|
20
|
+
static {
|
|
21
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
22
|
+
_shadow_decorators = [forceType(), property({
|
|
23
|
+
reflect: true,
|
|
24
|
+
type: Boolean
|
|
25
|
+
})];
|
|
26
|
+
__esDecorate(this, null, _shadow_decorators, {
|
|
27
|
+
kind: "accessor",
|
|
28
|
+
name: "shadow",
|
|
29
|
+
static: false,
|
|
30
|
+
private: false,
|
|
31
|
+
access: {
|
|
32
|
+
has: (obj) => "shadow" in obj,
|
|
33
|
+
get: (obj) => obj.shadow,
|
|
34
|
+
set: (obj, value) => {
|
|
35
|
+
obj.shadow = value;
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
metadata: _metadata
|
|
39
|
+
}, _shadow_initializers, _shadow_extraInitializers);
|
|
40
|
+
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
41
|
+
enumerable: true,
|
|
42
|
+
configurable: true,
|
|
43
|
+
writable: true,
|
|
44
|
+
value: _metadata
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
static {
|
|
48
|
+
this.elementName = "sbb-carousel";
|
|
49
|
+
}
|
|
50
|
+
static {
|
|
51
|
+
this.styles = [screenReaderOnlyStyles, unsafeCSS(carousel_default)];
|
|
52
|
+
}
|
|
53
|
+
#shadow_accessor_storage;
|
|
54
|
+
/**
|
|
55
|
+
* Used to display a box-shadow around the component.
|
|
56
|
+
*/
|
|
57
|
+
get shadow() {
|
|
58
|
+
return this.#shadow_accessor_storage;
|
|
59
|
+
}
|
|
60
|
+
set shadow(value) {
|
|
61
|
+
this.#shadow_accessor_storage = value;
|
|
62
|
+
}
|
|
63
|
+
constructor() {
|
|
64
|
+
super();
|
|
65
|
+
this.#shadow_accessor_storage = __runInitializers(this, _shadow_initializers, false);
|
|
66
|
+
this._paginator = (__runInitializers(this, _shadow_extraInitializers), null);
|
|
67
|
+
this._abortController = null;
|
|
68
|
+
this._language = new SbbLanguageController(this);
|
|
69
|
+
this._requestedPageIndexByPaginator = -1;
|
|
70
|
+
this.addEventListener?.("show", (e) => {
|
|
71
|
+
if (this._requestedPageIndexByPaginator !== -1 && this._requestedPageIndexByPaginator !== e.index) return;
|
|
72
|
+
if (this._paginator) {
|
|
73
|
+
if (e.index !== this._paginator.pageIndex) this._paginator.pageIndex = e.index;
|
|
74
|
+
}
|
|
75
|
+
this._requestedPageIndexByPaginator = -1;
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
connectedCallback() {
|
|
79
|
+
super.connectedCallback();
|
|
80
|
+
this.internals.role = "region";
|
|
81
|
+
this.internals.ariaLabel = "carousel";
|
|
82
|
+
this._setupPaginator();
|
|
83
|
+
}
|
|
84
|
+
firstUpdated(_changedProperties) {
|
|
85
|
+
super.firstUpdated(_changedProperties);
|
|
86
|
+
this.internals.ariaDescribedByElements = [this.shadowRoot.querySelector("#sbb-carousel-arrows-navigation-hint")];
|
|
87
|
+
}
|
|
88
|
+
disconnectedCallback() {
|
|
89
|
+
super.disconnectedCallback();
|
|
90
|
+
this._abortController?.abort();
|
|
91
|
+
}
|
|
92
|
+
_handleSlotchange() {
|
|
93
|
+
const paginator = Array.from(this.children).find((el) => el.localName === "sbb-compact-paginator");
|
|
94
|
+
const list = Array.from(this.children).find((el) => el.localName === "sbb-carousel-list");
|
|
95
|
+
if (!paginator || !list) return;
|
|
96
|
+
const items = list.querySelectorAll("sbb-carousel-item");
|
|
97
|
+
if (items && items.length > 0) {
|
|
98
|
+
paginator.length = items.length;
|
|
99
|
+
paginator.pageSize = 1;
|
|
100
|
+
}
|
|
101
|
+
paginator.accessibilityNextPageLabel ||= i18nNextSlide[this._language.current];
|
|
102
|
+
paginator.accessibilityPreviousPageLabel ||= i18nPreviousSlide[this._language.current];
|
|
103
|
+
paginator.accessibilityPageLabel ||= i18nSlide[this._language.current];
|
|
104
|
+
if (paginator !== this._paginator) {
|
|
105
|
+
this._paginator = paginator;
|
|
106
|
+
this._setupPaginator();
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
_setupPaginator() {
|
|
110
|
+
this._abortController?.abort();
|
|
111
|
+
if (!this._paginator) return;
|
|
112
|
+
this._abortController = new AbortController();
|
|
113
|
+
this._paginator.addEventListener("click", () => this._scrollAtPaginatorChange(), { signal: this._abortController.signal });
|
|
114
|
+
}
|
|
115
|
+
_scrollAtPaginatorChange() {
|
|
116
|
+
if (!this._paginator) return;
|
|
117
|
+
this._requestedPageIndexByPaginator = this._paginator.pageIndex;
|
|
118
|
+
const list = this.querySelector("sbb-carousel-list");
|
|
119
|
+
if (list) {
|
|
120
|
+
const offsetLeft = list.querySelectorAll("sbb-carousel-item")[this._paginator.pageIndex].offsetLeft - this.offsetLeft;
|
|
121
|
+
if (list.clientWidth <= 100 || Math.abs(list.scrollLeft - offsetLeft) > 50) list.scrollTo({ left: offsetLeft });
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
render() {
|
|
125
|
+
return html`
|
|
126
|
+
<div class="sbb-carousel">
|
|
127
|
+
<span class="sbb-screen-reader-only" id="sbb-carousel-arrows-navigation-hint"
|
|
128
|
+
>${i18nCarouselArrowsNavigationHint[this._language.current]}</span
|
|
129
|
+
>
|
|
130
|
+
<slot @slotchange=${this._handleSlotchange}></slot>
|
|
131
|
+
</div>
|
|
132
|
+
`;
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
})();
|
|
136
|
+
//#endregion
|
|
137
|
+
export { SbbCarouselElement as t };
|
|
138
|
+
|
|
139
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LURfS0lKOUJiLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJvdXNlbC9jYXJvdXNlbC9jYXJvdXNlbC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJvdXNlbC9jYXJvdXNlbC9jYXJvdXNlbC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1jYXJvdXNlbC1ib3JkZXItcmFkaXVzKSB2YXIoLS1zYmItY2Fyb3VzZWwtYm9yZGVyLXJhZGl1cykgMCAwO1xufVxuXG46aG9zdChbc2hhZG93XSkge1xuICBib3gtc2hhZG93OiB2YXIoLS1zYmItY2Fyb3VzZWwtYm94LXNoYWRvdyk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1jYXJvdXNlbC1ib3JkZXItcmFkaXVzKTtcbn1cblxuOmhvc3QoOm5vdChbc2hhZG93XSkpIDo6c2xvdHRlZChzYmItY2Fyb3VzZWwtbGlzdCkge1xuICAtLXNiYi1jYXJvdXNlbC1pbmhlcml0LWJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1jYXJvdXNlbC1ib3JkZXItcmFkaXVzKTtcbn1cblxuLnNiYi1jYXJvdXNlbCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItY2Fyb3VzZWwtYmFja2dyb3VuZC1jb2xvcik7XG59XG5cbjo6c2xvdHRlZChzYmItY29tcGFjdC1wYWdpbmF0b3IpIHtcbiAgcGFkZGluZzogdmFyKC0tc2JiLWNhcm91c2VsLXBhZ2luYXRvci1wYWRkaW5nKTtcbn1cbiIsImltcG9ydCB0eXBlIHsgUHJvcGVydHlWYWx1ZXMgfSBmcm9tICdAbGl0L3JlYWN0aXZlLWVsZW1lbnQnO1xuaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQge1xuICBmb3JjZVR5cGUsXG4gIGkxOG5DYXJvdXNlbEFycm93c05hdmlnYXRpb25IaW50LFxuICBpMThuTmV4dFNsaWRlLFxuICBpMThuUHJldmlvdXNTbGlkZSxcbiAgaTE4blNsaWRlLFxuICBTYmJFbGVtZW50LFxuICBTYmJMYW5ndWFnZUNvbnRyb2xsZXIsXG4gIHNjcmVlblJlYWRlck9ubHlTdHlsZXMsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJDb21wYWN0UGFnaW5hdG9yRWxlbWVudCB9IGZyb20gJy4uLy4uL3BhZ2luYXRvci5wdXJlLnRzJztcbmltcG9ydCB0eXBlIHtcbiAgU2JiQ2Fyb3VzZWxJdGVtRWxlbWVudCxcbiAgU2JiQ2Fyb3VzZWxJdGVtU2hvd0V2ZW50LFxufSBmcm9tICcuLi9jYXJvdXNlbC1pdGVtL2Nhcm91c2VsLWl0ZW0uY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiQ2Fyb3VzZWxMaXN0RWxlbWVudCB9IGZyb20gJy4uL2Nhcm91c2VsLWxpc3QvY2Fyb3VzZWwtbGlzdC5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJvdXNlbC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBjYXJvdXNlbCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgdGhlIGBzYmItY2Fyb3VzZWwtbGlzdGAgZm9yIGNvbnRlbnQgYW5kIGEgYHNiYi1wYWdpbmF0b3JgIGZvciBjb250cm9scy5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkNhcm91c2VsRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWNhcm91c2VsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3NjcmVlblJlYWRlck9ubHlTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKlxuICAgKiBVc2VkIHRvIGRpc3BsYXkgYSBib3gtc2hhZG93IGFyb3VuZCB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHNoYWRvdzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX3BhZ2luYXRvcjogU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgcHJpdmF0ZSBfYWJvcnRDb250cm9sbGVyOiBBYm9ydENvbnRyb2xsZXIgfCBudWxsID0gbnVsbDtcbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9yZXF1ZXN0ZWRQYWdlSW5kZXhCeVBhZ2luYXRvciA9IC0xO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgLy8gSWYgdGhlIGxpc3QgaXMgc2Nyb2xsZWQgdXNpbmcgbW91c2Uva2V5Ym9hcmQsIGl0IGtlZXBzIHRoZSBwYWdpbmF0b3IgdXBkYXRlZC5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/Lignc2hvdycsIChlOiBTYmJDYXJvdXNlbEl0ZW1TaG93RXZlbnQpID0+IHtcbiAgICAgIC8vIFdlIGhhdmUgdG8gZ2l2ZSBwcmlvcml0eSB0byB0aGUgcGFnaW5hdG9yIGZvciB0aGUgY2FzZSxcbiAgICAgIC8vIGlmIGR1cmluZyBhbiBhbmltYXRpb24gdGhlIG5leHQgcGFnZSBpcyBjYWxsZWQgZnJvbSB0aGUgcGFnaW5hdG9yLCB0aGUgcGFnaW5hdG9yIGlzIHJlc2V0LlxuICAgICAgaWYgKFxuICAgICAgICB0aGlzLl9yZXF1ZXN0ZWRQYWdlSW5kZXhCeVBhZ2luYXRvciAhPT0gLTEgJiZcbiAgICAgICAgdGhpcy5fcmVxdWVzdGVkUGFnZUluZGV4QnlQYWdpbmF0b3IgIT09IGUuaW5kZXhcbiAgICAgICkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5fcGFnaW5hdG9yKSB7XG4gICAgICAgIGlmIChlLmluZGV4ICE9PSB0aGlzLl9wYWdpbmF0b3IucGFnZUluZGV4KSB7XG4gICAgICAgICAgdGhpcy5fcGFnaW5hdG9yLnBhZ2VJbmRleCA9IGUuaW5kZXg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHRoaXMuX3JlcXVlc3RlZFBhZ2VJbmRleEJ5UGFnaW5hdG9yID0gLTE7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHRoaXMuaW50ZXJuYWxzLnJvbGUgPSAncmVnaW9uJztcbiAgICB0aGlzLmludGVybmFscy5hcmlhTGFiZWwgPSAnY2Fyb3VzZWwnO1xuXG4gICAgdGhpcy5fc2V0dXBQYWdpbmF0b3IoKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoX2NoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlcyk6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChfY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYURlc2NyaWJlZEJ5RWxlbWVudHMgPSBbXG4gICAgICB0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3IoJyNzYmItY2Fyb3VzZWwtYXJyb3dzLW5hdmlnYXRpb24taGludCcpISxcbiAgICBdO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fYWJvcnRDb250cm9sbGVyPy5hYm9ydCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlU2xvdGNoYW5nZSgpOiB2b2lkIHtcbiAgICBjb25zdCBwYWdpbmF0b3I6IFNiYkNvbXBhY3RQYWdpbmF0b3JFbGVtZW50ID0gQXJyYXkuZnJvbSh0aGlzLmNoaWxkcmVuKS5maW5kKFxuICAgICAgKGVsKSA9PiBlbC5sb2NhbE5hbWUgPT09ICdzYmItY29tcGFjdC1wYWdpbmF0b3InLFxuICAgICkgYXMgU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQ7XG4gICAgY29uc3QgbGlzdDogU2JiQ2Fyb3VzZWxMaXN0RWxlbWVudCA9IEFycmF5LmZyb20odGhpcy5jaGlsZHJlbikuZmluZChcbiAgICAgIChlbCkgPT4gZWwubG9jYWxOYW1lID09PSAnc2JiLWNhcm91c2VsLWxpc3QnLFxuICAgICkgYXMgU2JiQ2Fyb3VzZWxMaXN0RWxlbWVudDtcbiAgICBpZiAoIXBhZ2luYXRvciB8fCAhbGlzdCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBpdGVtcyA9IGxpc3QucXVlcnlTZWxlY3RvckFsbDxTYmJDYXJvdXNlbEl0ZW1FbGVtZW50Pignc2JiLWNhcm91c2VsLWl0ZW0nKTtcbiAgICBpZiAoaXRlbXMgJiYgaXRlbXMubGVuZ3RoID4gMCkge1xuICAgICAgcGFnaW5hdG9yLmxlbmd0aCA9IGl0ZW1zLmxlbmd0aDtcbiAgICAgIHBhZ2luYXRvci5wYWdlU2l6ZSA9IDE7XG4gICAgfVxuICAgIHBhZ2luYXRvci5hY2Nlc3NpYmlsaXR5TmV4dFBhZ2VMYWJlbCB8fD0gaTE4bk5leHRTbGlkZVt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcbiAgICBwYWdpbmF0b3IuYWNjZXNzaWJpbGl0eVByZXZpb3VzUGFnZUxhYmVsIHx8PSBpMThuUHJldmlvdXNTbGlkZVt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcbiAgICBwYWdpbmF0b3IuYWNjZXNzaWJpbGl0eVBhZ2VMYWJlbCB8fD0gaTE4blNsaWRlW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuXG4gICAgaWYgKHBhZ2luYXRvciAhPT0gdGhpcy5fcGFnaW5hdG9yKSB7XG4gICAgICB0aGlzLl9wYWdpbmF0b3IgPSBwYWdpbmF0b3I7XG4gICAgICB0aGlzLl9zZXR1cFBhZ2luYXRvcigpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3NldHVwUGFnaW5hdG9yKCk6IHZvaWQge1xuICAgIHRoaXMuX2Fib3J0Q29udHJvbGxlcj8uYWJvcnQoKTtcblxuICAgIGlmICghdGhpcy5fcGFnaW5hdG9yKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuX2Fib3J0Q29udHJvbGxlciA9IG5ldyBBYm9ydENvbnRyb2xsZXIoKTtcblxuICAgIC8vIEJ5IGxpc3RlbmluZyB0byB0aGUgY2xpY2sgZXZlbnQgb24gdGhlIHBhZ2luYXRvciwgd2UgY2FuIGVuc3VyZSB0aGF0IHRoZSBjaGFuZ2Ugd2FzIHVzZXIgdHJpZ2dlcmVkLlxuICAgIC8vIElmIHdlIGluc3RlYWQgdXNlIHRoZSBwYWdlIGV2ZW50LCB3ZSB3b3VsZCBhbHNvIGNhdGNoIHByb2dyYW1tYXRpYyBjaGFuZ2VzIHRvIHRoZSBwYWdpbmF0b3JcbiAgICAvLyB3aGljaCBjYW4gY2F1c2UgYSBsb29wIGFuZCB3cm9uZyB0aW1pbmcgYXMgd2UgYWxzbyBsaXN0ZW4gdG8gdGhlIHNob3cgZXZlbnQuXG4gICAgdGhpcy5fcGFnaW5hdG9yLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4gdGhpcy5fc2Nyb2xsQXRQYWdpbmF0b3JDaGFuZ2UoKSwge1xuICAgICAgc2lnbmFsOiB0aGlzLl9hYm9ydENvbnRyb2xsZXIuc2lnbmFsLFxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBfc2Nyb2xsQXRQYWdpbmF0b3JDaGFuZ2UoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLl9wYWdpbmF0b3IpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5fcmVxdWVzdGVkUGFnZUluZGV4QnlQYWdpbmF0b3IgPSB0aGlzLl9wYWdpbmF0b3IucGFnZUluZGV4O1xuXG4gICAgY29uc3QgbGlzdCA9IHRoaXMucXVlcnlTZWxlY3RvcjxTYmJDYXJvdXNlbExpc3RFbGVtZW50Pignc2JiLWNhcm91c2VsLWxpc3QnKTtcblxuICAgIGlmIChsaXN0KSB7XG4gICAgICBjb25zdCBpdGVtcyA9IGxpc3QucXVlcnlTZWxlY3RvckFsbDxTYmJDYXJvdXNlbEl0ZW1FbGVtZW50Pignc2JiLWNhcm91c2VsLWl0ZW0nKTtcblxuICAgICAgLy8gQXMgdGhlIG9mZnNldExlZnQgaXMgYWx3YXlzIHJlbmRlcmVkIGZyb20gdGhlIHZpZXdwb3J0IGJvdW5kYXJpZXMsIHdlIG5lZWQgdG8gc3VidHJhY3QgdGhlIG9mZnNldExlZnRcbiAgICAgIC8vIGZyb20gdGhlIGNhcm91c2VsIHRvIGdldCB0aGUgb2Zmc2V0IGluc2lkZSB0aGUgc2Nyb2xsIGFyZWEuXG4gICAgICBjb25zdCBvZmZzZXRMZWZ0ID0gaXRlbXNbdGhpcy5fcGFnaW5hdG9yLnBhZ2VJbmRleF0ub2Zmc2V0TGVmdCAtIHRoaXMub2Zmc2V0TGVmdDtcblxuICAgICAgLy8gUHJldmVudHMgcmVkdW5kYW50IHNjcm9sbGluZyB3aGVuIHRoZSBwYWdpbmF0b3IgdXBkYXRlcyBhZnRlciBhIHNjcm9sbCBldmVudFxuICAgICAgLy8gYnkgY2hlY2tpbmcgdGhlIGRpc3RhbmNlIGJldHdlZW4gdGhlIGN1cnJlbnQgYW5kIHRhcmdldCBzY3JvbGwgcG9zaXRpb25zLlxuICAgICAgLy8gKHNob3cgZXZlbnQgaXMgdHJpZ2dlcmVkIHNsaWdodGx5IGJlZm9yZSBmdWxseSBzY3JvbGxlZCkuXG4gICAgICBpZiAobGlzdC5jbGllbnRXaWR0aCA8PSAxMDAgfHwgTWF0aC5hYnMobGlzdC5zY3JvbGxMZWZ0IC0gb2Zmc2V0TGVmdCkgPiA1MCkge1xuICAgICAgICBsaXN0LnNjcm9sbFRvKHsgbGVmdDogb2Zmc2V0TGVmdCB9KTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItY2Fyb3VzZWxcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc2NyZWVuLXJlYWRlci1vbmx5XCIgaWQ9XCJzYmItY2Fyb3VzZWwtYXJyb3dzLW5hdmlnYXRpb24taGludFwiXG4gICAgICAgICAgPiR7aTE4bkNhcm91c2VsQXJyb3dzTmF2aWdhdGlvbkhpbnRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl9oYW5kbGVTbG90Y2hhbmdlfT48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2Fyb3VzZWwnOiBTYmJDYXJvdXNlbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztJQzRCYSw0QkFBa0I7bUJBQVM7Ozs7Y0FBM0IsMkJBQTJCLFlBQVU7Ozt5QkFPL0MsVUFBUyxHQUNULFNBQVM7SUFBRSxTQUFTO0lBQU0sTUFBTTtHQUFPLENBQUUsQ0FBQztHQUMzQyxhQUFBLE1BQUEsTUFBQSxvQkFBQTtJQUFBLE1B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
|
package/development/carousel.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as SbbCarouselItemElement } from "./carousel-item.component-
|
|
2
|
-
import { t as SbbCarouselListElement } from "./carousel-list.component-
|
|
3
|
-
import { t as SbbCarouselElement } from "./carousel.component-
|
|
1
|
+
import { n as SbbCarouselItemShowEvent, t as SbbCarouselItemElement } from "./carousel-item.component-nuo7jAt3.js";
|
|
2
|
+
import { t as SbbCarouselListElement } from "./carousel-list.component-B8PUREwS.js";
|
|
3
|
+
import { t as SbbCarouselElement } from "./carousel.component-D_KIJ9Bb.js";
|
|
4
4
|
import "./carousel.pure.js";
|
|
5
5
|
//#region src/elements/carousel.ts
|
|
6
6
|
/** @entrypoint */
|
|
@@ -8,6 +8,6 @@ SbbCarouselElement.define();
|
|
|
8
8
|
SbbCarouselItemElement.define();
|
|
9
9
|
SbbCarouselListElement.define();
|
|
10
10
|
//#endregion
|
|
11
|
-
export { SbbCarouselElement, SbbCarouselItemElement, SbbCarouselListElement };
|
|
11
|
+
export { SbbCarouselElement, SbbCarouselItemElement, SbbCarouselItemShowEvent, SbbCarouselListElement };
|
|
12
12
|
|
|
13
13
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Nhcm91c2VsLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHtcbiAgU2JiQ2Fyb3VzZWxFbGVtZW50LFxuICBTYmJDYXJvdXNlbEl0ZW1FbGVtZW50LFxuICBTYmJDYXJvdXNlbExpc3RFbGVtZW50LFxufSBmcm9tICcuL2Nhcm91c2VsLnB1cmUudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2Nhcm91c2VsLnB1cmUudHMnO1xuXG5TYmJDYXJvdXNlbEVsZW1lbnQuZGVmaW5lKCk7XG5TYmJDYXJvdXNlbEl0ZW1FbGVtZW50LmRlZmluZSgpO1xuU2JiQ2Fyb3VzZWxMaXN0RWxlbWVudC5kZWZpbmUoKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBU0EsbUJBQW1CLE9BQU07QUFDekIsdUJBQXVCLE9BQU07QUFDN0IsdUJBQXVCLE9BQU0ifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as SbbCarouselItemElement } from "./carousel-item.component-
|
|
2
|
-
import { t as SbbCarouselListElement } from "./carousel-list.component-
|
|
3
|
-
import { t as SbbCarouselElement } from "./carousel.component-
|
|
4
|
-
export { SbbCarouselElement, SbbCarouselItemElement, SbbCarouselListElement };
|
|
1
|
+
import { n as SbbCarouselItemShowEvent, t as SbbCarouselItemElement } from "./carousel-item.component-nuo7jAt3.js";
|
|
2
|
+
import { t as SbbCarouselListElement } from "./carousel-list.component-B8PUREwS.js";
|
|
3
|
+
import { t as SbbCarouselElement } from "./carousel.component-D_KIJ9Bb.js";
|
|
4
|
+
export { SbbCarouselElement, SbbCarouselItemElement, SbbCarouselItemShowEvent, SbbCarouselListElement };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
|
|
2
2
|
import { FormRestoreReason, FormRestoreState, SbbElement } from '../../core.ts';
|
|
3
|
-
export declare class SbbChipInputTokenEndEvent<T = string> extends
|
|
3
|
+
export declare class SbbChipInputTokenEndEvent<T = string> extends Event {
|
|
4
4
|
/** The element that triggered the chip creation */
|
|
5
5
|
origin: 'input' | 'autocomplete';
|
|
6
6
|
/**
|
|
@@ -10,34 +10,12 @@ export declare class SbbChipInputTokenEndEvent<T = string> extends CustomEvent<S
|
|
|
10
10
|
*/
|
|
11
11
|
value: T | string;
|
|
12
12
|
label?: string;
|
|
13
|
-
/**
|
|
14
|
-
* @deprecated Use event properties directly.
|
|
15
|
-
*/
|
|
16
|
-
get detail(): SbbChipInputTokenEndEventDetails<T>;
|
|
17
13
|
constructor(options: Pick<SbbChipInputTokenEndEvent, 'origin' | 'value' | 'label'>);
|
|
18
14
|
/** Set a new value for the chip that will be created */
|
|
19
15
|
setValue(value: T): void;
|
|
20
16
|
/** Set a label for the chip that will be created */
|
|
21
17
|
setLabel(label: string): void;
|
|
22
18
|
}
|
|
23
|
-
/**
|
|
24
|
-
* @deprecated Use `SbbChipInputTokenEndEvent` instead.
|
|
25
|
-
*/
|
|
26
|
-
export interface SbbChipInputTokenEndEventDetails<T = string> {
|
|
27
|
-
/** The element that triggered the chip creation */
|
|
28
|
-
origin: 'input' | 'autocomplete';
|
|
29
|
-
/**
|
|
30
|
-
* The value of the new chip. Either the input or the option value depending on the origin.
|
|
31
|
-
* Either the value from the input which is always `string` or the value from the selected option
|
|
32
|
-
* from an autocomplete, which can be either a string or any other type.
|
|
33
|
-
*/
|
|
34
|
-
value: T | string;
|
|
35
|
-
label?: string;
|
|
36
|
-
/** Set a new value for the chip that will be created */
|
|
37
|
-
setValue(value: T): void;
|
|
38
|
-
/** Set a label for the chip that will be created */
|
|
39
|
-
setLabel(value: string): void;
|
|
40
|
-
}
|
|
41
19
|
declare const SbbChipGroupElement_base: import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbRequiredMixinType> & import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbDisabledMixinType> & import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbNegativeMixinType> & import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbFormAssociatedMixinType> & typeof SbbElement;
|
|
42
20
|
/**
|
|
43
21
|
* The `sbb-chip-group` component is used as a container for one or multiple `sbb-chip`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as SbbChipInputTokenEndEvent, t as SbbChipGroupElement } from "../../chip-group.component-
|
|
1
|
+
import { n as SbbChipInputTokenEndEvent, t as SbbChipGroupElement } from "../../chip-group.component-CVizDsAz.js";
|
|
2
2
|
export { SbbChipGroupElement, SbbChipInputTokenEndEvent };
|