@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771859294

package/development/card/common/card-action-common.js

@@ -0,0 +1,121 @@
+import { __runInitializers, __esDecorate } from "tslib";
+import { MutationController } from "@lit-labs/observers/mutation-controller.js";
+import { property } from "lit/decorators.js";
+import { html } from "lit/static-html.js";
+import { IS_FOCUSABLE_QUERY } from "../../core/a11y.js";
+import { ɵstateController as _stateController } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { css } from "lit";
+const style = css`:host {
+  display: block;
+  outline: none !important;
+  position: absolute;
+  inset: 0;
+}
+
+:is(.sbb-card-button, .sbb-card-link) {
+  display: block;
+  position: absolute;
+  inset: 0;
+  border-radius: var(--sbb-card-border-radius);
+  cursor: var(--sbb-cursor-pointer);
+  outline: none;
+}
+:host(:focus-visible) :is(.sbb-card-button, .sbb-card-link), :is(.sbb-card-button, .sbb-card-link):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);
+}
+
+.sbb-screen-reader-only {
+  border: 0;
+  clip-path: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}`;
+const SbbCardActionCommonElementMixin = (superClass) => {
+  let SbbCardActionCommonElement = (() => {
+    var _a;
+    let _classSuper = superClass;
+    let _instanceExtraInitializers = [];
+    let _set_active_decorators;
+    return _a = class extends _classSuper {
+      constructor() {
+        super(...arguments);
+        this._active = (__runInitializers(this, _instanceExtraInitializers), false);
+        this._card = null;
+        this._cardMutationObserver = new MutationController(this, {
+          target: null,
+          config: {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ["href", "tabindex", "disabled", "inert"]
+          },
+          callback: () => this._checkForSlottedActions()
+        });
+      }
+      /** Whether the card is active. */
+      set active(value) {
+        this._active = value;
+        this._onActiveChange();
+      }
+      get active() {
+        return this._active;
+      }
+      _onActiveChange() {
+        if (this._card) {
+          _stateController(this._card).toggle("has-active-action", this.active);
+        }
+      }
+      _checkForSlottedActions() {
+        Array.from(this._card?.querySelectorAll?.(IS_FOCUSABLE_QUERY) ?? []).filter((el) => el.localName !== "sbb-card-link" && el.localName !== "sbb-card-button" && !el.classList.contains("sbb-action")).forEach((el) => el.classList.toggle("sbb-action", true));
+      }
+      connectedCallback() {
+        super.connectedCallback();
+        this._card = this.closest?.("sbb-card");
+        if (this._card) {
+          this.slot ||= "action";
+          const controller = _stateController(this._card);
+          controller.add("has-action");
+          controller.toggle("has-active-action", this.active);
+          controller.add(`action-role-${this.actionRole}`);
+          controller.delete(`action-role-${this.actionRole === "button" ? "link" : "button"}`);
+          this._checkForSlottedActions();
+          this._cardMutationObserver.observe(this._card);
+        }
+      }
+      disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._card) {
+          const controller = _stateController(this._card);
+          controller.delete("has-action");
+          controller.delete("has-active-action");
+          controller.delete("action-role-button");
+          controller.delete("action-role-link");
+          this._card.querySelectorAll(`.sbb-action`).forEach((el) => el.classList.remove("sbb-action"));
+          this._card = null;
+        }
+      }
+      renderTemplate() {
+        return html`<span class="sbb-screen-reader-only"><slot></slot></span>`;
+      }
+    }, (() => {
+      const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+      _set_active_decorators = [property({ reflect: true, type: Boolean })];
+      __esDecorate(_a, null, _set_active_decorators, { kind: "setter", name: "active", static: false, private: false, access: { has: (obj) => "active" in obj, set: (obj, value) => {
+        obj.active = value;
+      } }, metadata: _metadata }, null, _instanceExtraInitializers);
+      if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+    })(), _a.styles = [boxSizingStyles, style], _a;
+  })();
+  return SbbCardActionCommonElement;
+};
+export {
+  SbbCardActionCommonElementMixin
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1hY3Rpb24tY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2FyZC9jb21tb24vY2FyZC1hY3Rpb24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE11dGF0aW9uQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvbXV0YXRpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBJU19GT0NVU0FCTEVfUVVFUlkgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJBY3Rpb25CYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyDJtXN0YXRlQ29udHJvbGxlciwgdHlwZSBBYnN0cmFjdENvbnN0cnVjdG9yIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJDYXJkRWxlbWVudCB9IGZyb20gJy4uL2NhcmQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLWFjdGlvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG5leHBvcnQgZGVjbGFyZSBjbGFzcyBTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZSB7XG4gIHB1YmxpYyBhY2Nlc3NvciBhY3RpdmU6IGJvb2xlYW47XG4gIHByb3RlY3RlZCBhY3Rpb25Sb2xlOiAnbGluaycgfCAnYnV0dG9uJztcbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYkNhcmRBY3Rpb25Db21tb25FbGVtZW50TWl4aW4gPSA8XG4gIFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50Pixcbj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkNhcmRBY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBhYnN0cmFjdCBjbGFzcyBTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgc3VwZXJDbGFzc1xuICAgIGltcGxlbWVudHMgUGFydGlhbDxTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT5cbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAgIC8qKiBXaGV0aGVyIHRoZSBjYXJkIGlzIGFjdGl2ZS4gKi9cbiAgICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gICAgcHVibGljIHNldCBhY3RpdmUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgIHRoaXMuX2FjdGl2ZSA9IHZhbHVlO1xuICAgICAgdGhpcy5fb25BY3RpdmVDaGFuZ2UoKTtcbiAgICB9XG4gICAgcHVibGljIGdldCBhY3RpdmUoKTogYm9vbGVhbiB7XG4gICAgICByZXR1cm4gdGhpcy5fYWN0aXZlO1xuICAgIH1cbiAgICBwcml2YXRlIF9hY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIHByb3RlY3RlZCBhYnN0cmFjdCBhY3Rpb25Sb2xlOiAnbGluaycgfCAnYnV0dG9uJztcblxuICAgIHByaXZhdGUgX2NhcmQ6IFNiYkNhcmRFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gICAgcHJpdmF0ZSBfY2FyZE11dGF0aW9uT2JzZXJ2ZXIgPSBuZXcgTXV0YXRpb25Db250cm9sbGVyKHRoaXMsIHtcbiAgICAgIHRhcmdldDogbnVsbCxcbiAgICAgIGNvbmZpZzoge1xuICAgICAgICBjaGlsZExpc3Q6IHRydWUsXG4gICAgICAgIHN1YnRyZWU6IHRydWUsXG4gICAgICAgIGF0dHJpYnV0ZXM6IHRydWUsXG4gICAgICAgIGF0dHJpYnV0ZUZpbHRlcjogWydocmVmJywgJ3RhYmluZGV4JywgJ2Rpc2FibGVkJywgJ2luZXJ0J10sXG4gICAgICB9LFxuICAgICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX2NoZWNrRm9yU2xvdHRlZEFjdGlvbnMoKSxcbiAgICB9KTtcblxuICAgIHByaXZhdGUgX29uQWN0aXZlQ2hhbmdlKCk6IHZvaWQge1xuICAgICAgaWYgKHRoaXMuX2NhcmQpIHtcbiAgICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5fY2FyZCkudG9nZ2xlKCdoYXMtYWN0aXZlLWFjdGlvbicsIHRoaXMuYWN0aXZlKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9jaGVja0ZvclNsb3R0ZWRBY3Rpb25zKCk6IHZvaWQge1xuICAgICAgLy8gV2UgaW50ZW50aW9uYWxseSB1c2UgdG9nZ2xlIGhlcmUsIGFzIGFkZCBjYXVzZXMgYSBNdXRhdGlvbk9ic2VydmVyIGxvb3AuXG4gICAgICBBcnJheS5mcm9tKHRoaXMuX2NhcmQ/LnF1ZXJ5U2VsZWN0b3JBbGw/LihJU19GT0NVU0FCTEVfUVVFUlkpID8/IFtdKVxuICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgIChlbCkgPT5cbiAgICAgICAgICAgIGVsLmxvY2FsTmFtZSAhPT0gJ3NiYi1jYXJkLWxpbmsnICYmXG4gICAgICAgICAgICBlbC5sb2NhbE5hbWUgIT09ICdzYmItY2FyZC1idXR0b24nICYmXG4gICAgICAgICAgICAhZWwuY2xhc3NMaXN0LmNvbnRhaW5zKCdzYmItYWN0aW9uJyksXG4gICAgICAgIClcbiAgICAgICAgLmZvckVhY2goKGVsOiBFbGVtZW50KSA9PiBlbC5jbGFzc0xpc3QudG9nZ2xlKCdzYmItYWN0aW9uJywgdHJ1ZSkpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgICB0aGlzLl9jYXJkID0gdGhpcy5jbG9zZXN0Py4oJ3NiYi1jYXJkJyk7XG4gICAgICBpZiAodGhpcy5fY2FyZCkge1xuICAgICAgICB0aGlzLnNsb3QgfHw9ICdhY3Rpb24nO1xuICAgICAgICBjb25zdCBjb250cm9sbGVyID0gybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5fY2FyZCk7XG4gICAgICAgIGNvbnRyb2xsZXIuYWRkKCdoYXMtYWN0aW9uJyk7XG4gICAgICAgIGNvbnRyb2xsZXIudG9nZ2xlKCdoYXMtYWN0aXZlLWFjdGlvbicsIHRoaXMuYWN0aXZlKTtcbiAgICAgICAgY29udHJvbGxlci5hZGQoYGFjdGlvbi1yb2xlLSR7dGhpcy5hY3Rpb25Sb2xlfWApO1xuICAgICAgICBjb250cm9sbGVyLmRlbGV0ZShgYWN0aW9uLXJvbGUtJHt0aGlzLmFjdGlvblJvbGUgPT09ICdidXR0b24nID8gJ2xpbmsnIDogJ2J1dHRvbid9YCk7XG5cbiAgICAgICAgdGhpcy5fY2hlY2tGb3JTbG90dGVkQWN0aW9ucygpO1xuICAgICAgICB0aGlzLl9jYXJkTXV0YXRpb25PYnNlcnZlci5vYnNlcnZlKHRoaXMuX2NhcmQpO1xuICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgICBpZiAodGhpcy5fY2FyZCkge1xuICAgICAgICBjb25zdCBjb250cm9sbGVyID0gybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5fY2FyZCk7XG4gICAgICAgIGNvbnRyb2xsZXIuZGVsZXRlKCdoYXMtYWN0aW9uJyk7XG4gICAgICAgIGNvbnRyb2xsZXIuZGVsZXRlKCdoYXMtYWN0aXZlLWFjdGlvbicpO1xuICAgICAgICBjb250cm9sbGVyLmRlbGV0ZSgnYWN0aW9uLXJvbGUtYnV0dG9uJyk7XG4gICAgICAgIGNvbnRyb2xsZXIuZGVsZXRlKCdhY3Rpb24tcm9sZS1saW5rJyk7XG4gICAgICAgIHRoaXMuX2NhcmRcbiAgICAgICAgICAucXVlcnlTZWxlY3RvckFsbChgLnNiYi1hY3Rpb25gKVxuICAgICAgICAgIC5mb3JFYWNoKChlbCkgPT4gZWwuY2xhc3NMaXN0LnJlbW92ZSgnc2JiLWFjdGlvbicpKTtcbiAgICAgICAgdGhpcy5fY2FyZCA9IG51bGw7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIC8vIER1ZSB0byBwcm9ibGVtcyBkZXRlY3RpbmcgdGhlIGNsaWNrIGV2ZW50IGluIE5WREEgc2NyZWVuIHJlYWRlciwgd2UgY2FuJ3QgdXNlIHRoZSBzYmItc2NyZWVuLXJlYWRlci1vbmx5IGNvbXBvbmVudCBoZXJlXG4gICAgICByZXR1cm4gaHRtbGA8c3BhbiBjbGFzcz1cInNiYi1zY3JlZW4tcmVhZGVyLW9ubHlcIj48c2xvdD48L3Nsb3Q+PC9zcGFuPmA7XG4gICAgfVxuICB9XG4gIHJldHVybiBTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudCBhcyB1bmtub3duIGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiQ2FyZEFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJuYW1lcyI6WyLJtXN0YXRlQ29udHJvbGxlciJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBbUJPLE1BQU0sa0NBQWtDLENBRzdDLGVBQ2dFO01BQ2pELDhCQUEwQixNQUFBOztzQkFDL0I7OztBQURLLFdBQUEsbUJBQ0wsWUFBVTtBQUFBOztB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

package/development/card/common.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './common/card-action-common.ts';
+//# sourceMappingURL=common.d.ts.map

package/development/card/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gCAAgC,CAAC"}

package/development/card/common.js

@@ -0,0 +1,5 @@
+import { SbbCardActionCommonElementMixin } from "./common/card-action-common.js";
+export {
+  SbbCardActionCommonElementMixin
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/card.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @entrypoint
+ */
+export * from './card/card.ts';
+export * from './card/card-badge.ts';
+export * from './card/card-button.ts';
+export * from './card/card-link.ts';
+export * from './card/common.ts';
+//# sourceMappingURL=card.d.ts.map

package/development/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/elements/card.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}

package/development/card.js

@@ -0,0 +1,13 @@
+import { SbbCardElement } from "./card/card/card.component.js";
+import { SbbCardBadgeElement } from "./card/card-badge/card-badge.component.js";
+import { SbbCardButtonElement } from "./card/card-button/card-button.component.js";
+import { SbbCardLinkElement } from "./card/card-link/card-link.component.js";
+import { SbbCardActionCommonElementMixin } from "./card/common/card-action-common.js";
+export {
+  SbbCardActionCommonElementMixin,
+  SbbCardBadgeElement,
+  SbbCardButtonElement,
+  SbbCardElement,
+  SbbCardLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OyJ9

package/development/carousel/carousel/carousel.component.d.ts

@@ -0,0 +1,34 @@
+import { PropertyValues } from '@lit/reactive-element';
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+declare const SbbCarouselElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * It displays a carousel component.
+ *
+ * @slot - Use the unnamed slot to add the `sbb-carousel-list` for content and a `sbb-paginator` for controls.
+ */
+export declare class SbbCarouselElement extends SbbCarouselElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * Used to display a box-shadow around the component.
+     */
+    accessor shadow: boolean;
+    private _paginator;
+    private _abortController;
+    private _language;
+    private _requestedPageIndexByPaginator;
+    constructor();
+    connectedCallback(): void;
+    firstUpdated(_changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
+    private _handleSlotchange;
+    private _setupPaginator;
+    private _scrollAtPaginatorChange;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-carousel': SbbCarouselElement;
+    }
+}
+export {};
+//# sourceMappingURL=carousel.component.d.ts.map

package/development/carousel/carousel/carousel.component.d.ts.map

@@ -0,0 +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;AAoBvC,OAAO,6BAA6B,CAAC;;AAIrC;;;;GAIG;AACH,qBAEM,kBAAmB,SAAQ,uBAAoC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE;;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;IASzB,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQtD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,iBAAiB;IAyBzB,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,wBAAwB;cAwBb,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}

