@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773393164

package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js

@@ -1,2 +1,126 @@
-import { t as SbbFileSelectorDropzoneElement } from "../../file-selector-dropzone.component-HDUIUSQI.js";
-export { SbbFileSelectorDropzoneElement };
+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 } from "lit";
+import { property } from "lit/decorators.js";
+import { ref } from "lit/directives/ref.js";
+import { html } from "lit/static-html.js";
+import { SbbElement } from "../../core/base-elements.js";
+import { forceType } from "../../core/decorators.js";
+import { i18nFileSelectorSubtitleLabelMultiple, i18nFileSelectorSubtitleLabel } from "../../core/i18n.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle } from "../common/file-selector-common.js";
+import "../../button/secondary-button-static.js";
+import "../../icon.js";
+const style = css`.sbb-file-selector__dropzone-area {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: var(--sbb-spacing-responsive-s);
+  background-color: var(--sbb-file-selector-background-color);
+  border: var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);
+  border-radius: var(--sbb-border-radius-4x);
+  transition-duration: var(--sbb-file-selector-transition-duration);
+  transition-timing-function: var(--sbb-file-selector-transition-easing-function);
+  transition-property: background-color, border-color;
+}
+
+.sbb-file-selector__dropzone-area--icon {
+  color: var(--sbb-file-selector-color);
+  line-height: 0;
+}
+
+.sbb-file-selector__dropzone-area--title {
+  font-weight: bold;
+  --sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));
+  --sbb-title-line-height: var(--sbb-typo-line-height-text);
+  margin-block: var(--sbb-title-margin-block, 0);
+  margin-inline: 0;
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));
+  letter-spacing: var(--sbb-typo-letter-spacing-heading);
+  font-size: var(--sbb-title-font-size);
+  text-align: center;
+  color: var(--sbb-file-selector-color);
+}
+
+.sbb-file-selector__dropzone-area--subtitle {
+  --sbb-text-font-size: var(--sbb-text-font-size-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  text-align: center;
+  color: var(--sbb-file-selector-subtitle-color);
+  margin-block-end: var(--sbb-spacing-fixed-4x);
+}`;
+let SbbFileSelectorDropzoneElement = (() => {
+  var _titleContent_accessor_storage, _a;
+  let _classSuper = SbbFileSelectorCommonElementMixin(SbbElement);
+  let _titleContent_decorators;
+  let _titleContent_initializers = [];
+  let _titleContent_extraInitializers = [];
+  return _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _titleContent_accessor_storage, __runInitializers(this, _titleContent_initializers, ""));
+      __runInitializers(this, _titleContent_extraInitializers);
+    }
+    /** The title displayed in `dropzone` variant. */
+    get titleContent() {
+      return __privateGet(this, _titleContent_accessor_storage);
+    }
+    set titleContent(value) {
+      __privateSet(this, _titleContent_accessor_storage, value);
+    }
+    renderTemplate(input) {
+      return html`
+      <label>
+        <span class="sbb-file-selector__dropzone-area">
+          <span class="sbb-file-selector__dropzone-area--icon">
+            <sbb-icon
+              name=${this.size === "m" ? "folder-open-medium" : "folder-open-small"}
+            ></sbb-icon>
+          </span>
+          <span class="sbb-file-selector__dropzone-area--title">${this.titleContent}</span>
+          <span class="sbb-file-selector__dropzone-area--subtitle">
+            ${this.multiple ? i18nFileSelectorSubtitleLabelMultiple[this.language.current] : i18nFileSelectorSubtitleLabel[this.language.current]}
+          </span>
+          <span class="sbb-file-selector__dropzone-area--button">
+            <sbb-secondary-button-static
+              size=${this.size}
+              ?disabled=${this.disabled || this.formDisabled}
+              ${ref((el) => {
+        this.loadButton = el;
+      })}
+            >
+              ${this.getButtonLabel()}
+            </sbb-secondary-button-static>
+          </span>
+        </span>
+        ${input}
+      </label>
+    `;
+    }
+  }, _titleContent_accessor_storage = new WeakMap(), (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _titleContent_decorators = [forceType(), property({ attribute: "title-content" })];
+    __esDecorate(_a, null, _titleContent_decorators, { kind: "accessor", name: "titleContent", static: false, private: false, access: { has: (obj) => "titleContent" in obj, get: (obj) => obj.titleContent, set: (obj, value) => {
+      obj.titleContent = value;
+    } }, metadata: _metadata }, _titleContent_initializers, _titleContent_extraInitializers);
+    if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.elementName = "sbb-file-selector-dropzone", _a.styles = [boxSizingStyles, fileSelectorCommonStyle, style], _a.events = {
+    filechanged: "filechanged"
+  }, _a;
+})();
+export {
+  SbbFileSelectorDropzoneElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9maWxlLXNlbGVjdG9yL2ZpbGUtc2VsZWN0b3ItZHJvcHpvbmUvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJTZWNvbmRhcnlCdXR0b25TdGF0aWNFbGVtZW50IH0gZnJvbSAnLi4vLi4vYnV0dG9uLnRzJztcbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7XG4gIGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsLFxuICBpMThuRmlsZVNlbGVjdG9yU3VidGl0bGVMYWJlbE11bHRpcGxlLFxufSBmcm9tICcuLi8uLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHtcbiAgZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGUsXG4gIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpbixcbn0gZnJvbSAnLi4vY29tbW9uL2ZpbGUtc2VsZWN0b3ItY29tbW9uLnRzJztcblxuaW1wb3J0ICcuLi8uLi9idXR0b24vc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWMudHMnO1xuaW1wb3J0ICcuLi8uLi9pY29uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGFsbG93cyB0byBzZWxlY3Qgb25lIG9yIG1vcmUgZmlsZSBmcm9tIHN0b3JhZ2UgZGV2aWNlcyB2aWEgYnV0dG9uIGNsaWNrIG9yIGRyYWcgYW5kIGRyb3AsIGFuZCBkaXNwbGF5IHRoZW0uXG4gKlxuICogQHNsb3QgZXJyb3IgLSBVc2UgdGhpcyB0byBwcm92aWRlIGEgYHNiYi1lcnJvcmAgdG8gc2hvdyBhbiBlcnJvciBtZXNzYWdlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiRmlsZVNlbGVjdG9yRHJvcHpvbmVFbGVtZW50IGV4dGVuZHMgU2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluKFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1maWxlLXNlbGVjdG9yLWRyb3B6b25lJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGUsIHN0eWxlXTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgZmlsZWNoYW5nZWQ6ICdmaWxlY2hhbmdlZCcsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqIFRoZSB0aXRsZSBkaXNwbGF5ZWQgaW4gYGRyb3B6b25lYCB2YXJpYW50LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtY29udGVudCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIHRpdGxlQ29udGVudDogc3RyaW5nID0gJyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKGlucHV0OiBUZW1wbGF0ZVJlc3VsdCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxsYWJlbD5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLWljb25cIj5cbiAgICAgICAgICAgIDxzYmItaWNvblxuICAgICAgICAgICAgICBuYW1lPSR7dGhpcy5zaXplID09PSAnbScgPyAnZm9sZGVyLW9wZW4tbWVkaXVtJyA6ICdmb2xkZXItb3Blbi1zbWFsbCd9XG4gICAgICAgICAgICA+PC9zYmItaWNvbj5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tdGl0bGVcIj4ke3RoaXMudGl0bGVDb250ZW50fTwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1zdWJ0aXRsZVwiPlxuICAgICAgICAgICAgJHt0aGlzLm11bHRpcGxlXG4gICAgICAgICAgICAgID8gaTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWxNdWx0aXBsZVt0aGlzLmxhbmd1YWdlLmN1cnJlbnRdXG4gICAgICAgICAgICAgIDogaTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWxbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tYnV0dG9uXCI+XG4gICAgICAgICAgICA8c2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljXG4gICAgICAgICAgICAgIHNpemU9JHt0aGlzLnNpemV9XG4gICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5mb3JtRGlzYWJsZWR9XG4gICAgICAgICAgICAgICR7cmVmKChlbD86IEVsZW1lbnQpOiB2b2lkID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRCdXR0b24gPSBlbCBhcyBTYmJTZWNvbmRhcnlCdXR0b25TdGF0aWNFbGVtZW50O1xuICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgJHt0aGlzLmdldEJ1dHRvbkxhYmVsKCl9XG4gICAgICAgICAgICA8L3NiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpYz5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgJHtpbnB1dH1cbiAgICAgIDwvbGFiZWw+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUnOiBTYmJGaWxlU2VsZWN0b3JEcm9wem9uZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUE0QmEsa0NBQThCLE1BQUE7O29CQUFTLGtDQUFrQyxVQUFVOzs7O0FBQW5GLFNBQUEsbUJBQXVDLFlBQTZDO0FBQUE7O0FBVS9GLHlEQUFBLGtCQUFBLE1BQUEsNEJBQXVDLEVBQUU7Ozs7SUFBekMsSUFBZ0IsZUFBWTtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBNUIsSUFBZ0IsYUFBWSxPQUFBO0FBQUEseUJBQUEsZ0NBQUE7QUFBQSxJQUFBO0FBQUEsSUFFVCxlQUFlLE9BQXFCO0FBQ3JELGFBQU87QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLHFCQUtVLEtBQUssU0FBUyxNQUFNLHVCQUF1QixtQkFBbUI7QUFBQTtBQUFBO0FBQUEsa0VBR2pCLEtBQUssWUFBWTtBQUFBO0FBQUEsY0FFckUsS0FBSyxXQUNILHNDQUFzQyxLQUFLLFNBQVMsT0FBTyxJQUMzRCw4QkFBOEIsS0FBSyxTQUFTLE9BQU8sQ0FBQztBQUFBO0FBQUE7QUFBQTtBQUFBLHFCQUkvQyxLQUFLLElBQUk7QUFBQSwwQkFDSixLQUFLLFlBQVksS0FBSyxZQUFZO0FBQUEsZ0JBQzVDLElBQUksQ0FBQyxPQUFzQjtBQUMzQixhQUFLLGFBQWE7QUFBQSxNQUNwQixDQUFDLENBQUM7QUFBQTtBQUFBLGdCQUVBLEtBQUssZ0JBQWdCO0FBQUE7QUFBQTtBQUFBO0FBQUEsVUFJM0IsS0FBSztBQUFBO0FBQUE7QUFBQSxJQUdiO0FBQUEsS0FoQ0E7O2dDQUZDLGFBQ0EsU0FBUyxFQUFFLFdBQVcsZ0JBQUEsQ0FBaUIsQ0FBQztBQUN6QyxpQkFBQSxJQUFBLE1BQUEsMEJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxnQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxrQkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLGNBQVksS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQVosZUFBWTtBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSw0QkFBQSwrQkFBQTs7UUFUSSxHQUFBLGNBQXNCLDhCQUMvQixHQUFBLFNBQXlCLENBQUMsaUJBQWlCLHlCQUF5QixLQUFLLEdBQ3pFLEdBQUEsU0FBUztBQUFBLElBQzlCLGFBQWE7QUFBQSxFQUFBLEdBSko7OyJ9

package/development/file-selector/file-selector-dropzone.js

@@ -1,10 +1,8 @@
-import { t as SbbFileSelectorDropzoneElement } from "../file-selector-dropzone.component-HDUIUSQI.js";
-//#region src/elements/file-selector/file-selector-dropzone.ts
-/** @entrypoint */
+import { SbbFileSelectorDropzoneElement } from "./file-selector-dropzone/file-selector-dropzone.component.js";
 SbbFileSelectorDropzoneElement.define();
 console.warn(`The entrypoint '@sbb-esta/elements/file-selector/file-selector-dropzone.js' has been deprecated.
 Use either '@sbb-esta/elements/file-selector.js' or '@sbb-esta/elements/file-selector.pure.js' instead.`);
-//#endregion
-export { SbbFileSelectorDropzoneElement };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmlsZS1zZWxlY3Rvci9maWxlLXNlbGVjdG9yLWRyb3B6b25lLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiRmlsZVNlbGVjdG9yRHJvcHpvbmVFbGVtZW50IH0gZnJvbSAnLi9maWxlLXNlbGVjdG9yLWRyb3B6b25lL2ZpbGUtc2VsZWN0b3ItZHJvcHpvbmUuY29tcG9uZW50LnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9maWxlLXNlbGVjdG9yLWRyb3B6b25lL2ZpbGUtc2VsZWN0b3ItZHJvcHpvbmUuY29tcG9uZW50LnRzJztcblxuU2JiRmlsZVNlbGVjdG9yRHJvcHpvbmVFbGVtZW50LmRlZmluZSgpO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvZmlsZS1zZWxlY3Rvci9maWxlLXNlbGVjdG9yLWRyb3B6b25lLmpzJyBoYXMgYmVlbiBkZXByZWNhdGVkLlxuVXNlIGVpdGhlciAnQHNiYi1lc3RhL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IuanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvZmlsZS1zZWxlY3Rvci5wdXJlLmpzJyBpbnN0ZWFkLmApO1xuIl0sIm1hcHBpbmdzIjoiOzs7QUFLQSwrQkFBK0IsUUFBUTtBQUV2QyxRQUFRLEtBQUs7eUdBQzRGIn0=
+export {
+  SbbFileSelectorDropzoneElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYkZpbGVTZWxlY3RvckRyb3B6b25lRWxlbWVudCB9IGZyb20gJy4vZmlsZS1zZWxlY3Rvci1kcm9wem9uZS9maWxlLXNlbGVjdG9yLWRyb3B6b25lLmNvbXBvbmVudC50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZmlsZS1zZWxlY3Rvci1kcm9wem9uZS9maWxlLXNlbGVjdG9yLWRyb3B6b25lLmNvbXBvbmVudC50cyc7XG5cblNiYkZpbGVTZWxlY3RvckRyb3B6b25lRWxlbWVudC5kZWZpbmUoKTtcblxuY29uc29sZS53YXJuKGBUaGUgZW50cnlwb2ludCAnQHNiYi1lc3RhL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9maWxlLXNlbGVjdG9yLmpzJyBvciAnQHNiYi1lc3RhL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IucHVyZS5qcycgaW5zdGVhZC5gKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBS0EsK0JBQStCLE9BQUE7QUFFL0IsUUFBUSxLQUFLO0FBQUEsd0dBQzJGOyJ9

package/development/file-selector/file-selector.js

@@ -1,10 +1,8 @@
 import { SbbFileSelectorElement } from "./file-selector/file-selector.component.js";
-//#region src/elements/file-selector/file-selector.ts
-/** @entrypoint */
 SbbFileSelectorElement.define();
 console.warn(`The entrypoint '@sbb-esta/elements/file-selector/file-selector.js' has been deprecated.
 Use either '@sbb-esta/elements/file-selector.js' or '@sbb-esta/elements/file-selector.pure.js' instead.`);
-//#endregion
-export { SbbFileSelectorElement };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmlsZS1zZWxlY3Rvci9maWxlLXNlbGVjdG9yLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiRmlsZVNlbGVjdG9yRWxlbWVudCB9IGZyb20gJy4vZmlsZS1zZWxlY3Rvci9maWxlLXNlbGVjdG9yLmNvbXBvbmVudC50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZmlsZS1zZWxlY3Rvci9maWxlLXNlbGVjdG9yLmNvbXBvbmVudC50cyc7XG5cblNiYkZpbGVTZWxlY3RvckVsZW1lbnQuZGVmaW5lKCk7XG5cbmNvbnNvbGUud2FybihgVGhlIGVudHJ5cG9pbnQgJ0BzYmItZXN0YS9lbGVtZW50cy9maWxlLXNlbGVjdG9yL2ZpbGUtc2VsZWN0b3IuanMnIGhhcyBiZWVuIGRlcHJlY2F0ZWQuXG5Vc2UgZWl0aGVyICdAc2JiLWVzdGEvZWxlbWVudHMvZmlsZS1zZWxlY3Rvci5qcycgb3IgJ0BzYmItZXN0YS9lbGVtZW50cy9maWxlLXNlbGVjdG9yLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibWFwcGluZ3MiOiI7OztBQUtBLHVCQUF1QixRQUFRO0FBRS9CLFFBQVEsS0FBSzt5R0FDNEYifQ==
+export {
+  SbbFileSelectorElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYkZpbGVTZWxlY3RvckVsZW1lbnQgfSBmcm9tICcuL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci5jb21wb25lbnQudHMnO1xuXG5TYmJGaWxlU2VsZWN0b3JFbGVtZW50LmRlZmluZSgpO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvZmlsZS1zZWxlY3Rvci9maWxlLXNlbGVjdG9yLmpzJyBoYXMgYmVlbiBkZXByZWNhdGVkLlxuVXNlIGVpdGhlciAnQHNiYi1lc3RhL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IuanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvZmlsZS1zZWxlY3Rvci5wdXJlLmpzJyBpbnN0ZWFkLmApO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFLQSx1QkFBdUIsT0FBQTtBQUV2QixRQUFRLEtBQUs7QUFBQSx3R0FDMkY7In0=

package/development/file-selector.js

@@ -1,12 +1,12 @@
-import { n as file_selector_common_default, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-qMfAccOd.js";
-import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-HDUIUSQI.js";
+import { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle } from "./file-selector/common/file-selector-common.js";
+import { SbbFileSelectorDropzoneElement } from "./file-selector/file-selector-dropzone/file-selector-dropzone.component.js";
 import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
-import "./file-selector.pure.js";
-//#region src/elements/file-selector.ts
-/** @entrypoint */
 SbbFileSelectorElement.define();
 SbbFileSelectorDropzoneElement.define();
-//#endregion
-export { SbbFileSelectorCommonElementMixin, SbbFileSelectorDropzoneElement, SbbFileSelectorElement, file_selector_common_default as fileSelectorCommonStyle };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZmlsZS1zZWxlY3Rvci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYkZpbGVTZWxlY3RvckVsZW1lbnQsIFNiYkZpbGVTZWxlY3RvckRyb3B6b25lRWxlbWVudCB9IGZyb20gJy4vZmlsZS1zZWxlY3Rvci5wdXJlLnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9maWxlLXNlbGVjdG9yLnB1cmUudHMnO1xuXG5TYmJGaWxlU2VsZWN0b3JFbGVtZW50LmRlZmluZSgpO1xuU2JiRmlsZVNlbGVjdG9yRHJvcHpvbmVFbGVtZW50LmRlZmluZSgpO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFLQSx1QkFBdUIsUUFBUTtBQUMvQiwrQkFBK0IsUUFBUSJ9
+export {
+  SbbFileSelectorCommonElementMixin,
+  SbbFileSelectorDropzoneElement,
+  SbbFileSelectorElement,
+  fileSelectorCommonStyle
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJGaWxlU2VsZWN0b3JFbGVtZW50LCBTYmJGaWxlU2VsZWN0b3JEcm9wem9uZUVsZW1lbnQgfSBmcm9tICcuL2ZpbGUtc2VsZWN0b3IucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZmlsZS1zZWxlY3Rvci5wdXJlLnRzJztcblxuU2JiRmlsZVNlbGVjdG9yRWxlbWVudC5kZWZpbmUoKTtcblNiYkZpbGVTZWxlY3RvckRyb3B6b25lRWxlbWVudC5kZWZpbmUoKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFLQSx1QkFBdUIsT0FBQTtBQUN2QiwrQkFBK0IsT0FBQTsifQ==

package/development/file-selector.pure.js

@@ -1,4 +1,10 @@
-import { n as file_selector_common_default, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-qMfAccOd.js";
-import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-HDUIUSQI.js";
+import { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle } from "./file-selector/common/file-selector-common.js";
+import { SbbFileSelectorDropzoneElement } from "./file-selector/file-selector-dropzone/file-selector-dropzone.component.js";
 import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
-export { SbbFileSelectorCommonElementMixin, SbbFileSelectorDropzoneElement, SbbFileSelectorElement, file_selector_common_default as fileSelectorCommonStyle };
+export {
+  SbbFileSelectorCommonElementMixin,
+  SbbFileSelectorDropzoneElement,
+  SbbFileSelectorElement,
+  fileSelectorCommonStyle
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci5wdXJlLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OyJ9

package/development/flip-card/flip-card/flip-card.component.js

@@ -1,2 +1,306 @@
-import { t as SbbFlipCardElement } from "../../flip-card.component-CdRzb7IT.js";
-export { SbbFlipCardElement };
+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 { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { css, isServer, html } from "lit";
+import { property, state } from "lit/decorators.js";
+import { until } from "lit/directives/until.js";
+import { IS_FOCUSABLE_QUERY } from "../../core/a11y.js";
+import { SbbElement } from "../../core/base-elements.js";
+import { SbbLanguageController, SbbPropertyWatcherController } from "../../core/controllers.js";
+import { forceType } from "../../core/decorators.js";
+import { i18nFlipCard, i18nReverseCard } from "../../core/i18n.js";
+import { ɵstateController as _stateController } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import "../../button/secondary-button-static.js";
+import "../../screen-reader-only.js";
+const style = css`:host {
+  --sbb-flip-card-summary-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-5x)
+  );
+  --sbb-flip-card-summary-transition-delay: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-flip-card-details-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-4x)
+  );
+  position: relative;
+  display: block;
+}
+
+@media (any-hover: hover) {
+  :host(:hover) {
+    --sbb-flip-card-background-color: color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent);
+    --sbb-flip-card-background-color: light-dark(
+      color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent),
+      var(--sbb-color-iron)
+    );
+    --sbb-flip-card-translate-title-y-hover: -0.0625rem;
+  }
+}
+
+:host(:is(:state(flipped),[state--flipped])) {
+  --sbb-flip-card-toggle-icon-transform: rotate(45deg);
+  --sbb-flip-card-details-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-flip-card-summary-transition-delay: 0s;
+}
+:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-summary) {
+  --sbb-flip-card-summary-opacity: 0;
+  --sbb-flip-card-summary-pointer-events: none;
+}
+:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-details) {
+  --sbb-flip-card-details-opacity: 1;
+  --sbb-flip-card-details-translate-y: 0;
+}
+
+@media (min-width: calc(37.5rem)) and (max-width: calc(63.9375rem)) {
+  :host(:is(:state(image-alignment-after),[state--image-alignment-after])) {
+    --sbb-flip-card-min-height: 15rem;
+  }
+}
+@media (min-width: calc(90rem)) {
+  :host(:is(:state(image-alignment-after),[state--image-alignment-after])) {
+    --sbb-flip-card-min-height: 25rem;
+  }
+}
+
+.sbb-flip-card {
+  position: relative;
+  display: flex;
+  height: 100%;
+  flex-flow: wrap;
+  flex-direction: column;
+  min-height: var(--sbb-flip-card-min-height);
+  background-color: var(--sbb-flip-card-background-color);
+  border-radius: var(--sbb-flip-card-border-radius);
+  transition: all var(--sbb-flip-card-summary-transition-duration) ease-out, min-height var(--sbb-flip-card-details-transition-duration);
+  transition-delay: var(--sbb-flip-card-summary-transition-delay);
+  cursor: var(--sbb-cursor-pointer);
+}
+:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card {
+  min-height: max(var(--sbb-flip-card-min-height), var(--sbb-flip-card-details-height));
+}
+@media (forced-colors: active) {
+  .sbb-flip-card::after {
+    content: "";
+    border: var(--sbb-flip-card-border) solid CanvasText;
+    border-radius: var(--sbb-flip-card-border-radius);
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+}
+@media (forced-colors: active) and (any-hover: hover) {
+  :host(:hover) .sbb-flip-card::after {
+    border-color: Highlight;
+  }
+}
+.sbb-flip-card::before {
+  content: "";
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  inset-inline-start: var(--sbb-flip-card-padding);
+  inset-block-end: var(--sbb-flip-card-padding);
+  background-color: var(--sbb-color-midnight);
+  background-color: light-dark(var(--sbb-color-midnight), var(--sbb-color-iron));
+  width: var(--sbb-flip-card-button-dimensions);
+  height: var(--sbb-flip-card-button-dimensions);
+  border-radius: 16rem;
+  transition: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease-out;
+}
+:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card::before {
+  opacity: 1;
+  inset-inline-start: 0;
+  inset-block-end: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: var(--sbb-flip-card-border-radius);
+  transition-duration: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-5x));
+}
+
+.sbb-flip-card--toggle-button {
+  position: absolute;
+  inset-inline-start: var(--sbb-flip-card-padding);
+  inset-block-end: var(--sbb-flip-card-padding);
+}
+:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card--toggle-button {
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+.sbb-flip-card--toggle-button-icon {
+  transform: var(--sbb-flip-card-toggle-icon-transform, none);
+  transition: transform var(--sbb-flip-card-summary-transition-duration) ease-out;
+}
+
+.sbb-flip-card-button {
+  appearance: none;
+  box-sizing: border-box;
+  margin: 0;
+  outline: none;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  background: none;
+  -webkit-tap-highlight-color: transparent;
+  color: inherit;
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  border-radius: var(--sbb-flip-card-border-radius);
+  cursor: var(--sbb-cursor-pointer);
+}
+.sbb-flip-card-button: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);
+}`;
+let SbbFlipCardElement = (() => {
+  var _accessibilityLabel_accessor_storage, __flipped_accessor_storage, _a;
+  let _classSuper = SbbElement;
+  let _accessibilityLabel_decorators;
+  let _accessibilityLabel_initializers = [];
+  let _accessibilityLabel_extraInitializers = [];
+  let __flipped_decorators;
+  let __flipped_initializers = [];
+  let __flipped_extraInitializers = [];
+  return _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _accessibilityLabel_accessor_storage);
+      __privateAdd(this, __flipped_accessor_storage);
+      __privateSet(this, _accessibilityLabel_accessor_storage, __runInitializers(this, _accessibilityLabel_initializers, ""));
+      __privateSet(this, __flipped_accessor_storage, (__runInitializers(this, _accessibilityLabel_extraInitializers), __runInitializers(this, __flipped_initializers, false)));
+      this._language = (__runInitializers(this, __flipped_extraInitializers), new SbbLanguageController(this));
+      this._cardDetailsResizeObserver = new ResizeController(this, {
+        target: null,
+        skipInitial: true,
+        callback: () => this._setCardDetailsHeight()
+      });
+      this.addEventListener?.("click", (event) => {
+        if (event.target === this || !event.target?.matches?.(IS_FOCUSABLE_QUERY)) {
+          this.toggle();
+        }
+      });
+      this.addController(new SbbPropertyWatcherController(this, () => this.summary, {
+        imageAlignment: (s) => {
+          if (this._previousImageAlignment) {
+            this.internals.states.delete(`image-alignment-${this._previousImageAlignment}`);
+          }
+          this._previousImageAlignment = s.imageAlignment;
+          if (this._previousImageAlignment) {
+            this.internals.states.add(`image-alignment-${this._previousImageAlignment}`);
+          }
+        }
+      }));
+    }
+    /**
+     * This will be forwarded as aria-label to the action in the non flipped state.
+     * If not set, the textContent of the `sbb-flip-card-summary` is taken.
+     */
+    get accessibilityLabel() {
+      return __privateGet(this, _accessibilityLabel_accessor_storage);
+    }
+    set accessibilityLabel(value) {
+      __privateSet(this, _accessibilityLabel_accessor_storage, value);
+    }
+    /** Returns the slotted sbb-flip-card-summary. */
+    get summary() {
+      return this.querySelector?.("sbb-flip-card-summary");
+    }
+    /** Returns the slotted sbb-flip-card-details. */
+    get details() {
+      return this.querySelector?.("sbb-flip-card-details");
+    }
+    /** Returns the card details content element wrapper. */
+    get _detailsContentElement() {
+      return this.details.shadowRoot.firstElementChild;
+    }
+    /** Whether the flip card is flipped. */
+    get isFlipped() {
+      return this._flipped;
+    }
+    /** Whether the card is flipped or not. */
+    get _flipped() {
+      return __privateGet(this, __flipped_accessor_storage);
+    }
+    set _flipped(value) {
+      __privateSet(this, __flipped_accessor_storage, value);
+    }
+    /** Toggles the state of the sbb-flip-card. */
+    toggle() {
+      this._flipped = !this._flipped;
+      if (this._flipped) {
+        this._setCardDetailsHeight();
+        this._cardDetailsResizeObserver.observe(this._detailsContentElement);
+      } else {
+        this._cardDetailsResizeObserver.unobserve(this._detailsContentElement);
+      }
+      this.toggleState("flipped", this._flipped);
+      _stateController(this.details)?.toggle("flipped", this._flipped);
+      this.summary.inert = this._flipped;
+      this.details.inert = !this._flipped;
+      this.dispatchEvent(new Event("flip", { bubbles: true, composed: true }));
+    }
+    _setCardDetailsHeight() {
+      const contentHeight = Math.floor(this._detailsContentElement.offsetHeight);
+      this.style?.setProperty("--sbb-flip-card-details-height", `${contentHeight}px`);
+    }
+    async _accessibilityLabel() {
+      if (isServer) {
+        return "";
+      }
+      await this.hydrationComplete;
+      return !this._flipped ? `${(this.accessibilityLabel ? this.accessibilityLabel : this.summary?.textContent?.trim()) ?? ""}, ${i18nFlipCard[this._language.current]}` : i18nReverseCard[this._language.current];
+    }
+    render() {
+      return html`
+      <div class="sbb-flip-card">
+        <button
+          class="sbb-flip-card-button"
+          aria-expanded=${this._flipped.toString()}
+          type="button"
+        >
+          <sbb-screen-reader-only>${until(this._accessibilityLabel(), "")}</sbb-screen-reader-only>
+        </button>
+        <slot name="summary" @slotchange=${() => this.summary.inert = this._flipped}></slot>
+        <slot name="details" @slotchange=${() => this.details.inert = !this._flipped}></slot>
+        <sbb-secondary-button-static class="sbb-flip-card--toggle-button" size="s">
+          <sbb-icon
+            class="sbb-flip-card--toggle-button-icon"
+            slot="icon"
+            name="plus-small"
+          ></sbb-icon>
+        </sbb-secondary-button-static>
+      </div>
+    `;
+    }
+  }, _accessibilityLabel_accessor_storage = new WeakMap(), __flipped_accessor_storage = new WeakMap(), (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
+    __flipped_decorators = [state()];
+    __esDecorate(_a, null, _accessibilityLabel_decorators, { kind: "accessor", name: "accessibilityLabel", static: false, private: false, access: { has: (obj) => "accessibilityLabel" in obj, get: (obj) => obj.accessibilityLabel, set: (obj, value) => {
+      obj.accessibilityLabel = value;
+    } }, metadata: _metadata }, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
+    __esDecorate(_a, null, __flipped_decorators, { kind: "accessor", name: "_flipped", static: false, private: false, access: { has: (obj) => "_flipped" in obj, get: (obj) => obj._flipped, set: (obj, value) => {
+      obj._flipped = value;
+    } }, metadata: _metadata }, __flipped_initializers, __flipped_extraInitializers);
+    if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.elementName = "sbb-flip-card", _a.styles = [boxSizingStyles, style], _a.events = {
+    flip: "flip"
+  }, _a;
+})();
+export {
+  SbbFlipCardElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZsaXAtY2FyZC9mbGlwLWNhcmQvZmxpcC1jYXJkLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCBpc1NlcnZlciwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyB1bnRpbCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3VudGlsLmpzJztcblxuaW1wb3J0IHsgSVNfRk9DVVNBQkxFX1FVRVJZIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LnRzJztcbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyLCBTYmJQcm9wZXJ0eVdhdGNoZXJDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgaTE4bkZsaXBDYXJkLCBpMThuUmV2ZXJzZUNhcmQgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHsgybVzdGF0ZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQgfSBmcm9tICcuLi9mbGlwLWNhcmQtZGV0YWlscy9mbGlwLWNhcmQtZGV0YWlscy5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJGbGlwQ2FyZFN1bW1hcnlFbGVtZW50IH0gZnJvbSAnLi4vZmxpcC1jYXJkLXN1bW1hcnkvZmxpcC1jYXJkLXN1bW1hcnkuY29tcG9uZW50LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmxpcC1jYXJkLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24tc3RhdGljLnRzJztcbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LnRzJztcblxuLyoqXG4gKiBEaXNwbGF5cyBhbiBpbmZvcm1hdGl2ZSBjYXJkIHRoYXQgcmV2ZWFscyBtb3JlIGluZm9ybWF0aW9uIHVwb24gYmVpbmcgY2xpY2tlZC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBhIGBzYmItZmxpcC1jYXJkLXN1bW1hcnlgIGFuZCBhIGBzYmItZmxpcC1jYXJkLWRldGFpbHNgIGVsZW1lbnQuXG4gKlxuICovXG5leHBvcnQgY2xhc3MgU2JiRmxpcENhcmRFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZmxpcC1jYXJkJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBmbGlwOiAnZmxpcCcsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqXG4gICAqIFRoaXMgd2lsbCBiZSBmb3J3YXJkZWQgYXMgYXJpYS1sYWJlbCB0byB0aGUgYWN0aW9uIGluIHRoZSBub24gZmxpcHBlZCBzdGF0ZS5cbiAgICogSWYgbm90IHNldCwgdGhlIHRleHRDb250ZW50IG9mIHRoZSBgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5YCBpcyB0YWtlbi5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAvKiogUmV0dXJucyB0aGUgc2xvdHRlZCBzYmItZmxpcC1jYXJkLXN1bW1hcnkuICovXG4gIHB1YmxpYyBnZXQgc3VtbWFyeSgpOiBTYmJGbGlwQ2FyZFN1bW1hcnlFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uKCdzYmItZmxpcC1jYXJkLXN1bW1hcnknKTtcbiAgfVxuXG4gIC8qKiBSZXR1cm5zIHRoZSBzbG90dGVkIHNiYi1mbGlwLWNhcmQtZGV0YWlscy4gKi9cbiAgcHVibGljIGdldCBkZXRhaWxzKCk6IFNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5xdWVyeVNlbGVjdG9yPy4oJ3NiYi1mbGlwLWNhcmQtZGV0YWlscycpO1xuICB9XG5cbiAgLyoqIFJldHVybnMgdGhlIGNhcmQgZGV0YWlscyBjb250ZW50IGVsZW1lbnQgd3JhcHBlci4gKi9cbiAgcHJpdmF0ZSBnZXQgX2RldGFpbHNDb250ZW50RWxlbWVudCgpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmRldGFpbHMhLnNoYWRvd1Jvb3QhLmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50O1xuICB9XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGZsaXAgY2FyZCBpcyBmbGlwcGVkLiAqL1xuICBwdWJsaWMgZ2V0IGlzRmxpcHBlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZmxpcHBlZDtcbiAgfVxuXG4gIC8qKiBXaGV0aGVyIHRoZSBjYXJkIGlzIGZsaXBwZWQgb3Igbm90LiAqL1xuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9mbGlwcGVkID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9jYXJkRGV0YWlsc1Jlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fc2V0Q2FyZERldGFpbHNIZWlnaHQoKSxcbiAgfSk7XG4gIHByaXZhdGUgX3ByZXZpb3VzSW1hZ2VBbGlnbm1lbnQ/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKGV2ZW50OiBFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50LnRhcmdldCA9PT0gdGhpcyB8fCAhKGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudCk/Lm1hdGNoZXM/LihJU19GT0NVU0FCTEVfUVVFUlkpKSB7XG4gICAgICAgIHRoaXMudG9nZ2xlKCk7XG4gICAgICB9XG4gICAgfSk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5zdW1tYXJ5LCB7XG4gICAgICAgIGltYWdlQWxpZ25tZW50OiAocykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50KSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBpbWFnZS1hbGlnbm1lbnQtJHt0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50fWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50ID0gcy5pbWFnZUFsaWdubWVudDtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNJbWFnZUFsaWdubWVudCkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgaW1hZ2UtYWxpZ25tZW50LSR7dGhpcy5fcHJldmlvdXNJbWFnZUFsaWdubWVudH1gKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgLyoqIFRvZ2dsZXMgdGhlIHN0YXRlIG9mIHRoZSBzYmItZmxpcC1jYXJkLiAqL1xuICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuX2ZsaXBwZWQgPSAhdGhpcy5fZmxpcHBlZDtcbiAgICBpZiAodGhpcy5fZmxpcHBlZCkge1xuICAgICAgdGhpcy5fc2V0Q2FyZERldGFpbHNIZWlnaHQoKTtcbiAgICAgIHRoaXMuX2NhcmREZXRhaWxzUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9kZXRhaWxzQ29udGVudEVsZW1lbnQhKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fY2FyZERldGFpbHNSZXNpemVPYnNlcnZlci51bm9ic2VydmUodGhpcy5fZGV0YWlsc0NvbnRlbnRFbGVtZW50ISk7XG4gICAgfVxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2ZsaXBwZWQnLCB0aGlzLl9mbGlwcGVkKTtcbiAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLmRldGFpbHMpPy50b2dnbGUoJ2ZsaXBwZWQnLCB0aGlzLl9mbGlwcGVkKTtcbiAgICB0aGlzLnN1bW1hcnkhLmluZXJ0ID0gdGhpcy5fZmxpcHBlZDtcbiAgICB0aGlzLmRldGFpbHMhLmluZXJ0ID0gIXRoaXMuX2ZsaXBwZWQ7XG4gICAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSBjb21wb25lbnQgaXMgZmxpcHBlZC4gKi9cbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdmbGlwJywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRDYXJkRGV0YWlsc0hlaWdodCgpOiBhbnkge1xuICAgIGNvbnN0IGNvbnRlbnRIZWlnaHQgPSBNYXRoLmZsb29yKHRoaXMuX2RldGFpbHNDb250ZW50RWxlbWVudCEub2Zmc2V0SGVpZ2h0KTtcbiAgICB0aGlzLnN0eWxlPy5zZXRQcm9wZXJ0eSgnLS1zYmItZmxpcC1jYXJkLWRldGFpbHMtaGVpZ2h0JywgYCR7Y29udGVudEhlaWdodH1weGApO1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfYWNjZXNzaWJpbGl0eUxhYmVsKCk6IFByb21pc2U8c3RyaW5nPiB7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIGF3YWl0IHRoaXMuaHlkcmF0aW9uQ29tcGxldGU7XG5cbiAgICByZXR1cm4gIXRoaXMuX2ZsaXBwZWRcbiAgICAgID8gYCR7KHRoaXMuYWNjZXNzaWJpbGl0eUxhYmVsID8gdGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwgOiB0aGlzLnN1bW1hcnk/LnRleHRDb250ZW50Py50cmltKCkpID8/ICcnfSwgJHtpMThuRmxpcENhcmRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19YFxuICAgICAgOiBpMThuUmV2ZXJzZUNhcmRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBjbGFzcz1cInNiYi1mbGlwLWNhcmQtYnV0dG9uXCJcbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPSR7dGhpcy5fZmxpcHBlZC50b1N0cmluZygpfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+JHt1bnRpbCh0aGlzLl9hY2Nlc3NpYmlsaXR5TGFiZWwoKSwgJycpfTwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxzbG90IG5hbWU9XCJzdW1tYXJ5XCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiAodGhpcy5zdW1tYXJ5IS5pbmVydCA9IHRoaXMuX2ZsaXBwZWQpfT48L3Nsb3Q+XG4gICAgICAgIDxzbG90IG5hbWU9XCJkZXRhaWxzXCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiAodGhpcy5kZXRhaWxzIS5pbmVydCA9ICF0aGlzLl9mbGlwcGVkKX0+PC9zbG90PlxuICAgICAgICA8c2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljIGNsYXNzPVwic2JiLWZsaXAtY2FyZC0tdG9nZ2xlLWJ1dHRvblwiIHNpemU9XCJzXCI+XG4gICAgICAgICAgPHNiYi1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInNiYi1mbGlwLWNhcmQtLXRvZ2dsZS1idXR0b24taWNvblwiXG4gICAgICAgICAgICBzbG90PVwiaWNvblwiXG4gICAgICAgICAgICBuYW1lPVwicGx1cy1zbWFsbFwiXG4gICAgICAgICAgPjwvc2JiLWljb24+XG4gICAgICAgIDwvc2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljPlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZCc6IFNiYkZsaXBDYXJkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIsm1c3RhdGVDb250cm9sbGVyIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

package/development/flip-card/flip-card-details/flip-card-details.component.js

@@ -1,2 +1,69 @@
-import { t as SbbFlipCardDetailsElement } from "../../flip-card-details.component-BilGh5Yb.js";
-export { SbbFlipCardDetailsElement };
+import { MutationController } from "@lit-labs/observers/mutation-controller.js";
+import { css, html } from "lit";
+import { IS_FOCUSABLE_QUERY } from "../../core/a11y.js";
+import { SbbElement } from "../../core/base-elements.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`:host {
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+  --sbb-flip-card-details-transition-delay: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-5x)
+  );
+  --sbb-flip-card-details-padding-block-end: calc(
+    var(--sbb-flip-card-padding) + var(--sbb-flip-card-padding-block-end) +
+      var(--sbb-button-min-height-size-s)
+  );
+  display: block;
+  position: absolute;
+  pointer-events: none;
+  color: var(--sbb-color-milk);
+  opacity: var(--sbb-flip-card-details-opacity, 0);
+  transform: translateY(var(--sbb-flip-card-details-translate-y));
+  transition-property: transform, opacity;
+  transition-duration: var(--sbb-flip-card-details-transition-duration);
+}
+
+:host(:is(:state(flipped),[state--flipped])) {
+  transition-delay: var(--sbb-flip-card-details-transition-delay), var(--sbb-flip-card-details-transition-delay);
+}
+
+.sbb-flip-card-details {
+  overflow: hidden;
+  padding: var(--sbb-flip-card-padding);
+  padding-block-end: var(--sbb-flip-card-details-padding-block-end);
+}`;
+const _SbbFlipCardDetailsElement = class _SbbFlipCardDetailsElement extends SbbElement {
+  constructor() {
+    super();
+    this.addController(new MutationController(this, {
+      config: {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: ["href", "tabindex", "disabled", "inert"]
+      },
+      callback: () => this._checkForSlottedActions()
+    }));
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.slot ||= "details";
+  }
+  _checkForSlottedActions() {
+    Array.from(this.querySelectorAll?.(IS_FOCUSABLE_QUERY) ?? []).forEach((el) => el.classList.toggle("sbb-action", true));
+  }
+  render() {
+    return html`
+      <div class="sbb-flip-card-details">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+_SbbFlipCardDetailsElement.elementName = "sbb-flip-card-details";
+_SbbFlipCardDetailsElement.styles = [boxSizingStyles, style];
+let SbbFlipCardDetailsElement = _SbbFlipCardDetailsElement;
+export {
+  SbbFlipCardDetailsElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLWRldGFpbHMuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC1kZXRhaWxzL2ZsaXAtY2FyZC1kZXRhaWxzLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNdXRhdGlvbkNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL211dGF0aW9uLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IElTX0ZPQ1VTQUJMRV9RVUVSWSB9IGZyb20gJy4uLy4uL2NvcmUvYTExeS50cyc7XG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmxpcC1jYXJkLWRldGFpbHMuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1mbGlwLWNhcmRgLCBpdCBkaXNwbGF5cyBpdHMgY29udGVudCB3aGVuIHRoZSBjYXJkIGlzIGZsaXBwZWQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGFueSBraW5kIG9mIGNvbnRlbnQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZmxpcC1jYXJkLWRldGFpbHMnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgTXV0YXRpb25Db250cm9sbGVyKHRoaXMsIHtcbiAgICAgICAgY29uZmlnOiB7XG4gICAgICAgICAgY2hpbGRMaXN0OiB0cnVlLFxuICAgICAgICAgIHN1YnRyZWU6IHRydWUsXG4gICAgICAgICAgYXR0cmlidXRlczogdHJ1ZSxcbiAgICAgICAgICBhdHRyaWJ1dGVGaWx0ZXI6IFsnaHJlZicsICd0YWJpbmRleCcsICdkaXNhYmxlZCcsICdpbmVydCddLFxuICAgICAgICB9LFxuICAgICAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fY2hlY2tGb3JTbG90dGVkQWN0aW9ucygpLFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ2RldGFpbHMnO1xuICB9XG5cbiAgcHJpdmF0ZSBfY2hlY2tGb3JTbG90dGVkQWN0aW9ucygpOiB2b2lkIHtcbiAgICAvLyBXZSBpbnRlbnRpb25hbGx5IHVzZSB0b2dnbGUgaGVyZSwgYXMgYWRkIGNhdXNlcyBhIE11dGF0aW9uT2JzZXJ2ZXIgbG9vcC5cbiAgICBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKElTX0ZPQ1VTQUJMRV9RVUVSWSkgPz8gW10pLmZvckVhY2goKGVsOiBFbGVtZW50KSA9PlxuICAgICAgZWwuY2xhc3NMaXN0LnRvZ2dsZSgnc2JiLWFjdGlvbicsIHRydWUpLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkLWRldGFpbHNcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZC1kZXRhaWxzJzogU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFlTSxNQUFPLDZCQUFQLE1BQU8sbUNBQWtDLFdBQVU7QUFBQSxFQUl2RCxjQUFBO0FBQ0UsVUFBQTtBQUVBLFNBQUssY0FDSCxJQUFJLG1CQUFtQixNQUFNO0FBQUEsTUFDM0IsUUFBUTtBQUFBLFFBQ04sV0FBVztBQUFBLFFBQ1gsU0FBUztBQUFBLFFBQ1QsWUFBWTtBQUFBLFFBQ1osaUJBQWlCLENBQUMsUUFBUSxZQUFZLFlBQVksT0FBTztBQUFBLE1BQUE7QUFBQSxNQUUzRCxVQUFVLE1BQU0sS0FBSyx3QkFBQTtBQUFBLElBQXVCLENBQzdDLENBQUM7QUFBQSxFQUVOO0FBQUEsRUFFZ0Isb0JBQWlCO0FBQy9CLFVBQU0sa0JBQUE7QUFDTixTQUFLLFNBQVM7QUFBQSxFQUNoQjtBQUFBLEVBRVEsMEJBQXVCO0FBRTdCLFVBQU0sS0FBSyxLQUFLLG1CQUFtQixrQkFBa0IsS0FBSyxDQUFBLENBQUUsRUFBRSxRQUFRLENBQUMsT0FDckUsR0FBRyxVQUFVLE9BQU8sY0FBYyxJQUFJLENBQUM7QUFBQSxFQUUzQztBQUFBLEVBRW1CLFNBQU07QUFDdkIsV0FBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFLVDs7QUFyQ2dDLDJCQUFBLGNBQXNCO0FBQy9CLDJCQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUs7QUFGbkUsSUFBTyw0QkFBUDsifQ==

package/development/flip-card/flip-card-details.js

@@ -1,10 +1,8 @@
-import { t as SbbFlipCardDetailsElement } from "../flip-card-details.component-BilGh5Yb.js";
-//#region src/elements/flip-card/flip-card-details.ts
-/** @entrypoint */
+import { SbbFlipCardDetailsElement } from "./flip-card-details/flip-card-details.component.js";
 SbbFlipCardDetailsElement.define();
 console.warn(`The entrypoint '@sbb-esta/elements/flip-card/flip-card-details.js' has been deprecated.
 Use either '@sbb-esta/elements/flip-card.js' or '@sbb-esta/elements/flip-card.pure.js' instead.`);
-//#endregion
-export { SbbFlipCardDetailsElement };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLWRldGFpbHMuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZsaXAtY2FyZC9mbGlwLWNhcmQtZGV0YWlscy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQgfSBmcm9tICcuL2ZsaXAtY2FyZC1kZXRhaWxzL2ZsaXAtY2FyZC1kZXRhaWxzLmNvbXBvbmVudC50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZmxpcC1jYXJkLWRldGFpbHMvZmxpcC1jYXJkLWRldGFpbHMuY29tcG9uZW50LnRzJztcblxuU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudC5kZWZpbmUoKTtcblxuY29uc29sZS53YXJuKGBUaGUgZW50cnlwb2ludCAnQHNiYi1lc3RhL2VsZW1lbnRzL2ZsaXAtY2FyZC9mbGlwLWNhcmQtZGV0YWlscy5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9mbGlwLWNhcmQuanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvZmxpcC1jYXJkLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibWFwcGluZ3MiOiI7OztBQUtBLDBCQUEwQixRQUFRO0FBRWxDLFFBQVEsS0FBSztpR0FDb0YifQ==
+export {
+  SbbFlipCardDetailsElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLWRldGFpbHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9mbGlwLWNhcmQvZmxpcC1jYXJkLWRldGFpbHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50IH0gZnJvbSAnLi9mbGlwLWNhcmQtZGV0YWlscy9mbGlwLWNhcmQtZGV0YWlscy5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ZsaXAtY2FyZC1kZXRhaWxzL2ZsaXAtY2FyZC1kZXRhaWxzLmNvbXBvbmVudC50cyc7XG5cblNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQuZGVmaW5lKCk7XG5cbmNvbnNvbGUud2FybihgVGhlIGVudHJ5cG9pbnQgJ0BzYmItZXN0YS9lbGVtZW50cy9mbGlwLWNhcmQvZmxpcC1jYXJkLWRldGFpbHMuanMnIGhhcyBiZWVuIGRlcHJlY2F0ZWQuXG5Vc2UgZWl0aGVyICdAc2JiLWVzdGEvZWxlbWVudHMvZmxpcC1jYXJkLmpzJyBvciAnQHNiYi1lc3RhL2VsZW1lbnRzL2ZsaXAtY2FyZC5wdXJlLmpzJyBpbnN0ZWFkLmApO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFLQSwwQkFBMEIsT0FBQTtBQUUxQixRQUFRLEtBQUs7QUFBQSxnR0FDbUY7In0=