@sbb-esta/lyne-elements 1.15.1 → 2.0.0

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

@@ -0,0 +1,181 @@
+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 { __runInitializers, __esDecorate } 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 { slotState, forceType } from "../core/decorators.js";
+import { i18nFileSelectorSubtitleLabel, i18nFileSelectorButtonLabel } from "../core/i18n.js";
+import { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle } from "./common.js";
+import "../button/secondary-button.js";
+import "../button/secondary-button-static.js";
+import "../icon.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+.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-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  margin: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  font-size: var(--sbb-title-font-size);
+  --sbb-title-font-size: var(--sbb-font-size-title-6);
+  --sbb-title-line-height: var(--sbb-typo-line-height-body-text);
+  text-align: center;
+  color: var(--sbb-file-selector-color);
+}
+
+.sbb-file-selector__dropzone-area--subtitle {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-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"), slotState()];
+  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);
+      __privateSet(this, _titleContent_accessor_storage, __runInitializers(this, _titleContent_initializers, ""));
+      this._counter = (__runInitializers(this, _titleContent_extraInitializers), 0);
+    }
+    /** The title displayed in `dropzone` variant. */
+    get titleContent() {
+      return __privateGet(this, _titleContent_accessor_storage);
+    }
+    set titleContent(value) {
+      __privateSet(this, _titleContent_accessor_storage, value);
+    }
+    _blockEvent(event) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+    _onDragEnter(event) {
+      this._counter++;
+      if (!this.disabled && !this.formDisabled) {
+        this._setDragState(event.target, true);
+        this._blockEvent(event);
+      }
+    }
+    _onDragLeave(event) {
+      this._counter--;
+      if (!this.disabled && !this.formDisabled && event.target === this._dragTarget && this._counter === 0) {
+        this._setDragState();
+        this._blockEvent(event);
+      }
+    }
+    _onFileDrop(event) {
+      this._counter = 0;
+      if (!this.disabled && !this.formDisabled) {
+        this._setDragState();
+        this._blockEvent(event);
+        this.createFileList(event.dataTransfer.files);
+      }
+    }
+    _setDragState(dragTarget = void 0, isDragEnter = false) {
+      this._dragTarget = dragTarget;
+      this.toggleAttribute("data-active", isDragEnter);
+      this.loadButton.toggleAttribute("data-active", isDragEnter);
+    }
+    renderTemplate(input) {
+      return html`
+      <div
+        class="sbb-file-selector__input-container"
+        @dragenter=${this._onDragEnter}
+        @dragover=${this._blockEvent}
+        @dragleave=${this._onDragLeave}
+        @drop=${this._onFileDrop}
+      >
+        <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">
+              ${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;
+      })}
+              >
+                ${i18nFileSelectorButtonLabel[this.language.current]}
+              </sbb-secondary-button-static>
+            </span>
+          </span>
+          ${input}
+        </label>
+      </div>
+    `;
+    }
+  }, _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 = [fileSelectorCommonStyle, style], _a.events = {
+    fileChangedEvent: "fileChanged"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFileSelectorDropzoneElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS9maWxlLXNlbGVjdG9yLWRyb3B6b25lLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHksIGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyByZWYgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9yZWYuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiU2Vjb25kYXJ5QnV0dG9uU3RhdGljRWxlbWVudCB9IGZyb20gJy4uLy4uL2J1dHRvbi5qcyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUsIHNsb3RTdGF0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBpMThuRmlsZVNlbGVjdG9yQnV0dG9uTGFiZWwsIGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IGZpbGVTZWxlY3RvckNvbW1vblN0eWxlLCBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG5pbXBvcnQgJy4uLy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLmpzJztcbmltcG9ydCAnLi4vLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24tc3RhdGljLmpzJztcbmltcG9ydCAnLi4vLi4vaWNvbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2ZpbGUtc2VsZWN0b3ItZHJvcHpvbmUuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBhbGxvd3MgdG8gc2VsZWN0IG9uZSBvciBtb3JlIGZpbGUgZnJvbSBzdG9yYWdlIGRldmljZXMgdmlhIGJ1dHRvbiBjbGljayBvciBkcmFnIGFuZCBkcm9wLCBhbmQgZGlzcGxheSB0aGVtLlxuICpcbiAqIEBzbG90IGVycm9yIC0gVXNlIHRoaXMgdG8gcHJvdmlkZSBhIGBzYmItZm9ybS1lcnJvcmAgdG8gc2hvdyBhbiBlcnJvciBtZXNzYWdlLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDxSZWFkb25seTxGaWxlPltdPn0gZmlsZUNoYW5nZWQgLSBBbiBldmVudCB3aGljaCBpcyBlbWl0dGVkIGVhY2ggdGltZSB0aGUgZmlsZSBsaXN0IGNoYW5nZXMuXG4gKiBAZXZlbnQgY2hhbmdlIC0gQW4gZXZlbnQgd2hpY2ggaXMgZW1pdHRlZCBlYWNoIHRpbWUgdGhlIHVzZXIgbW9kaWZpZXMgdGhlIHZhbHVlLiBVbmxpa2UgdGhlIGlucHV0IGV2ZW50LCB0aGUgY2hhbmdlIGV2ZW50IGlzIG5vdCBuZWNlc3NhcmlseSBmaXJlZCBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZVxuICogQGV2ZW50IGlucHV0IC0gQW4gZXZlbnQgd2hpY2ggaXMgZW1pdHRlZCBlYWNoIHRpbWUgdGhlIHZhbHVlIGNoYW5nZXMgYXMgYSBkaXJlY3QgcmVzdWx0IG9mIGEgdXNlciBhY3Rpb24uXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1maWxlLXNlbGVjdG9yLWRyb3B6b25lJylcbkBzbG90U3RhdGUoKVxuY2xhc3MgU2JiRmlsZVNlbGVjdG9yRHJvcHpvbmVFbGVtZW50IGV4dGVuZHMgU2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2ZpbGVTZWxlY3RvckNvbW1vblN0eWxlLCBzdHlsZV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGZpbGVDaGFuZ2VkRXZlbnQ6ICdmaWxlQ2hhbmdlZCcsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqIFRoZSB0aXRsZSBkaXNwbGF5ZWQgaW4gYGRyb3B6b25lYCB2YXJpYW50LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtY29udGVudCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIHRpdGxlQ29udGVudDogc3RyaW5nID0gJyc7XG5cbiAgLy8gU2FmYXJpIGhhcyBhIHBlY3VsaWFyIGJlaGF2aW9yIHdoZW4gZHJhZ2dpbmcgZmlsZXMgb24gdGhlIGlubmVyIGJ1dHRvbiBpbiAnZHJvcHpvbmUnIHZhcmlhbnQ7XG4gIC8vIHRoaXMgd2lsbCByZXF1aXJlIGEgY291bnRlciB0byBjb3JyZWN0bHkgaGFuZGxlIHRoZSBkcmFnRW50ZXIvZHJhZ0xlYXZlLlxuICBwcml2YXRlIF9jb3VudGVyOiBudW1iZXIgPSAwO1xuICBwcml2YXRlIF9kcmFnVGFyZ2V0PzogSFRNTEVsZW1lbnQ7XG5cbiAgcHJpdmF0ZSBfYmxvY2tFdmVudChldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uRHJhZ0VudGVyKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLl9jb3VudGVyKys7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkICYmICF0aGlzLmZvcm1EaXNhYmxlZCkge1xuICAgICAgdGhpcy5fc2V0RHJhZ1N0YXRlKGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudCwgdHJ1ZSk7XG4gICAgICB0aGlzLl9ibG9ja0V2ZW50KGV2ZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9vbkRyYWdMZWF2ZShldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5fY291bnRlci0tO1xuICAgIGlmIChcbiAgICAgICF0aGlzLmRpc2FibGVkICYmXG4gICAgICAhdGhpcy5mb3JtRGlzYWJsZWQgJiZcbiAgICAgIGV2ZW50LnRhcmdldCA9PT0gdGhpcy5fZHJhZ1RhcmdldCAmJlxuICAgICAgdGhpcy5fY291bnRlciA9PT0gMFxuICAgICkge1xuICAgICAgdGhpcy5fc2V0RHJhZ1N0YXRlKCk7XG4gICAgICB0aGlzLl9ibG9ja0V2ZW50KGV2ZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9vbkZpbGVEcm9wKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLl9jb3VudGVyID0gMDtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQgJiYgIXRoaXMuZm9ybURpc2FibGVkKSB7XG4gICAgICB0aGlzLl9zZXREcmFnU3RhdGUoKTtcbiAgICAgIHRoaXMuX2Jsb2NrRXZlbnQoZXZlbnQpO1xuICAgICAgdGhpcy5jcmVhdGVGaWxlTGlzdChldmVudC5kYXRhVHJhbnNmZXIhLmZpbGVzKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9zZXREcmFnU3RhdGUoXG4gICAgZHJhZ1RhcmdldDogSFRNTEVsZW1lbnQgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQsXG4gICAgaXNEcmFnRW50ZXI6IGJvb2xlYW4gPSBmYWxzZSxcbiAgKTogdm9pZCB7XG4gICAgdGhpcy5fZHJhZ1RhcmdldCA9IGRyYWdUYXJnZXQ7XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtYWN0aXZlJywgaXNEcmFnRW50ZXIpO1xuICAgIHRoaXMubG9hZEJ1dHRvbi50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtYWN0aXZlJywgaXNEcmFnRW50ZXIpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKGlucHV0OiBUZW1wbGF0ZVJlc3VsdCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9faW5wdXQtY29udGFpbmVyXCJcbiAgICAgICAgQGRyYWdlbnRlcj0ke3RoaXMuX29uRHJhZ0VudGVyfVxuICAgICAgICBAZHJhZ292ZXI9JHt0aGlzLl9ibG9ja0V2ZW50fVxuICAgICAgICBAZHJhZ2xlYXZlPSR7dGhpcy5fb25EcmFnTGVhdmV9XG4gICAgICAgIEBkcm9wPSR7dGhpcy5fb25GaWxlRHJvcH1cbiAgICAgID5cbiAgICAgICAgPGxhYmVsPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWFcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLWljb25cIj5cbiAgICAgICAgICAgICAgPHNiYi1pY29uXG4gICAgICAgICAgICAgICAgbmFtZT0ke3RoaXMuc2l6ZSA9PT0gJ20nID8gJ2ZvbGRlci1vcGVuLW1lZGl1bScgOiAnZm9sZGVyLW9wZW4tc21hbGwnfVxuICAgICAgICAgICAgICA+PC9zYmItaWNvbj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLXRpdGxlXCI+JHt0aGlzLnRpdGxlQ29udGVudH08L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1zdWJ0aXRsZVwiPlxuICAgICAgICAgICAgICAke2kxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsW3RoaXMubGFuZ3VhZ2UuY3VycmVudF19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1idXR0b25cIj5cbiAgICAgICAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpY1xuICAgICAgICAgICAgICAgIHNpemU9JHt0aGlzLnNpemV9XG4gICAgICAgICAgICAgICAgP2Rpc2FibGVkPSR7dGhpcy5kaXNhYmxlZCB8fCB0aGlzLmZvcm1EaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAke3JlZigoZWw/OiBFbGVtZW50KTogdm9pZCA9PiB7XG4gICAgICAgICAgICAgICAgICB0aGlzLmxvYWRCdXR0b24gPSBlbCBhcyBTYmJTZWNvbmRhcnlCdXR0b25TdGF0aWNFbGVtZW50O1xuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgJHtpMThuRmlsZVNlbGVjdG9yQnV0dG9uTGFiZWxbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgPC9zYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWM+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICR7aW5wdXR9XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZSc6IFNiYkZpbGVTZWxlY3RvckRyb3B6b25lRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBMkJNLGtDQUE4QixNQUFBOztBQUZuQyxNQUFBLG1CQUFBLENBQUEsY0FBYyw0QkFBNEIsR0FDMUMsV0FBVzs7OztvQkFDaUMsa0NBQWtDLFVBQVU7Ozs7QUFBcEQsRUFBQSxtQkFBUSxZQUE2QztBQUFBOztB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

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

@@ -1,88 +1,2 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-import { FormRestoreReason, FormRestoreState } from '../core/mixins.js';
-export type DOMEvent = globalThis.Event;
-declare const SbbFileSelectorElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedMixinType<string>> & typeof LitElement;
-/**
- * It allows to select one or more file from storage devices and display them.
- *
- * @slot error - Use this to provide a `sbb-form-error` to show an error message.
- * @event {CustomEvent<File[]>} fileChanged - An event which is emitted each time the file list changes.
- * @event change - An event which is emitted each time the user modifies the value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value
- * @event input - An event which is emitted each time the value changes as a direct result of a user action.
- * @overrideType value - string | null
- */
-export declare class SbbFileSelectorElement extends SbbFileSelectorElement_base {
-    static styles: CSSResultGroup;
-    static readonly events: {
-        readonly fileChangedEvent: "fileChanged";
-    };
-    /** Whether the component has a dropzone area or not. */
-    accessor variant: 'default' | 'dropzone';
-    /** Size variant, either s or m. */
-    accessor size: 's' | 'm';
-    /** Whether more than one file can be selected. */
-    accessor multiple: boolean;
-    /** Whether the newly added files should override the previously added ones. */
-    accessor multipleMode: 'default' | 'persistent';
-    /** A comma-separated list of allowed unique file type specifiers. */
-    accessor accept: string;
-    /** The title displayed in `dropzone` variant. */
-    accessor titleContent: string;
-    /** This will be forwarded as aria-label to the native input element. */
-    accessor accessibilityLabel: string;
-    /** The path of the first selected file. Empty string ('') if no file is selected */
-    set value(value: string | null);
-    get value(): string | null;
-    /**
-     * The list of selected files.
-     */
-    set files(value: File[]);
-    get files(): File[];
-    private _files;
-    /**
-     * Form type of element.
-     * @default 'file'
-     */
-    get type(): string;
-    /** An event which is emitted each time the file list changes. */
-    private _fileChangedEvent;
-    private _counter;
-    private _loadButton;
-    private _dragTarget?;
-    private _hiddenInput;
-    private _suffixes;
-    private _liveRegion;
-    private _language;
-    /**
-     * @deprecated use the 'files' property instead
-     */
-    getFiles(): File[];
-    formResetCallback(): void;
-    formStateRestoreCallback(state: FormRestoreState | null, _reason?: FormRestoreReason): void;
-    protected updateFormValue(): void;
-    private _blockEvent;
-    private _checkFileEquality;
-    private _onDragEnter;
-    private _onDragLeave;
-    private _onFileDrop;
-    private _onFocus;
-    private _onBlur;
-    private _setDragState;
-    private _readFiles;
-    private _createFileList;
-    private _removeFile;
-    /** Calculates the correct unit for the file's size. */
-    private _formatFileSize;
-    private _updateA11yLiveRegion;
-    private _renderDefaultMode;
-    private _renderDropzoneArea;
-    private _renderFileList;
-    protected render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-file-selector': SbbFileSelectorElement;
-    }
-}
-export {};
+export * from './file-selector/file-selector.js';
 //# sourceMappingURL=file-selector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAgBpF,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC;;AAExC;;;;;;;;GAQG;AACH,qBAGM,sBAAuB,SAAQ,2BAAoD;IACvF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,wDAAwD;IACxD,SAA4B,OAAO,EAAE,SAAS,GAAG,UAAU,CAAa;IAExE,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE,kDAAkD;IAClD,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,+EAA+E;IAC/E,SACgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAa;IAEnE,qEAAqE;IACrE,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,oFAAoF;IACpF,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzC;IAED;;OAEG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,EAS7B;IACD,IAAW,KAAK,IAAI,IAAI,EAAE,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B;;;OAGG;IACH,IAAoB,IAAI,IAAI,MAAM,CAEjC;IAED,iEAAiE;IACjE,OAAO,CAAC,iBAAiB,CAGvB;IAIF,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,CAAC,WAAW,CAAmC;IACtD,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,SAAS,CAA2C;IAC5D,OAAO,CAAC,WAAW,CAAwB;IAE3C,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,QAAQ,IAAI,IAAI,EAAE;IAIT,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,IAAI;cAOY,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,WAAW;IAUnB,uDAAuD;IACvD,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,eAAe;cA4BJ,MAAM,IAAI,cAAc;CA2C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}

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