package/development/carousel/carousel/carousel.component.js

@@ -0,0 +1,167 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { SbbLanguageController } from "../../core/controllers/language-controller.js";
+import { forceType } from "../../core/decorators.js";
+import { i18nNextSlide, i18nPreviousSlide, i18nSlide, i18nCarouselArrowsNavigationHint } from "../../core/i18n/i18n.js";
+import { SbbElementInternalsMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import "../../screen-reader-only.js";
+const style = css`:host {
+  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-carousel-box-shadow);
+  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-carousel-paginator-padding);
+}`;
+let SbbCarouselElement = (() => {
+  var _shadow_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-carousel")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbElementInternalsMixin(LitElement);
+  let _shadow_decorators;
+  let _shadow_initializers = [];
+  let _shadow_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _shadow_accessor_storage);
+      __privateSet(this, _shadow_accessor_storage, __runInitializers(this, _shadow_initializers, false));
+      this._paginator = (__runInitializers(this, _shadow_extraInitializers), null);
+      this._abortController = null;
+      this._language = new SbbLanguageController(this);
+      this._requestedPageIndexByPaginator = -1;
+      this.addEventListener?.("show", (e) => {
+        if (this._requestedPageIndexByPaginator !== -1 && this._requestedPageIndexByPaginator !== e.detail.index) {
+          return;
+        }
+        if (this._paginator) {
+          if (e.detail.index !== this._paginator.pageIndex) {
+            this._paginator.pageIndex = e.detail.index;
+          }
+        }
+        this._requestedPageIndexByPaginator = -1;
+      });
+    }
+    /**
+     * Used to display a box-shadow around the component.
+     */
+    get shadow() {
+      return __privateGet(this, _shadow_accessor_storage);
+    }
+    set shadow(value) {
+      __privateSet(this, _shadow_accessor_storage, value);
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.internals.role = "region";
+      this.internals.ariaLabel = "carousel";
+      this._setupPaginator();
+    }
+    firstUpdated(_changedProperties) {
+      super.firstUpdated(_changedProperties);
+      this.internals.ariaDescribedByElements = [
+        this.shadowRoot.querySelector("#sbb-carousel-arrows-navigation-hint")
+      ];
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      this._abortController?.abort();
+    }
+    _handleSlotchange() {
+      const paginator = Array.from(this.children).find((el) => el.localName === "sbb-compact-paginator");
+      const list = Array.from(this.children).find((el) => el.localName === "sbb-carousel-list");
+      if (!paginator || !list) {
+        return;
+      }
+      const items = list.querySelectorAll("sbb-carousel-item");
+      if (items && items.length > 0) {
+        paginator.length = items.length;
+        paginator.pageSize = 1;
+      }
+      paginator.accessibilityNextPageLabel ||= i18nNextSlide[this._language.current];
+      paginator.accessibilityPreviousPageLabel ||= i18nPreviousSlide[this._language.current];
+      paginator.accessibilityPageLabel ||= i18nSlide[this._language.current];
+      if (paginator !== this._paginator) {
+        this._paginator = paginator;
+        this._setupPaginator();
+      }
+    }
+    _setupPaginator() {
+      this._abortController?.abort();
+      if (!this._paginator) {
+        return;
+      }
+      this._abortController = new AbortController();
+      this._paginator.addEventListener("click", () => this._scrollAtPaginatorChange(), {
+        signal: this._abortController.signal
+      });
+    }
+    _scrollAtPaginatorChange() {
+      if (!this._paginator) {
+        return;
+      }
+      this._requestedPageIndexByPaginator = this._paginator.pageIndex;
+      const list = this.querySelector("sbb-carousel-list");
+      if (list) {
+        const items = list.querySelectorAll("sbb-carousel-item");
+        const offsetLeft = items[this._paginator.pageIndex].offsetLeft - this.offsetLeft;
+        if (list.clientWidth <= 100 || Math.abs(list.scrollLeft - offsetLeft) > 50) {
+          list.scrollTo({ left: offsetLeft });
+        }
+      }
+    }
+    render() {
+      return html`
+      <div class="sbb-carousel">
+        <sbb-screen-reader-only id="sbb-carousel-arrows-navigation-hint"
+          >${i18nCarouselArrowsNavigationHint[this._language.current]}</sbb-screen-reader-only
+        >
+        <slot @slotchange=${this._handleSlotchange}></slot>
+      </div>
+    `;
+    }
+  }, _shadow_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _shadow_decorators = [forceType(), property({ reflect: true, type: Boolean })];
+    __esDecorate(_a, null, _shadow_decorators, { kind: "accessor", name: "shadow", static: false, private: false, access: { has: (obj) => "shadow" in obj, get: (obj) => obj.shadow, set: (obj, value) => {
+      obj.shadow = value;
+    } }, metadata: _metadata }, _shadow_initializers, _shadow_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbCarouselElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2Fyb3VzZWwvY2Fyb3VzZWwvY2Fyb3VzZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUHJvcGVydHlWYWx1ZXMgfSBmcm9tICdAbGl0L3JlYWN0aXZlLWVsZW1lbnQnO1xuaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy9sYW5ndWFnZS1jb250cm9sbGVyLnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQge1xuICBpMThuQ2Fyb3VzZWxBcnJvd3NOYXZpZ2F0aW9uSGludCxcbiAgaTE4bk5leHRTbGlkZSxcbiAgaTE4blByZXZpb3VzU2xpZGUsXG4gIGkxOG5TbGlkZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9pMThuL2kxOG4udHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJDb21wYWN0UGFnaW5hdG9yRWxlbWVudCB9IGZyb20gJy4uLy4uL3BhZ2luYXRvci9jb21wYWN0LXBhZ2luYXRvci9jb21wYWN0LXBhZ2luYXRvci5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUge1xuICBTYmJDYXJvdXNlbEl0ZW1FbGVtZW50LFxuICBTYmJDYXJvdXNlbEl0ZW1FdmVudERldGFpbCxcbn0gZnJvbSAnLi4vY2Fyb3VzZWwtaXRlbS9jYXJvdXNlbC1pdGVtLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkNhcm91c2VsTGlzdEVsZW1lbnQgfSBmcm9tICcuLi9jYXJvdXNlbC1saXN0L2Nhcm91c2VsLWxpc3QuY29tcG9uZW50LnRzJztcblxuaW1wb3J0ICcuLi8uLi9zY3JlZW4tcmVhZGVyLW9ubHkudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJvdXNlbC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgY2Fyb3VzZWwgY29tcG9uZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIHRoZSBgc2JiLWNhcm91c2VsLWxpc3RgIGZvciBjb250ZW50IGFuZCBhIGBzYmItcGFnaW5hdG9yYCBmb3IgY29udHJvbHMuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jYXJvdXNlbCcpXG5jbGFzcyBTYmJDYXJvdXNlbEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqXG4gICAqIFVzZWQgdG8gZGlzcGxheSBhIGJveC1zaGFkb3cgYXJvdW5kIHRoZSBjb21wb25lbnQuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3Igc2hhZG93OiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfcGFnaW5hdG9yOiBTYmJDb21wYWN0UGFnaW5hdG9yRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIF9hYm9ydENvbnRyb2xsZXI6IEFib3J0Q29udHJvbGxlciB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX3JlcXVlc3RlZFBhZ2VJbmRleEJ5UGFnaW5hdG9yID0gLTE7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICAvLyBJZiB0aGUgbGlzdCBpcyBzY3JvbGxlZCB1c2luZyBtb3VzZS9rZXlib2FyZCwgaXQga2VlcHMgdGhlIHBhZ2luYXRvciB1cGRhdGVkLlxuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdzaG93JywgKGU6IEN1c3RvbUV2ZW50PFNiYkNhcm91c2VsSXRlbUV2ZW50RGV0YWlsPikgPT4ge1xuICAgICAgLy8gV2UgaGF2ZSB0byBnaXZlIHByaW9yaXR5IHRvIHRoZSBwYWdpbmF0b3IgZm9yIHRoZSBjYXNlLFxuICAgICAgLy8gaWYgZHVyaW5nIGFuIGFuaW1hdGlvbiB0aGUgbmV4dCBwYWdlIGlzIGNhbGxlZCBmcm9tIHRoZSBwYWdpbmF0b3IsIHRoZSBwYWdpbmF0b3IgaXMgcmVzZXQuXG4gICAgICBpZiAoXG4gICAgICAgIHRoaXMuX3JlcXVlc3RlZFBhZ2VJbmRleEJ5UGFnaW5hdG9yICE9PSAtMSAmJlxuICAgICAgICB0aGlzLl9yZXF1ZXN0ZWRQYWdlSW5kZXhCeVBhZ2luYXRvciAhPT0gZS5kZXRhaWwuaW5kZXhcbiAgICAgICkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5fcGFnaW5hdG9yKSB7XG4gICAgICAgIGlmIChlLmRldGFpbC5pbmRleCAhPT0gdGhpcy5fcGFnaW5hdG9yLnBhZ2VJbmRleCkge1xuICAgICAgICAgIHRoaXMuX3BhZ2luYXRvci5wYWdlSW5kZXggPSBlLmRldGFpbC5pbmRleDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgdGhpcy5fcmVxdWVzdGVkUGFnZUluZGV4QnlQYWdpbmF0b3IgPSAtMTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgdGhpcy5pbnRlcm5hbHMucm9sZSA9ICdyZWdpb24nO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbCA9ICdjYXJvdXNlbCc7XG5cbiAgICB0aGlzLl9zZXR1cFBhZ2luYXRvcigpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChfY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzKTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKF9jaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLmludGVybmFscy5hcmlhRGVzY3JpYmVkQnlFbGVtZW50cyA9IFtcbiAgICAgIHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcignI3NiYi1jYXJvdXNlbC1hcnJvd3MtbmF2aWdhdGlvbi1oaW50JykhLFxuICAgIF07XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9hYm9ydENvbnRyb2xsZXI/LmFib3J0KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVTbG90Y2hhbmdlKCk6IHZvaWQge1xuICAgIGNvbnN0IHBhZ2luYXRvcjogU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgPSBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4pLmZpbmQoXG4gICAgICAoZWwpID0+IGVsLmxvY2FsTmFtZSA9PT0gJ3NiYi1jb21wYWN0LXBhZ2luYXRvcicsXG4gICAgKSBhcyBTYmJDb21wYWN0UGFnaW5hdG9yRWxlbWVudDtcbiAgICBjb25zdCBsaXN0OiBTYmJDYXJvdXNlbExpc3RFbGVtZW50ID0gQXJyYXkuZnJvbSh0aGlzLmNoaWxkcmVuKS5maW5kKFxuICAgICAgKGVsKSA9PiBlbC5sb2NhbE5hbWUgPT09ICdzYmItY2Fyb3VzZWwtbGlzdCcsXG4gICAgKSBhcyBTYmJDYXJvdXNlbExpc3RFbGVtZW50O1xuICAgIGlmICghcGFnaW5hdG9yIHx8ICFsaXN0KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGl0ZW1zID0gbGlzdC5xdWVyeVNlbGVjdG9yQWxsPFNiYkNhcm91c2VsSXRlbUVsZW1lbnQ+KCdzYmItY2Fyb3VzZWwtaXRlbScpO1xuICAgIGlmIChpdGVtcyAmJiBpdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICBwYWdpbmF0b3IubGVuZ3RoID0gaXRlbXMubGVuZ3RoO1xuICAgICAgcGFnaW5hdG9yLnBhZ2VTaXplID0gMTtcbiAgICB9XG4gICAgcGFnaW5hdG9yLmFjY2Vzc2liaWxpdHlOZXh0UGFnZUxhYmVsIHx8PSBpMThuTmV4dFNsaWRlW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIHBhZ2luYXRvci5hY2Nlc3NpYmlsaXR5UHJldmlvdXNQYWdlTGFiZWwgfHw9IGkxOG5QcmV2aW91c1NsaWRlW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIHBhZ2luYXRvci5hY2Nlc3NpYmlsaXR5UGFnZUxhYmVsIHx8PSBpMThuU2xpZGVbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG5cbiAgICBpZiAocGFnaW5hdG9yICE9PSB0aGlzLl9wYWdpbmF0b3IpIHtcbiAgICAgIHRoaXMuX3BhZ2luYXRvciA9IHBhZ2luYXRvcjtcbiAgICAgIHRoaXMuX3NldHVwUGFnaW5hdG9yKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfc2V0dXBQYWdpbmF0b3IoKTogdm9pZCB7XG4gICAgdGhpcy5fYWJvcnRDb250cm9sbGVyPy5hYm9ydCgpO1xuXG4gICAgaWYgKCF0aGlzLl9wYWdpbmF0b3IpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5fYWJvcnRDb250cm9sbGVyID0gbmV3IEFib3J0Q29udHJvbGxlcigpO1xuXG4gICAgLy8gQnkgbGlzdGVuaW5nIHRvIHRoZSBjbGljayBldmVudCBvbiB0aGUgcGFnaW5hdG9yLCB3ZSBjYW4gZW5zdXJlIHRoYXQgdGhlIGNoYW5nZSB3YXMgdXNlciB0cmlnZ2VyZWQuXG4gICAgLy8gSWYgd2UgaW5zdGVhZCB1c2UgdGhlIHBhZ2UgZXZlbnQsIHdlIHdvdWxkIGFsc28gY2F0Y2ggcHJvZ3JhbW1hdGljIGNoYW5nZXMgdG8gdGhlIHBhZ2luYXRvclxuICAgIC8vIHdoaWNoIGNhbiBjYXVzZSBhIGxvb3AgYW5kIHdyb25nIHRpbWluZyBhcyB3ZSBhbHNvIGxpc3RlbiB0byB0aGUgc2hvdyBldmVudC5cbiAgICB0aGlzLl9wYWdpbmF0b3IuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCAoKSA9PiB0aGlzLl9zY3JvbGxBdFBhZ2luYXRvckNoYW5nZSgpLCB7XG4gICAgICBzaWduYWw6IHRoaXMuX2Fib3J0Q29udHJvbGxlci5zaWduYWwsXG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIF9zY3JvbGxBdFBhZ2luYXRvckNoYW5nZSgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX3BhZ2luYXRvcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9yZXF1ZXN0ZWRQYWdlSW5kZXhCeVBhZ2luYXRvciA9IHRoaXMuX3BhZ2luYXRvci5wYWdlSW5kZXg7XG5cbiAgICBjb25zdCBsaXN0ID0gdGhpcy5xdWVyeVNlbGVjdG9yPFNiYkNhcm91c2VsTGlzdEVsZW1lbnQ+KCdzYmItY2Fyb3VzZWwtbGlzdCcpO1xuXG4gICAgaWYgKGxpc3QpIHtcbiAgICAgIGNvbnN0IGl0ZW1zID0gbGlzdC5xdWVyeVNlbGVjdG9yQWxsPFNiYkNhcm91c2VsSXRlbUVsZW1lbnQ+KCdzYmItY2Fyb3VzZWwtaXRlbScpO1xuXG4gICAgICAvLyBBcyB0aGUgb2Zmc2V0TGVmdCBpcyBhbHdheXMgcmVuZGVyZWQgZnJvbSB0aGUgdmlld3BvcnQgYm91bmRhcmllcywgd2UgbmVlZCB0byBzdWJ0cmFjdCB0aGUgb2Zmc2V0TGVmdFxuICAgICAgLy8gZnJvbSB0aGUgY2Fyb3VzZWwgdG8gZ2V0IHRoZSBvZmZzZXQgaW5zaWRlIHRoZSBzY3JvbGwgYXJlYS5cbiAgICAgIGNvbnN0IG9mZnNldExlZnQgPSBpdGVtc1t0aGlzLl9wYWdpbmF0b3IucGFnZUluZGV4XS5vZmZzZXRMZWZ0IC0gdGhpcy5vZmZzZXRMZWZ0O1xuXG4gICAgICAvLyBQcmV2ZW50cyByZWR1bmRhbnQgc2Nyb2xsaW5nIHdoZW4gdGhlIHBhZ2luYXRvciB1cGRhdGVzIGFmdGVyIGEgc2Nyb2xsIGV2ZW50XG4gICAgICAvLyBieSBjaGVja2luZyB0aGUgZGlzdGFuY2UgYmV0d2VlbiB0aGUgY3VycmVudCBhbmQgdGFyZ2V0IHNjcm9sbCBwb3NpdGlvbnMuXG4gICAgICAvLyAoc2hvdyBldmVudCBpcyB0cmlnZ2VyZWQgc2xpZ2h0bHkgYmVmb3JlIGZ1bGx5IHNjcm9sbGVkKS5cbiAgICAgIGlmIChsaXN0LmNsaWVudFdpZHRoIDw9IDEwMCB8fCBNYXRoLmFicyhsaXN0LnNjcm9sbExlZnQgLSBvZmZzZXRMZWZ0KSA+IDUwKSB7XG4gICAgICAgIGxpc3Quc2Nyb2xsVG8oeyBsZWZ0OiBvZmZzZXRMZWZ0IH0pO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1jYXJvdXNlbFwiPlxuICAgICAgICA8c2JiLXNjcmVlbi1yZWFkZXItb25seSBpZD1cInNiYi1jYXJvdXNlbC1hcnJvd3MtbmF2aWdhdGlvbi1oaW50XCJcbiAgICAgICAgICA+JHtpMThuQ2Fyb3VzZWxBcnJvd3NOYXZpZ2F0aW9uSGludFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHlcbiAgICAgICAgPlxuICAgICAgICA8c2xvdCBAc2xvdGNoYW5nZT0ke3RoaXMuX2hhbmRsZVNsb3RjaGFuZ2V9Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jYXJvdXNlbCc6IFNiYkNhcm91c2VsRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWlDTSxzQkFBa0IsTUFBQTs7MEJBRHZCLGNBQWMsY0FBYyxDQUFDOzs7O29CQUNHLHlCQUF5QixVQUFVOzs7O0FBQTNDLEVBQUEsbUJBQVEsWUFBb0M7QUFBQSxJQWVuRSxjQUFBO0FBQ0UsWUFBQTtBQVJGO0FBQWdCLHlCQUFBLDBCQUFBLGtCQUFBLE1BQUEsc0JBQWtCLEtBQUs7QUFFL0IsV0FBQSxjQUFVLGtCQUFBLE1BQUEseUJBQUEsR0FBc0M7QUFDaEQsV0FBQSxtQkFBMkM7QUFDM0MsV0FBQSxZQUFZLElBQUksc0JBQXNCLElBQUk7QUFDMUMsV0FBQSxpQ0FBaUM7QUFNdkMsV0FBSyxtQkFBbUIsUUFBUSxDQUFDLE1BQThDO0FBRzdFLFlBQ0UsS0FBSyxtQ0FBbUMsTUFDeEMsS0FBSyxtQ0FBbUMsRUFBRSxPQUFPLE9BQ2pEO0FBQ0E7QUFBQSxRQUNGO0FBQ0EsWUFBSSxLQUFLLFlBQVk7QUFDbkIsY0FBSSxFQUFFLE9BQU8sVUFBVSxLQUFLLFdBQVcsV0FBVztBQUNoRCxpQkFBSyxXQUFXLFlBQVksRUFBRSxPQUFPO0FBQUEsVUFDdkM7QUFBQSxRQUNGO0FBQ0EsYUFBSyxpQ0FBaUM7QUFBQSxNQUN4QyxDQUFDO0FBQUEsSUFDSDtBQUFBO0FBQUE7QUFBQTtBQUFBLElBM0JBLElBQWdCLFNB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

package/development/carousel/carousel-item/carousel-item.component.d.ts

@@ -0,0 +1,29 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+export type SbbCarouselItemEventDetail = {
+    index: number;
+};
+declare const SbbCarouselItemElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * It displays an item contained into the `sbb-carousel` component.
+ *
+ * @slot - Use the unnamed slot to add images for the carousel, as <img>, <sbb-image>, <picture>, ...
+ * @event {CustomEvent<SbbCarouselItemEventDetail>} beforeshow - Event emitted when the item is starting scrolling.
+ * @event {CustomEvent<SbbCarouselItemEventDetail>} show - Event emitted when the item is full visible after scrolling.
+ */
+export declare class SbbCarouselItemElement extends SbbCarouselItemElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: Record<string, string>;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-carousel-item': SbbCarouselItemElement;
+    }
+    interface GlobalEventHandlersEventMap {
+        beforeshow: CustomEvent<SbbCarouselItemEventDetail>;
+        show: CustomEvent<SbbCarouselItemEventDetail>;
+    }
+}
+export {};
+//# sourceMappingURL=carousel-item.component.d.ts.map

