@sbb-esta/lyne-elements 4.7.0 → 4.8.1

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

@@ -0,0 +1,154 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { html as html$1 } from "lit/static-html.js";
+import { i18nFileSelectorSubtitleLabel, i18nFileSelectorSubtitleLabelMultiple } from "./core/i18n.js";
+import "./icon.js";
+import { ref } from "lit/directives/ref.js";
+import { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle } from "./file-selector/common/file-selector-common.js";
+import "./button/secondary-button-static.js";
+//#region src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.scss?lit&inline
+var file_selector_dropzone_default = 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);
+}`;
+//#endregion
+//#region src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts
+/**
+* It allows to select one or more file from storage devices via button click or drag and drop, and display them.
+*
+* @slot error - Use this to provide a `sbb-error` to show an error message.
+*/
+var SbbFileSelectorDropzoneElement = (() => {
+	let _classSuper = SbbFileSelectorCommonElementMixin(SbbElement);
+	let _titleContent_decorators;
+	let _titleContent_initializers = [];
+	let _titleContent_extraInitializers = [];
+	return class SbbFileSelectorDropzoneElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_titleContent_decorators = [forceType(), property({ attribute: "title-content" })];
+			__esDecorate(this, 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(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-file-selector-dropzone";
+		}
+		static {
+			this.styles = [
+				boxSizingStyles,
+				fileSelectorCommonStyle,
+				file_selector_dropzone_default
+			];
+		}
+		static {
+			this.events = { filechanged: "filechanged" };
+		}
+		#titleContent_accessor_storage = __runInitializers(this, _titleContent_initializers, "");
+		/** The title displayed in `dropzone` variant. */
+		get titleContent() {
+			return this.#titleContent_accessor_storage;
+		}
+		set titleContent(value) {
+			this.#titleContent_accessor_storage = value;
+		}
+		renderTemplate(input) {
+			return html$1`
+      <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>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _titleContent_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbFileSelectorDropzoneElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQtQ09vRFp4Y3EuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS9maWxlLXNlbGVjdG9yLWRyb3B6b25lLnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9maWxlLXNlbGVjdG9yL2ZpbGUtc2VsZWN0b3ItZHJvcHpvbmUvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuLnNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS1zKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgZGFzaGVkIHZhcigtLXNiYi1maWxlLXNlbGVjdG9yLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTR4KTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItdHJhbnNpdGlvbi1kdXJhdGlvbik7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItZmlsZS1zZWxlY3Rvci10cmFuc2l0aW9uLWVhc2luZy1mdW5jdGlvbik7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIGJvcmRlci1jb2xvcjtcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1pY29uIHtcbiAgY29sb3I6IHZhcigtLXNiYi1maWxlLXNlbGVjdG9yLWNvbG9yKTtcbiAgbGluZS1oZWlnaHQ6IDA7XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tdGl0bGUge1xuICBAaW5jbHVkZSBzYmIudGV4dC0tYm9sZDtcbiAgQGluY2x1ZGUgc2JiLnRpdGxlLTYoJGV4Y2x1ZGUtc3BhY2luZzogdHJ1ZSk7XG5cbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItY29sb3IpO1xufVxuXG4uc2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLXN1YnRpdGxlIHtcbiAgQGluY2x1ZGUgc2JiLnRleHQteHMtLXJlZ3VsYXI7XG5cbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3Itc3VidGl0bGUtY29sb3IpO1xuICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcmVmIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVmLmpzJztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi8uLi9idXR0b24udHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHtcbiAgaTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWwsXG4gIGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsTXVsdGlwbGUsXG59IGZyb20gJy4uLy4uL2NvcmUvaTE4bi50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQge1xuICBmaWxlU2VsZWN0b3JDb21tb25TdHlsZSxcbiAgU2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluLFxufSBmcm9tICcuLi9jb21tb24vZmlsZS1zZWxlY3Rvci1jb21tb24udHMnO1xuXG5pbXBvcnQgJy4uLy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLXN0YXRpYy50cyc7XG5pbXBvcnQgJy4uLy4uL2ljb24udHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9maWxlLXNlbGVjdG9yLWRyb3B6b25lLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgYWxsb3dzIHRvIHNlbGVjdCBvbmUgb3IgbW9yZSBmaWxlIGZyb20gc3RvcmFnZSBkZXZpY2VzIHZpYSBidXR0b24gY2xpY2sgb3IgZHJhZyBhbmQgZHJvcCwgYW5kIGRpc3BsYXkgdGhlbS5cbiAqXG4gKiBAc2xvdCBlcnJvciAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBgc2JiLWVycm9yYCB0byBzaG93IGFuIGVycm9yIG1lc3NhZ2UuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJGaWxlU2VsZWN0b3JEcm9wem9uZUVsZW1lbnQgZXh0ZW5kcyBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBmaWxlU2VsZWN0b3JDb21tb25TdHlsZSwgc3R5bGVdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBmaWxlY2hhbmdlZDogJ2ZpbGVjaGFuZ2VkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKiogVGhlIHRpdGxlIGRpc3BsYXllZCBpbiBgZHJvcHpvbmVgIHZhcmlhbnQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgdGl0bGVDb250ZW50OiBzdHJpbmcgPSAnJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoaW5wdXQ6IFRlbXBsYXRlUmVzdWx0KTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGxhYmVsPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0taWNvblwiPlxuICAgICAgICAgICAgPHNiYi1pY29uXG4gICAgICAgICAgICAgIG5hbWU9JHt0aGlzLnNpemUgPT09ICdtJyA/ICdmb2xkZXItb3Blbi1tZWRpdW0nIDogJ2ZvbGRlci1vcGVuLXNtYWxsJ31cbiAgICAgICAgICAgID48L3NiYi1pY29uPlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS10aXRsZVwiPiR7dGhpcy50aXRsZUNvbnRlbnR9PC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLXN1YnRpdGxlXCI+XG4gICAgICAgICAgICAke3RoaXMubXVsdGlwbGVcbiAgICAgICAgICAgICAgPyBpMThuRmlsZVNlbGVjdG9yU3VidGl0bGVMYWJlbE11bHRpcGxlW3RoaXMubGFuZ3VhZ2UuY3VycmVudF1cbiAgICAgICAgICAgICAgOiBpMThuRmlsZVNlbGVjdG9yU3VidGl0bGVMYWJlbFt0aGlzLmxhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1idXR0b25cIj5cbiAgICAgICAgICAgIDxzYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWNcbiAgICAgICAgICAgICAgc2l6ZT0ke3RoaXMuc2l6ZX1cbiAgICAgICAgICAgICAgP2Rpc2FibGVkPSR7dGhpcy5kaXNhYmxlZCB8fCB0aGlzLmZvcm1EaXNhYmxlZH1cbiAgICAgICAgICAgICAgJHtyZWYoKGVsPzogRWxlbWVudCk6IHZvaWQgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZEJ1dHRvbiA9IGVsIGFzIFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQ7XG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAke3RoaXMuZ2V0QnV0dG9uTGFiZWwoKX1cbiAgICAgICAgICAgIDwvc2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljPlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICAke2lucHV0fVxuICAgICAgPC9sYWJlbD5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZSc6IFNiYkZpbGVTZWxlY3RvckRyb3B6b25lRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDNEJhLHdDQUE4QjttQkFBUyxrQ0FBa0MsV0FBVzs7OztjQUFwRix1Q0FBdUMsWUFBNkM7OzsrQkFROUYsV0FBVyxFQUNYLFNBQVMsRUFBRSxXQUFXLGlCQUFpQixDQUFDLENBQUE7QUFDekMsZ0JBQUEsTUFBQSxNQUFBLDBCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsa0JBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBWSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQVosZUFBWTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLDRCQUFBLGdDQUFBOzs7Ozs7Ozs7QUFUSSxRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QjtJQUFDO0lBQWlCO0lBQXlCO0lBQU07OztBQUMxRSxRQUFBLFNBQVMsRUFDOUIsYUFBYSxlQUNMOztFQUtWLGlDQUFBLGtCQUFBLE1BQUEsNEJBQXVDLEdBQUU7O0VBQXpDLElBQWdCLGVBQVk7QUFBQSxVQUFBLE1BQUE7O0VBQTVCLElBQWdCLGFBQVksT0FBQTtBQUFBLFNBQUEsZ0NBQUE7O0VBRVQsZUFBZSxPQUFxQjtBQUNyRCxVQUFPLE1BQUk7Ozs7O3FCQUtNLEtBQUssU0FBUyxNQUFNLHVCQUF1QixvQkFBQTs7O2tFQUdFLEtBQUssYUFBWTs7Y0FFckUsS0FBSyxXQUNILHNDQUFzQyxLQUFLLFNBQVMsV0FDcEQsOEJBQThCLEtBQUssU0FBUyxTQUFBOzs7O3FCQUl2QyxLQUFLLEtBQUE7MEJBQ0EsS0FBSyxZQUFZLEtBQUssYUFBQTtnQkFDaEMsS0FBSyxPQUFzQjtBQUMzQixTQUFLLGFBQWE7S0FDbEIsQ0FBQTs7Z0JBRUEsS0FBSyxnQkFBZ0IsQ0FBQTs7OztVQUkzQixNQUFBIn0=