@@ -0,0 +1,52 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+import { ref } from "lit/directives/ref.js";
+import { html } from "lit/static-html.js";
+import { slotState } from "../core/decorators.js";
+import { i18nFileSelectorButtonLabel } from "../core/i18n.js";
+import { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle } from "./common.js";
+import "../button/secondary-button.js";
+import "../button/secondary-button-static.js";
+import "../icon.js";
+let SbbFileSelectorElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-file-selector"), slotState()];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbFileSelectorCommonElementMixin(LitElement);
+  _a = class extends _classSuper {
+    renderTemplate(input) {
+      return html`
+      <div class="sbb-file-selector__input-container">
+        <label>
+          <sbb-secondary-button-static
+            size=${this.size}
+            icon-name="folder-open-small"
+            ?disabled=${this.disabled || this.formDisabled}
+            ${ref((el) => {
+        this.loadButton = el;
+      })}
+          >
+            ${i18nFileSelectorButtonLabel[this.language.current]}
+          </sbb-secondary-button-static>
+          ${input}
+        </label>
+      </div>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = fileSelectorCommonStyle, _a.events = {
+    fileChangedEvent: "fileChanged"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFileSelectorElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci9maWxlLXNlbGVjdG9yLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJTZWNvbmRhcnlCdXR0b25TdGF0aWNFbGVtZW50IH0gZnJvbSAnLi4vLi4vYnV0dG9uLmpzJztcbmltcG9ydCB7IHNsb3RTdGF0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBpMThuRmlsZVNlbGVjdG9yQnV0dG9uTGFiZWwgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGUsIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbmltcG9ydCAnLi4vLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24uanMnO1xuaW1wb3J0ICcuLi8uLi9idXR0b24vc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWMuanMnO1xuaW1wb3J0ICcuLi8uLi9pY29uLmpzJztcblxuLyoqXG4gKiBJdCBhbGxvd3MgdG8gc2VsZWN0IG9uZSBvciBtb3JlIGZpbGUgZnJvbSBzdG9yYWdlIGRldmljZXMgYW5kIGRpc3BsYXkgdGhlbS5cbiAqXG4gKiBAc2xvdCBlcnJvciAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBgc2JiLWZvcm0tZXJyb3JgIHRvIHNob3cgYW4gZXJyb3IgbWVzc2FnZS5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8UmVhZG9ubHk8RmlsZT5bXT59IGZpbGVDaGFuZ2VkIC0gQW4gZXZlbnQgd2hpY2ggaXMgZW1pdHRlZCBlYWNoIHRpbWUgdGhlIGZpbGUgbGlzdCBjaGFuZ2VzLlxuICogQGV2ZW50IGNoYW5nZSAtIEFuIGV2ZW50IHdoaWNoIGlzIGVtaXR0ZWQgZWFjaCB0aW1lIHRoZSB1c2VyIG1vZGlmaWVzIHRoZSB2YWx1ZS4gVW5saWtlIHRoZSBpbnB1dCBldmVudCwgdGhlIGNoYW5nZSBldmVudCBpcyBub3QgbmVjZXNzYXJpbHkgZmlyZWQgZm9yIGVhY2ggYWx0ZXJhdGlvbiB0byBhbiBlbGVtZW50J3MgdmFsdWVcbiAqIEBldmVudCBpbnB1dCAtIEFuIGV2ZW50IHdoaWNoIGlzIGVtaXR0ZWQgZWFjaCB0aW1lIHRoZSB2YWx1ZSBjaGFuZ2VzIGFzIGEgZGlyZWN0IHJlc3VsdCBvZiBhIHVzZXIgYWN0aW9uLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZmlsZS1zZWxlY3RvcicpXG5Ac2xvdFN0YXRlKClcbmNsYXNzIFNiYkZpbGVTZWxlY3RvckVsZW1lbnQgZXh0ZW5kcyBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBmaWxlU2VsZWN0b3JDb21tb25TdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgZmlsZUNoYW5nZWRFdmVudDogJ2ZpbGVDaGFuZ2VkJyxcbiAgfSBhcyBjb25zdDtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoaW5wdXQ6IFRlbXBsYXRlUmVzdWx0KTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19pbnB1dC1jb250YWluZXJcIj5cbiAgICAgICAgPGxhYmVsPlxuICAgICAgICAgIDxzYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWNcbiAgICAgICAgICAgIHNpemU9JHt0aGlzLnNpemV9XG4gICAgICAgICAgICBpY29uLW5hbWU9XCJmb2xkZXItb3Blbi1zbWFsbFwiXG4gICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuZm9ybURpc2FibGVkfVxuICAgICAgICAgICAgJHtyZWYoKGVsPzogRWxlbWVudCk6IHZvaWQgPT4ge1xuICAgICAgICAgICAgICB0aGlzLmxvYWRCdXR0b24gPSBlbCBhcyBTYmJTZWNvbmRhcnlCdXR0b25TdGF0aWNFbGVtZW50O1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgJHtpMThuRmlsZVNlbGVjdG9yQnV0dG9uTGFiZWxbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICA8L3NiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpYz5cbiAgICAgICAgICAke2lucHV0fVxuICAgICAgICA8L2xhYmVsPlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZpbGUtc2VsZWN0b3InOiBTYmJGaWxlU2VsZWN0b3JFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7SUF5Qk0sMEJBQXNCLE1BQUE7O0FBRjNCLE1BQUEsbUJBQUEsQ0FBQSxjQUFjLG1CQUFtQixHQUNqQyxXQUFXOzs7O29CQUN5QixrQ0FBa0MsVUFBVTtBQUFwRCxFQUFBLG1CQUFRLFlBQTZDO0FBQUEsSUFNN0QsZUFBZSxPQUFxQjtBQUM5QyxhQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsbUJBSVEsS0FBSyxJQUFJO0FBQUE7QUFBQSx3QkFFSixLQUFLLFlBQVksS0FBSyxZQUFZO0FBQUEsY0FDNUMsSUFBSSxDQUFDLE9BQXNCO0FBQzNCLGFBQUssYUFBYTtBQUFBLE1BQUEsQ0FDbkIsQ0FBQztBQUFBO0FBQUEsY0FFQSw0QkFBNEIsS0FBSyxTQUFTLE9BQU8sQ0FBQztBQUFBO0FBQUEsWUFFcEQsS0FBSztBQUFBO0FBQUE7QUFBQTtBQUFBLElBQUE7QUFBQTs7QUFwQmpCLGlCQXlCQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBeEJ3QixHQUFNLFNBQW1CLHlCQUN6QixHQUFBLFNBQVM7QUFBQSxJQUM5QixrQkFBa0I7QUFBQSxFQUNWLEdBSk4sa0JBQXNCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

package/development/file-selector.d.ts

@@ -1,2 +1,4 @@
+export * from './file-selector/common.js';
+export * from './file-selector/file-selector-dropzone.js';
 export * from './file-selector/file-selector.js';
 //# 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,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC"}