package/development/carousel/carousel-item/carousel-item.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-item.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel-item/carousel-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;;AAEF;;;;;;GAMG;AACH,qBAEM,sBAAuB,SAAQ,2BAAoC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,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,WAAW,CAAC,0BAA0B,CAAC,CAAC;QACpD,IAAI,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;KAC/C;CACF"}

package/development/carousel/carousel-item/carousel-item.component.js

@@ -0,0 +1,44 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { SbbElementInternalsMixin } from "../../core/mixins.js";
+const style = css`:host {
+  display: flex;
+  scroll-snap-align: start;
+  flex-shrink: 0;
+}
+
+::slotted(sbb-image) {
+  border-radius: unset;
+}`;
+let SbbCarouselItemElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-carousel-item")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbElementInternalsMixin(LitElement);
+  _a = class extends _classSuper {
+    connectedCallback() {
+      super.connectedCallback();
+      this.internals.role = "group";
+      this.internals.ariaRoleDescription = "slide";
+    }
+    render() {
+      return html`<slot></slot>`;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    beforeshow: "beforeshow",
+    show: "show"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbCarouselItemElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJvdXNlbC9jYXJvdXNlbC1pdGVtL2Nhcm91c2VsLWl0ZW0uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJvdXNlbC1pdGVtLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYkNhcm91c2VsSXRlbUV2ZW50RGV0YWlsID0ge1xuICBpbmRleDogbnVtYmVyO1xufTtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhbiBpdGVtIGNvbnRhaW5lZCBpbnRvIHRoZSBgc2JiLWNhcm91c2VsYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgaW1hZ2VzIGZvciB0aGUgY2Fyb3VzZWwsIGFzIDxpbWc+LCA8c2JiLWltYWdlPiwgPHBpY3R1cmU+LCAuLi5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8U2JiQ2Fyb3VzZWxJdGVtRXZlbnREZXRhaWw+fSBiZWZvcmVzaG93IC0gRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBpdGVtIGlzIHN0YXJ0aW5nIHNjcm9sbGluZy5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8U2JiQ2Fyb3VzZWxJdGVtRXZlbnREZXRhaWw+fSBzaG93IC0gRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBpdGVtIGlzIGZ1bGwgdmlzaWJsZSBhZnRlciBzY3JvbGxpbmcuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jYXJvdXNlbC1pdGVtJylcbmNsYXNzIFNiYkNhcm91c2VsSXRlbUVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgYmVmb3Jlc2hvdzogJ2JlZm9yZXNob3cnLFxuICAgIHNob3c6ICdzaG93JyxcbiAgfSBhcyBjb25zdDtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHRoaXMuaW50ZXJuYWxzLnJvbGUgPSAnZ3JvdXAnO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFSb2xlRGVzY3JpcHRpb24gPSAnc2xpZGUnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jYXJvdXNlbC1pdGVtJzogU2JiQ2Fyb3VzZWxJdGVtRWxlbWVudDtcbiAgfVxuXG4gIGludGVyZmFjZSBHbG9iYWxFdmVudEhhbmRsZXJzRXZlbnRNYXAge1xuICAgIGJlZm9yZXNob3c6IEN1c3RvbUV2ZW50PFNiYkNhcm91c2VsSXRlbUV2ZW50RGV0YWlsPjtcbiAgICBzaG93OiBDdXN0b21FdmVudDxTYmJDYXJvdXNlbEl0ZW1FdmVudERldGFpbD47XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0lBcUJNLDBCQUFzQixNQUFBOzswQkFEM0IsY0FBYyxtQkFBbUIsQ0FBQzs7OztvQkFDRSx5QkFBeUIsVUFBVTtBQUEzQyxFQUFBLG1CQUFRLFlBQW9DO0FBQUEsSUFPdkQsb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFFTixXQUFLLFVBQVUsT0FBTztBQUN0QixXQUFLLFVBQVUsc0JBQXNCO0FBQUEsSUFDdkM7QUFBQSxJQUVtQixTQUFNO0FBQ3ZCLGFBQU87QUFBQSxJQUNUO0FBQUE7O0FBaEJGLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixPQUN6QixHQUFBLFNBQWlDO0FBQUEsSUFDdEQsWUFBWTtBQUFBLElBQ1osTUFBTTtBQUFBLEVBQUEsR0FKSixrQkFBQSxZQUFBLHVCQUFBLEdBQXVCOzs7In0=

package/development/carousel/carousel-item.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './carousel-item/carousel-item.component.ts';
+//# sourceMappingURL=carousel-item.d.ts.map

package/development/carousel/carousel-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-item.d.ts","sourceRoot":"","sources":["../../../../src/elements/carousel/carousel-item.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}

package/development/carousel/carousel-item.js

@@ -0,0 +1,5 @@
+import { SbbCarouselItemElement } from "./carousel-item/carousel-item.component.js";
+export {
+  SbbCarouselItemElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/carousel/carousel-list/carousel-list.component.d.ts

@@ -0,0 +1,35 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+declare const SbbCarouselListElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * It displays a list of `sbb-carousel-item` components.
+ *
+ * @slot - Use the unnamed slot to add `sbb-carousel-item` elements.
+ */
+export declare class SbbCarouselListElement extends SbbCarouselListElement_base {
+    static styles: CSSResultGroup;
+    private _currentIndex;
+    private _language;
+    private _observedCarouselItems;
+    private _beforeShowObserver;
+    private _showObserver;
+    private _resizeObserverController;
+    constructor();
+    /** Gets the slotted items. */
+    private _carouselItems;
+    private _handleSlotchange;
+    /**
+     * Reads the dimensions of the first carousel item and sets the CSS properties accordingly.
+     * Should set the dimensions only once, when the first item becomes visible and if the value is non-zero.
+     */
+    private _readDimensions;
+    private _onKeyDown;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-carousel-list': SbbCarouselListElement;
+    }
+}
+export {};
+//# sourceMappingURL=carousel-list.component.d.ts.map

package/development/carousel/carousel-list/carousel-list.component.d.ts.map

@@ -0,0 +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,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAcjF;;;;GAIG;AACH,qBAEM,sBAAuB,SAAQ,2BAAoC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,sBAAsB,CAAgC;IAE9D,OAAO,CAAC,mBAAmB,CAgBxB;IAEH,OAAO,CAAC,aAAa,CAwBlB;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"}