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

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

@@ -0,0 +1,132 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { ref } from "lit/directives/ref.js";
+import { html } from "lit/static-html.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.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 _classDecorators = [customElement("sbb-file-selector-dropzone")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbFileSelectorCommonElementMixin(LitElement);
+  let _titleContent_decorators;
+  let _titleContent_initializers = [];
+  let _titleContent_extraInitializers = [];
+  _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(), _classThis = _a, (() => {
+    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);
+    __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, fileSelectorCommonStyle, style], _a.events = {
+    filechanged: "filechanged"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFileSelectorDropzoneElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9maWxlLXNlbGVjdG9yL2ZpbGUtc2VsZWN0b3ItZHJvcHpvbmUvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgTGl0RWxlbWVudCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJTZWNvbmRhcnlCdXR0b25TdGF0aWNFbGVtZW50IH0gZnJvbSAnLi4vLi4vYnV0dG9uLnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQge1xuICBpMThuRmlsZVNlbGVjdG9yU3VidGl0bGVMYWJlbCxcbiAgaTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWxNdWx0aXBsZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IGZpbGVTZWxlY3RvckNvbW1vblN0eWxlLCBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24udHMnO1xuXG5pbXBvcnQgJy4uLy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLXN0YXRpYy50cyc7XG5pbXBvcnQgJy4uLy4uL2ljb24udHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9maWxlLXNlbGVjdG9yLWRyb3B6b25lLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgYWxsb3dzIHRvIHNlbGVjdCBvbmUgb3IgbW9yZSBmaWxlIGZyb20gc3RvcmFnZSBkZXZpY2VzIHZpYSBidXR0b24gY2xpY2sgb3IgZHJhZyBhbmQgZHJvcCwgYW5kIGRpc3BsYXkgdGhlbS5cbiAqXG4gKiBAc2xvdCBlcnJvciAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBgc2JiLWVycm9yYCB0byBzaG93IGFuIGVycm9yIG1lc3NhZ2UuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1maWxlLXNlbGVjdG9yLWRyb3B6b25lJylcbmNsYXNzIFNiYkZpbGVTZWxlY3RvckRyb3B6b25lRWxlbWVudCBleHRlbmRzIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIGZpbGVTZWxlY3RvckNvbW1vblN0eWxlLCBzdHlsZV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGZpbGVjaGFuZ2VkOiAnZmlsZWNoYW5nZWQnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKiBUaGUgdGl0bGUgZGlzcGxheWVkIGluIGBkcm9wem9uZWAgdmFyaWFudC4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3RpdGxlLWNvbnRlbnQnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB0aXRsZUNvbnRlbnQ6IHN0cmluZyA9ICcnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZShpbnB1dDogVGVtcGxhdGVSZXN1bHQpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8bGFiZWw+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWFcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1pY29uXCI+XG4gICAgICAgICAgICA8c2JiLWljb25cbiAgICAgICAgICAgICAgbmFtZT0ke3RoaXMuc2l6ZSA9PT0gJ20nID8gJ2ZvbGRlci1vcGVuLW1lZGl1bScgOiAnZm9sZGVyLW9wZW4tc21hbGwnfVxuICAgICAgICAgICAgPjwvc2JiLWljb24+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLXRpdGxlXCI+JHt0aGlzLnRpdGxlQ29udGVudH08L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tc3VidGl0bGVcIj5cbiAgICAgICAgICAgICR7dGhpcy5tdWx0aXBsZVxuICAgICAgICAgICAgICA/IGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsTXVsdGlwbGVbdGhpcy5sYW5ndWFnZS5jdXJyZW50XVxuICAgICAgICAgICAgICA6IGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsW3RoaXMubGFuZ3VhZ2UuY3VycmVudF19XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLWJ1dHRvblwiPlxuICAgICAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpY1xuICAgICAgICAgICAgICBzaXplPSR7dGhpcy5zaXplfVxuICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuZm9ybURpc2FibGVkfVxuICAgICAgICAgICAgICAke3JlZigoZWw/OiBFbGVtZW50KTogdm9pZCA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2FkQnV0dG9uID0gZWwgYXMgU2JiU2Vjb25kYXJ5QnV0dG9uU3RhdGljRWxlbWVudDtcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICR7dGhpcy5nZXRCdXR0b25MYWJlbCgpfVxuICAgICAgICAgICAgPC9zYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWM+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgICR7aW5wdXR9XG4gICAgICA8L2xhYmVsPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1maWxlLXNlbGVjdG9yLWRyb3B6b25lJzogU2JiRmlsZVNlbGVjdG9yRHJvcHpvbmVFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUEwQk0sa0NBQThCLE1BQUE7OzBCQURuQyxjQUFjLDRCQUE0QixDQUFDOzs7O29CQUNDLGtDQUFrQyxVQUFVOzs7O0FBQXBELEVBQUEsbUJBQVEsWUFBNkM7QUFBQTs7QUFTeEYseURBQUEsa0JBQUEsTUFBQSw0QkFBdUMsRUFBRTs7OztJQUF6QyxJQUFnQixlQUFZO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUE1QixJQUFnQixhQUFZLE9BQUE7QUFBQSx5QkFBQSxnQ0FBQTtBQUFBLElBQUE7QUFBQSxJQUVULGVBQWUsT0FBcUI7QUFDckQsYUFBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEscUJBS1UsS0FBSyxTQUFTLE1BQU0sdUJBQXVCLG1CQUFtQjtBQUFBO0FBQUE7QUFBQSxrRUFHakIsS0FBSyxZQUFZO0FBQUE7QUFBQSxjQUVyRSxLQUFLLFdBQ0gsc0NBQXNDLEtBQUssU0FBUyxPQUFPLElBQzNELDhCQUE4QixLQUFLLFNBQVMsT0FBTyxDQUFDO0FBQUE7QUFBQTtBQUFBO0FBQUEscUJBSS9DLEtBQUssSUFBSTtBQUFBLDBCQUNKLEtBQUssWUFBWSxLQUFLLFlBQVk7QUFBQSxnQkFDNUMsSUFBSSxDQUFDLE9BQXNCO0FBQzNCLGFBQUssYUFBYTtBQUFBLE1BQ3BCLENBQUMsQ0FBQztBQUFBO0FBQUEsZ0JBRUEsS0FBSyxnQkFBZ0I7QUFBQTtBQUFBO0FBQUE7QUFBQSxVQUkzQixLQUFLO0FBQUE7QUFBQTtBQUFBLElBR2I7QUFBQSxLQWhDQTs7Z0NBRkMsYUFDQSxTQUFTLEVBQUUsV0FBVyxnQkFBQSxDQUFpQixDQUFDO0FBQ3pDLGlCQUFBLElBQUEsTUFBQSwwQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGdCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLGtCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsY0FBWSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBWixlQUFZO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLDRCQUFBLCtCQUFBO0FBVDlCLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixDQUFDLGlCQUFpQix5QkFBeUIsS0FBSyxHQUN6RSxHQUFBLFNBQVM7QUFBQSxJQUM5QixhQUFhO0FBQUEsRUFBQSxHQUhYLGtCQUFBLFlBQUEsdUJBQUEsR0FBK0I7OzsifQ==

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { SbbFileSelectorDropzoneElement } from "./file-selector-dropzone/file-selector-dropzone.component.js";
+export {
+  SbbFileSelectorDropzoneElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { SbbFileSelectorElement } from "./file-selector/file-selector.component.js";
+export {
+  SbbFileSelectorElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/file-selector-common-B-9Eiig3.js

@@ -0,0 +1,102 @@
+import { css } from "lit";
+const fileSelectorCommon = css`:host {
+  --sbb-file-selector-color: var(--sbb-color-2);
+  --sbb-file-selector-subtitle-color: var(--sbb-color-granite);
+  --sbb-file-selector-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
+  --sbb-file-selector-background-color: var(--sbb-background-color-1);
+  --sbb-file-selector-border-color: var(--sbb-border-color-4-inverted);
+  --sbb-file-selector-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);
+  display: block;
+  width: 20rem;
+}
+
+@media (forced-colors: active) {
+  :host(:disabled) {
+    --sbb-file-selector-color: GrayText;
+    --sbb-file-selector-subtitle-color: GrayText;
+    --sbb-file-selector-border-color: GrayText;
+  }
+}
+
+:host(:is(:state(active),[state--active])) {
+  --sbb-file-selector-background-color: var(--sbb-background-color-3);
+  --sbb-file-selector-border-color: var(--sbb-color-storm);
+  --sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite));
+}
+@media (forced-colors: active) {
+  :host(:is(:state(active),[state--active])) {
+    --sbb-file-selector-border-color: Highlight;
+  }
+}
+
+.sbb-file-selector__input-container {
+  -webkit-tap-highlight-color: transparent;
+  display: flex;
+  flex-direction: column;
+}
+
+.sbb-file-selector__visually-hidden {
+  border: 0;
+  clip-path: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.sbb-file-selector__file-list {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--sbb-spacing-fixed-3x);
+  margin-block: 0;
+  padding-inline: 0;
+  padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x);
+}
+
+.sbb-file-selector__file {
+  --sbb-text-font-size: var(--sbb-text-font-size-s);
+  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);
+  display: flex;
+  gap: var(--sbb-spacing-fixed-4x);
+  align-items: center;
+  justify-content: space-between;
+}
+
+.sbb-file-selector__file-details {
+  display: flex;
+  flex: 1;
+  justify-content: space-between;
+  gap: var(--sbb-spacing-fixed-4x);
+  overflow: auto;
+}
+
+.sbb-file-selector__file-name {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.sbb-file-selector__file-size {
+  white-space: nowrap;
+  color: var(--sbb-color-metal);
+  color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
+}
+
+:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error {
+  display: none;
+}`;
+export {
+  fileSelectorCommon as f
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1jb21tb24tQi05RWlpZzMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==

package/development/file-selector.d.ts

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

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

@@ -0,0 +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"}

package/development/file-selector.js

@@ -0,0 +1,11 @@
+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 { 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=

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

@@ -0,0 +1,47 @@
+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;
+/**
+ * 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 {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly flip: "flip";
+    };
+    /**
+     * 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.
+     */
+    accessor accessibilityLabel: string;
+    /** Returns the slotted sbb-flip-card-summary. */
+    get summary(): SbbFlipCardSummaryElement | null;
+    /** Returns the slotted sbb-flip-card-details. */
+    get details(): SbbFlipCardDetailsElement | null;
+    /** Returns the card details content element wrapper. */
+    private get _detailsContentElement();
+    /** Whether the flip card is flipped. */
+    get isFlipped(): boolean;
+    /** Whether the card is flipped or not. */
+    private accessor _flipped;
+    private _language;
+    private _cardDetailsResizeObserver;
+    private _previousImageAlignment?;
+    constructor();
+    /** Toggles the state of the sbb-flip-card. */
+    toggle(): void;
+    private _setCardDetailsHeight;
+    private _accessibilityLabel;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-flip-card': SbbFlipCardElement;
+    }
+}
+export {};
+//# sourceMappingURL=flip-card.component.d.ts.map

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

@@ -0,0 +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"}