package/development/file-selector.d.ts

@@ -1,7 +1,2 @@
-/**
- * @entrypoint
- */
-export * from './file-selector/common.ts';
-export * from './file-selector/file-selector-dropzone.ts';
-export * from './file-selector/file-selector.ts';
+export * from './file-selector.pure.ts';
 //# sourceMappingURL=file-selector.d.ts.map

package/development/file-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector.ts"],"names":[],"mappings":"AAGA,cAAc,yBAAyB,CAAC"}

package/development/file-selector.js

@@ -1,11 +1,12 @@
-import { SbbFileSelectorCommonElementMixin } from "./file-selector/common/file-selector-common.js";
-import { f } from "./file-selector-common-B-9Eiig3.js";
-import { SbbFileSelectorDropzoneElement } from "./file-selector/file-selector-dropzone/file-selector-dropzone.component.js";
+import { n as file_selector_common_default, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-4VE7Af0W.js";
+import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-COoDZxcq.js";
 import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
-export {
-  SbbFileSelectorCommonElementMixin,
-  SbbFileSelectorDropzoneElement,
-  SbbFileSelectorElement,
-  f as fileSelectorCommonStyle
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7In0=
+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

package/development/file-selector.pure.d.ts

@@ -0,0 +1,5 @@
+/** @entrypoint */
+export * from './file-selector/common/file-selector-common.ts';
+export * from './file-selector/file-selector-dropzone/file-selector-dropzone.component.ts';
+export * from './file-selector/file-selector/file-selector.component.ts';
+//# sourceMappingURL=file-selector.pure.d.ts.map

package/development/file-selector.pure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-selector.pure.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector.pure.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4EAA4E,CAAC;AAC3F,cAAc,0DAA0D,CAAC"}

package/development/file-selector.pure.js

@@ -0,0 +1,4 @@
+import { n as file_selector_common_default, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-4VE7Af0W.js";
+import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-COoDZxcq.js";
+import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
+export { SbbFileSelectorCommonElementMixin, SbbFileSelectorDropzoneElement, SbbFileSelectorElement, file_selector_common_default as fileSelectorCommonStyle };

package/development/flip-card/flip-card/flip-card.component.d.ts

@@ -1,14 +1,15 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-import { SbbFlipCardDetailsElement } from '../flip-card-details.ts';
-import { SbbFlipCardSummaryElement } from '../flip-card-summary.ts';
-declare const SbbFlipCardElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbHydrationMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../../core/base-elements.ts';
+import { SbbFlipCardDetailsElement } from '../flip-card-details/flip-card-details.component.ts';
+import { SbbFlipCardSummaryElement } from '../flip-card-summary/flip-card-summary.component.ts';
 /**
  * Displays an informative card that reveals more information upon being clicked.
  *
  * @slot - Use the unnamed slot to add a `sbb-flip-card-summary` and a `sbb-flip-card-details` element.
  *
  */
-export declare class SbbFlipCardElement extends SbbFlipCardElement_base {
+export declare class SbbFlipCardElement extends SbbElement {
+    static readonly elementName: string;
     static styles: CSSResultGroup;
     static readonly events: {
         readonly flip: "flip";
@@ -43,5 +44,4 @@ declare global {
         'sbb-flip-card': SbbFlipCardElement;
     }
 }
-export {};
 //# sourceMappingURL=flip-card.component.d.ts.map

package/development/flip-card/flip-card/flip-card.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flip-card.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card/flip-card.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAc3F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,6BAA6B,CAAC;;AAErC;;;;;GAKG;AACH,qBAEM,kBAAmB,SAAQ,uBAAuD;IACtF,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,wDAAwD;IACxD,OAAO,KAAK,sBAAsB,GAEjC;IAED,wCAAwC;IACxC,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,0CAA0C;IACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAE3C,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,0BAA0B,CAI/B;IACH,OAAO,CAAC,uBAAuB,CAAC,CAAS;;IAwBzC,8CAA8C;IACvC,MAAM,IAAI,IAAI;IAgBrB,OAAO,CAAC,qBAAqB;YAKf,mBAAmB;cAWd,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"flip-card.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card/flip-card.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK/E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAMzD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qDAAqD,CAAC;AACrG,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qDAAqD,CAAC;AAIrG,OAAO,yCAAyC,CAAC;AACjD,OAAO,6BAA6B,CAAC;AAErC;;;;;GAKG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,gBAAgC,WAAW,EAAE,MAAM,CAAmB;IACtE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,wDAAwD;IACxD,OAAO,KAAK,sBAAsB,GAEjC;IAED,wCAAwC;IACxC,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,0CAA0C;IACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAE3C,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,0BAA0B,CAI/B;IACH,OAAO,CAAC,uBAAuB,CAAC,CAAS;;IAwBzC,8CAA8C;IACvC,MAAM,IAAI,IAAI;IAgBrB,OAAO,CAAC,qBAAqB;YAKf,mBAAmB;cAWd,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

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

@@ -1,322 +1,2 @@
-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, LitElement, isServer, html } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { until } from "lit/directives/until.js";
-import { IS_FOCUSABLE_QUERY } from "../../core/a11y.js";
-import { SbbLanguageController, SbbPropertyWatcherController } from "../../core/controllers.js";
-import { forceType } from "../../core/decorators.js";
-import { i18nFlipCard, i18nReverseCard } from "../../core/i18n.js";
-import { SbbHydrationMixin, SbbElementInternalsMixin, ɵ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-toggle-icon-transform: rotate(0);
-  --sbb-flip-card-background-color: var(--sbb-background-color-4);
-  --sbb-flip-card-border-radius: var(--sbb-border-radius-4x);
-  --sbb-flip-card-min-height: 17.5rem;
-  --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 (min-width: calc(64rem)) {
-  :host {
-    --sbb-flip-card-min-height: 20rem;
-  }
-}
-
-@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;
-  gap: var(--sbb-spacing-responsive-xs);
-  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-border-width-2x) 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-spacing-responsive-s);
-  inset-block-end: var(--sbb-spacing-responsive-s);
-  background-color: var(--sbb-color-midnight);
-  background-color: light-dark(var(--sbb-color-midnight), var(--sbb-color-iron));
-  width: var(--sbb-size-element-xs);
-  height: var(--sbb-size-element-xs);
-  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-spacing-responsive-s);
-  inset-block-end: var(--sbb-spacing-responsive-s);
-}
-: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);
-  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 _classDecorators = [customElement("sbb-flip-card")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbHydrationMixin(SbbElementInternalsMixin(LitElement));
-  let _accessibilityLabel_decorators;
-  let _accessibilityLabel_initializers = [];
-  let _accessibilityLabel_extraInitializers = [];
-  let __flipped_decorators;
-  let __flipped_initializers = [];
-  let __flipped_extraInitializers = [];
-  _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(), _classThis = _a, (() => {
-    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);
-    __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], _a.events = {
-    flip: "flip"
-  }, __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
-export {
-  SbbFlipCardElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZsaXAtY2FyZC9mbGlwLWNhcmQvZmxpcC1jYXJkLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCBpc1NlcnZlciwgTGl0RWxlbWVudCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyB1bnRpbCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3VudGlsLmpzJztcblxuaW1wb3J0IHsgSVNfRk9DVVNBQkxFX1FVRVJZIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LnRzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciwgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGkxOG5GbGlwQ2FyZCwgaTE4blJldmVyc2VDYXJkIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7XG4gIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbixcbiAgU2JiSHlkcmF0aW9uTWl4aW4sXG4gIMm1c3RhdGVDb250cm9sbGVyLFxufSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQgfSBmcm9tICcuLi9mbGlwLWNhcmQtZGV0YWlscy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkZsaXBDYXJkU3VtbWFyeUVsZW1lbnQgfSBmcm9tICcuLi9mbGlwLWNhcmQtc3VtbWFyeS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2ZsaXAtY2FyZC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLXN0YXRpYy50cyc7XG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS50cyc7XG5cbi8qKlxuICogRGlzcGxheXMgYW4gaW5mb3JtYXRpdmUgY2FyZCB0aGF0IHJldmVhbHMgbW9yZSBpbmZvcm1hdGlvbiB1cG9uIGJlaW5nIGNsaWNrZWQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYSBgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5YCBhbmQgYSBgc2JiLWZsaXAtY2FyZC1kZXRhaWxzYCBlbGVtZW50LlxuICpcbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWZsaXAtY2FyZCcpXG5jbGFzcyBTYmJGbGlwQ2FyZEVsZW1lbnQgZXh0ZW5kcyBTYmJIeWRyYXRpb25NaXhpbihTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBmbGlwOiAnZmxpcCcsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqXG4gICAqIFRoaXMgd2lsbCBiZSBmb3J3YXJkZWQgYXMgYXJpYS1sYWJlbCB0byB0aGUgYWN0aW9uIGluIHRoZSBub24gZmxpcHBlZCBzdGF0ZS5cbiAgICogSWYgbm90IHNldCwgdGhlIHRleHRDb250ZW50IG9mIHRoZSBgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5YCBpcyB0YWtlbi5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAvKiogUmV0dXJucyB0aGUgc2xvdHRlZCBzYmItZmxpcC1jYXJkLXN1bW1hcnkuICovXG4gIHB1YmxpYyBnZXQgc3VtbWFyeSgpOiBTYmJGbGlwQ2FyZFN1bW1hcnlFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uKCdzYmItZmxpcC1jYXJkLXN1bW1hcnknKTtcbiAgfVxuXG4gIC8qKiBSZXR1cm5zIHRoZSBzbG90dGVkIHNiYi1mbGlwLWNhcmQtZGV0YWlscy4gKi9cbiAgcHVibGljIGdldCBkZXRhaWxzKCk6IFNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5xdWVyeVNlbGVjdG9yPy4oJ3NiYi1mbGlwLWNhcmQtZGV0YWlscycpO1xuICB9XG5cbiAgLyoqIFJldHVybnMgdGhlIGNhcmQgZGV0YWlscyBjb250ZW50IGVsZW1lbnQgd3JhcHBlci4gKi9cbiAgcHJpdmF0ZSBnZXQgX2RldGFpbHNDb250ZW50RWxlbWVudCgpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmRldGFpbHMhLnNoYWRvd1Jvb3QhLmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50O1xuICB9XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGZsaXAgY2FyZCBpcyBmbGlwcGVkLiAqL1xuICBwdWJsaWMgZ2V0IGlzRmxpcHBlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZmxpcHBlZDtcbiAgfVxuXG4gIC8qKiBXaGV0aGVyIHRoZSBjYXJkIGlzIGZsaXBwZWQgb3Igbm90LiAqL1xuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9mbGlwcGVkID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9jYXJkRGV0YWlsc1Jlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fc2V0Q2FyZERldGFpbHNIZWlnaHQoKSxcbiAgfSk7XG4gIHByaXZhdGUgX3ByZXZpb3VzSW1hZ2VBbGlnbm1lbnQ/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKGV2ZW50OiBFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50LnRhcmdldCA9PT0gdGhpcyB8fCAhKGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudCk/Lm1hdGNoZXM/LihJU19GT0NVU0FCTEVfUVVFUlkpKSB7XG4gICAgICAgIHRoaXMudG9nZ2xlKCk7XG4gICAgICB9XG4gICAgfSk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5zdW1tYXJ5LCB7XG4gICAgICAgIGltYWdlQWxpZ25tZW50OiAocykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50KSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBpbWFnZS1hbGlnbm1lbnQtJHt0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50fWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50ID0gcy5pbWFnZUFsaWdubWVudDtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNJbWFnZUFsaWdubWVudCkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgaW1hZ2UtYWxpZ25tZW50LSR7dGhpcy5fcHJldmlvdXNJbWFnZUFsaWdubWVudH1gKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgLyoqIFRvZ2dsZXMgdGhlIHN0YXRlIG9mIHRoZSBzYmItZmxpcC1jYXJkLiAqL1xuICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuX2ZsaXBwZWQgPSAhdGhpcy5fZmxpcHBlZDtcbiAgICBpZiAodGhpcy5fZmxpcHBlZCkge1xuICAgICAgdGhpcy5fc2V0Q2FyZERldGFpbHNIZWlnaHQoKTtcbiAgICAgIHRoaXMuX2NhcmREZXRhaWxzUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9kZXRhaWxzQ29udGVudEVsZW1lbnQhKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fY2FyZERldGFpbHNSZXNpemVPYnNlcnZlci51bm9ic2VydmUodGhpcy5fZGV0YWlsc0NvbnRlbnRFbGVtZW50ISk7XG4gICAgfVxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2ZsaXBwZWQnLCB0aGlzLl9mbGlwcGVkKTtcbiAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLmRldGFpbHMpPy50b2dnbGUoJ2ZsaXBwZWQnLCB0aGlzLl9mbGlwcGVkKTtcbiAgICB0aGlzLnN1bW1hcnkhLmluZXJ0ID0gdGhpcy5fZmxpcHBlZDtcbiAgICB0aGlzLmRldGFpbHMhLmluZXJ0ID0gIXRoaXMuX2ZsaXBwZWQ7XG4gICAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSBjb21wb25lbnQgaXMgZmxpcHBlZC4gKi9cbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdmbGlwJywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRDYXJkRGV0YWlsc0hlaWdodCgpOiBhbnkge1xuICAgIGNvbnN0IGNvbnRlbnRIZWlnaHQgPSBNYXRoLmZsb29yKHRoaXMuX2RldGFpbHNDb250ZW50RWxlbWVudCEub2Zmc2V0SGVpZ2h0KTtcbiAgICB0aGlzLnN0eWxlPy5zZXRQcm9wZXJ0eSgnLS1zYmItZmxpcC1jYXJkLWRldGFpbHMtaGVpZ2h0JywgYCR7Y29udGVudEhlaWdodH1weGApO1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfYWNjZXNzaWJpbGl0eUxhYmVsKCk6IFByb21pc2U8c3RyaW5nPiB7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIGF3YWl0IHRoaXMuaHlkcmF0aW9uQ29tcGxldGU7XG5cbiAgICByZXR1cm4gIXRoaXMuX2ZsaXBwZWRcbiAgICAgID8gYCR7KHRoaXMuYWNjZXNzaWJpbGl0eUxhYmVsID8gdGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwgOiB0aGlzLnN1bW1hcnk/LnRleHRDb250ZW50Py50cmltKCkpID8/ICcnfSwgJHtpMThuRmxpcENhcmRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19YFxuICAgICAgOiBpMThuUmV2ZXJzZUNhcmRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBjbGFzcz1cInNiYi1mbGlwLWNhcmQtYnV0dG9uXCJcbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPSR7dGhpcy5fZmxpcHBlZC50b1N0cmluZygpfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+JHt1bnRpbCh0aGlzLl9hY2Nlc3NpYmlsaXR5TGFiZWwoKSwgJycpfTwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxzbG90IG5hbWU9XCJzdW1tYXJ5XCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiAodGhpcy5zdW1tYXJ5IS5pbmVydCA9IHRoaXMuX2ZsaXBwZWQpfT48L3Nsb3Q+XG4gICAgICAgIDxzbG90IG5hbWU9XCJkZXRhaWxzXCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiAodGhpcy5kZXRhaWxzIS5pbmVydCA9ICF0aGlzLl9mbGlwcGVkKX0+PC9zbG90PlxuICAgICAgICA8c2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljIGNsYXNzPVwic2JiLWZsaXAtY2FyZC0tdG9nZ2xlLWJ1dHRvblwiIHNpemU9XCJzXCI+XG4gICAgICAgICAgPHNiYi1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInNiYi1mbGlwLWNhcmQtLXRvZ2dsZS1idXR0b24taWNvblwiXG4gICAgICAgICAgICBzbG90PVwiaWNvblwiXG4gICAgICAgICAgICBuYW1lPVwicGx1cy1zbWFsbFwiXG4gICAgICAgICAgPjwvc2JiLWljb24+XG4gICAgICAgIDwvc2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljPlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZCc6IFNiYkZsaXBDYXJkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIsm1c3RhdGVDb250cm9sbGVyIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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
+import { t as SbbFlipCardElement } from "../../flip-card.component-CUQYeHRg.js";
+export { SbbFlipCardElement };

package/development/flip-card/flip-card-details/flip-card-details.component.d.ts

@@ -1,11 +1,12 @@
-import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-declare const SbbFlipCardDetailsElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../../core/base-elements.ts';
 /**
  * Combined with a `sbb-flip-card`, it displays its content when the card is flipped.
  *
  * @slot - Use the unnamed slot to provide any kind of content.
  */
-export declare class SbbFlipCardDetailsElement extends SbbFlipCardDetailsElement_base {
+export declare class SbbFlipCardDetailsElement extends SbbElement {
+    static readonly elementName: string;
     static styles: CSSResultGroup;
     constructor();
     connectedCallback(): void;
@@ -17,5 +18,4 @@ declare global {
         'sbb-flip-card-details': SbbFlipCardDetailsElement;
     }
 }
-export {};
 //# sourceMappingURL=flip-card-details.component.d.ts.map

package/development/flip-card/flip-card-details/flip-card-details.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flip-card-details.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card-details/flip-card-details.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AASvC;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,8BAAoC;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAA4B;;IAkBzD,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,uBAAuB;cAOZ,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"flip-card-details.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card-details/flip-card-details.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAKzD;;;;GAIG;AACH,qBAAa,yBAA0B,SAAQ,UAAU;IACvD,gBAAgC,WAAW,EAAE,MAAM,CAA2B;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAA4B;;IAkBzD,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,uBAAuB;cAOZ,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}