@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/file-selector.js

@@ -0,0 +1,428 @@
+import { css, LitElement, nothing } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { ref } from "lit/directives/ref.js";
+import { html, unsafeStatic } from "lit/static-html.js";
+import { sbbInputModalityDetector } from "./core/a11y.js";
+import { SbbLanguageController, SbbSlotStateController } from "./core/controllers.js";
+import { EventEmitter } from "./core/eventing.js";
+import { i18nFileSelectorCurrentlySelected, i18nFileSelectorButtonLabel, i18nFileSelectorSubtitleLabel, i18nFileSelectorDeleteFile } from "./core/i18n.js";
+import { SbbDisabledMixin } from "./core/mixins.js";
+import "./button/secondary-button.js";
+import "./button/secondary-button-static.js";
+import "./icon.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-file-selector-color: var(--sbb-color-black);
+  --sbb-file-selector-subtitle-color: var(--sbb-color-granite);
+  --sbb-file-selector-background-color: var(--sbb-color-white);
+  --sbb-file-selector-border-color: var(--sbb-color-cloud);
+  --sbb-file-selector-transition-duration: var(
+    --sbb-disable-animation-zero-time,
+    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([data-active]) {
+  --sbb-file-selector-background-color: var(--sbb-color-milk);
+  --sbb-file-selector-border-color: var(--sbb-color-storm);
+}
+@media (forced-colors: active) {
+  :host([data-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: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.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;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  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);
+}
+
+.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-font-size-text-s);
+  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);
+  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);
+}
+
+:host(:not([data-slot-names~=error])) .sbb-file-selector__error {
+  display: none;
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SbbFileSelectorElement = class extends SbbDisabledMixin(LitElement) {
+  constructor() {
+    super();
+    this.variant = "default";
+    this.size = "m";
+    this.multiple = false;
+    this.multipleMode = "default";
+    this._fileChangedEvent = new EventEmitter(
+      this,
+      SbbFileSelectorElement.events.fileChangedEvent
+    );
+    this._counter = 0;
+    this._suffixes = ["B", "kB", "MB", "GB", "TB"];
+    this._language = new SbbLanguageController(this);
+    new SbbSlotStateController(this);
+  }
+  /**
+   * Gets the currently selected files.
+   */
+  get files() {
+    return this._files || [];
+  }
+  /**
+   * @deprecated use 'files' property instead
+   */
+  getFiles() {
+    return this._files || [];
+  }
+  _blockEvent(event) {
+    event.stopPropagation();
+    event.preventDefault();
+  }
+  _checkFileEquality(file1, file2) {
+    return file1.name === file2.name && file1.size === file2.size && file1.lastModified === file2.lastModified;
+  }
+  _onDragEnter(event) {
+    this._counter++;
+    if (!this.disabled) {
+      this._setDragState(event.target, true);
+      this._blockEvent(event);
+    }
+  }
+  _onDragLeave(event) {
+    this._counter--;
+    if (!this.disabled && event.target === this._dragTarget && this._counter === 0) {
+      this._setDragState();
+      this._blockEvent(event);
+    }
+  }
+  _onFileDrop(event) {
+    this._counter = 0;
+    if (!this.disabled) {
+      this._setDragState();
+      this._blockEvent(event);
+      this._createFileList(event.dataTransfer.files);
+    }
+  }
+  _onFocus() {
+    if (sbbInputModalityDetector.mostRecentModality === "keyboard") {
+      this._loadButton.toggleAttribute("data-focus-visible", true);
+    }
+  }
+  _onBlur() {
+    if (sbbInputModalityDetector.mostRecentModality === "keyboard") {
+      this._loadButton.removeAttribute("data-focus-visible");
+    }
+  }
+  _setDragState(dragTarget = void 0, isDragEnter = false) {
+    this._dragTarget = dragTarget;
+    this.toggleAttribute("data-active", isDragEnter);
+    this._loadButton.toggleAttribute("data-active", isDragEnter);
+  }
+  _readFiles(event) {
+    const fileInput = event.target;
+    if (fileInput.files) {
+      this._createFileList(fileInput.files);
+    }
+  }
+  _createFileList(files) {
+    if (!this.multiple || this.multipleMode !== "persistent" || !this._files || this._files.length === 0) {
+      this._files = Array.from(files);
+    } else {
+      this._files = Array.from(files).filter(
+        (newFile) => this._files.findIndex((oldFile) => this._checkFileEquality(newFile, oldFile)) === -1
+      ).concat(this._files);
+    }
+    this._liveRegion.innerText = i18nFileSelectorCurrentlySelected(this._files.map((e) => e.name))[this._language.current];
+    this._fileChangedEvent.emit(this._files);
+  }
+  _removeFile(file) {
+    this._files = this._files.filter((f) => !this._checkFileEquality(file, f));
+    const dt = new DataTransfer();
+    this._files.forEach((e) => dt.items.add(e));
+    this._hiddenInput.files = dt.files;
+    this._liveRegion.innerText = i18nFileSelectorCurrentlySelected(this._files.map((e) => e.name))[this._language.current];
+    this._fileChangedEvent.emit(this._files);
+  }
+  /** Calculates the correct unit for the file's size. */
+  _formatFileSize(size) {
+    const i = Math.floor(Math.log(size) / Math.log(1024));
+    return `${(size / Math.pow(1024, i)).toFixed(0)} ${this._suffixes[i]}`;
+  }
+  _renderDefaultMode() {
+    return html`
+      <sbb-secondary-button-static
+        size=${this.size}
+        icon-name="folder-open-small"
+        ?disabled=${this.disabled}
+        ${ref((el) => {
+      this._loadButton = el;
+    })}
+      >
+        ${i18nFileSelectorButtonLabel[this._language.current]}
+      </sbb-secondary-button-static>
+    `;
+  }
+  _renderDropzoneArea() {
+    return html`
+      <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}
+            ${ref((el) => {
+      this._loadButton = el;
+    })}
+          >
+            ${i18nFileSelectorButtonLabel[this._language.current]}
+          </sbb-secondary-button-static>
+        </span>
+      </span>
+    `;
+  }
+  _renderFileList() {
+    const TAG_NAME = this._files.length > 1 ? { WRAPPER: "ul", ELEMENT: "li" } : { WRAPPER: "div", ELEMENT: "span" };
+    return html`
+      <${unsafeStatic(TAG_NAME.WRAPPER)} class="sbb-file-selector__file-list">
+        ${this._files.map(
+      (file) => html`
+          <${unsafeStatic(TAG_NAME.ELEMENT)} class="sbb-file-selector__file">
+            <span class="sbb-file-selector__file-details">
+              <span class="sbb-file-selector__file-name">${file.name}</span>
+              <span class="sbb-file-selector__file-size">${this._formatFileSize(file.size)}</span>
+            </span>
+            <sbb-secondary-button
+              size=${this.size}
+              icon-name="trash-small"
+              @click=${() => this._removeFile(file)}
+              aria-label=${`${i18nFileSelectorDeleteFile[this._language.current]} - ${file.name}`}
+            ></sbb-secondary-button>
+          </${unsafeStatic(TAG_NAME.ELEMENT)}>`
+    )}
+      </${unsafeStatic(TAG_NAME.WRAPPER)}>
+    `;
+  }
+  render() {
+    const ariaLabel = this.accessibilityLabel ? `${i18nFileSelectorButtonLabel[this._language.current]} - ${this.accessibilityLabel}` : void 0;
+    return html`
+      <div class="sbb-file-selector">
+        <div
+          class="sbb-file-selector__input-container"
+          @dragenter=${this._onDragEnter}
+          @dragover=${this._blockEvent}
+          @dragleave=${this._onDragLeave}
+          @drop=${this._onFileDrop}
+        >
+          <label>
+            ${this.variant === "default" ? this._renderDefaultMode() : this._renderDropzoneArea()}
+            <input
+              class="sbb-file-selector__visually-hidden"
+              type="file"
+              ?disabled=${this.disabled}
+              ?multiple=${this.multiple}
+              accept=${this.accept || nothing}
+              aria-label=${ariaLabel || nothing}
+              @change=${this._readFiles}
+              @focus=${this._onFocus}
+              @blur=${this._onBlur}
+              ${ref((el) => {
+      this._hiddenInput = el;
+    })}
+            />
+          </label>
+        </div>
+        <p
+          role="status"
+          class="sbb-file-selector__visually-hidden"
+          ${ref((p) => this._liveRegion = p)}
+        ></p>
+        ${this._files && this._files.length > 0 ? this._renderFileList() : nothing}
+        <div class="sbb-file-selector__error">
+          <slot name="error"></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+SbbFileSelectorElement.styles = style;
+SbbFileSelectorElement.events = {
+  fileChangedEvent: "fileChanged"
+};
+__decorateClass([
+  property()
+], SbbFileSelectorElement.prototype, "variant", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbFileSelectorElement.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean })
+], SbbFileSelectorElement.prototype, "multiple", 2);
+__decorateClass([
+  property({ attribute: "multiple-mode" })
+], SbbFileSelectorElement.prototype, "multipleMode", 2);
+__decorateClass([
+  property()
+], SbbFileSelectorElement.prototype, "accept", 2);
+__decorateClass([
+  property({ attribute: "title-content" })
+], SbbFileSelectorElement.prototype, "titleContent", 2);
+__decorateClass([
+  property({ attribute: "accessibility-label" })
+], SbbFileSelectorElement.prototype, "accessibilityLabel", 2);
+__decorateClass([
+  state()
+], SbbFileSelectorElement.prototype, "_files", 2);
+SbbFileSelectorElement = __decorateClass([
+  customElement("sbb-file-selector")
+], SbbFileSelectorElement);
+export {
+  SbbFileSelectorElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi9idXR0b24uanMnO1xuaW1wb3J0IHsgc2JiSW5wdXRNb2RhbGl0eURldGVjdG9yIH0gZnJvbSAnLi4vY29yZS9hMTF5LmpzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciwgU2JiU2xvdFN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnLi4vY29yZS9ldmVudGluZy5qcyc7XG5pbXBvcnQge1xuICBpMThuRmlsZVNlbGVjdG9yQnV0dG9uTGFiZWwsXG4gIGkxOG5GaWxlU2VsZWN0b3JDdXJyZW50bHlTZWxlY3RlZCxcbiAgaTE4bkZpbGVTZWxlY3RvckRlbGV0ZUZpbGUsXG4gIGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsLFxufSBmcm9tICcuLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiRGlzYWJsZWRNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmlsZS1zZWxlY3Rvci5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLmpzJztcbmltcG9ydCAnLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24tc3RhdGljLmpzJztcbmltcG9ydCAnLi4vaWNvbi5qcyc7XG5cbmV4cG9ydCB0eXBlIERPTUV2ZW50ID0gZ2xvYmFsVGhpcy5FdmVudDtcblxuLyoqXG4gKiBJdCBhbGxvd3MgdG8gc2VsZWN0IG9uZSBvciBtb3JlIGZpbGUgZnJvbSBzdG9yYWdlIGRldmljZXMgYW5kIGRpc3BsYXkgdGhlbS5cbiAqXG4gKiBAc2xvdCBlcnJvciAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBgc2JiLWZvcm0tZXJyb3JgIHRvIHNob3cgYW4gZXJyb3IgbWVzc2FnZS5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8RmlsZVtdPn0gZmlsZUNoYW5nZWQgLSBBbiBldmVudCB3aGljaCBpcyBlbWl0dGVkIGVhY2ggdGltZSB0aGUgZmlsZSBsaXN0IGNoYW5nZXMuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItZmlsZS1zZWxlY3RvcicpXG5leHBvcnQgY2xhc3MgU2JiRmlsZVNlbGVjdG9yRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgZmlsZUNoYW5nZWRFdmVudDogJ2ZpbGVDaGFuZ2VkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKiogV2hldGhlciB0aGUgY29tcG9uZW50IGhhcyBhIGRyb3B6b25lIGFyZWEgb3Igbm90LiAqL1xuICBAcHJvcGVydHkoKSBwdWJsaWMgdmFyaWFudDogJ2RlZmF1bHQnIHwgJ2Ryb3B6b25lJyA9ICdkZWZhdWx0JztcblxuICAvKiogU2l6ZSB2YXJpYW50LCBlaXRoZXIgcyBvciBtLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBzaXplOiAncycgfCAnbScgPSAnbSc7XG5cbiAgLyoqIFdoZXRoZXIgbW9yZSB0aGFuIG9uZSBmaWxlIGNhbiBiZSBzZWxlY3RlZC4gKi9cbiAgQHByb3BlcnR5KHsgdHlwZTogQm9vbGVhbiB9KSBwdWJsaWMgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogV2hldGhlciB0aGUgbmV3bHkgYWRkZWQgZmlsZXMgc2hvdWxkIG92ZXJyaWRlIHRoZSBwcmV2aW91c2x5IGFkZGVkIG9uZXMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ211bHRpcGxlLW1vZGUnIH0pXG4gIHB1YmxpYyBtdWx0aXBsZU1vZGU6ICdkZWZhdWx0JyB8ICdwZXJzaXN0ZW50JyA9ICdkZWZhdWx0JztcblxuICAvKiogQSBjb21tYS1zZXBhcmF0ZWQgbGlzdCBvZiBhbGxvd2VkIHVuaXF1ZSBmaWxlIHR5cGUgc3BlY2lmaWVycy4gKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2VwdD86IHN0cmluZztcblxuICAvKiogVGhlIHRpdGxlIGRpc3BsYXllZCBpbiBgZHJvcHpvbmVgIHZhcmlhbnQuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3RpdGxlLWNvbnRlbnQnIH0pIHB1YmxpYyB0aXRsZUNvbnRlbnQ/OiBzdHJpbmc7XG5cbiAgLyoqIFRoaXMgd2lsbCBiZSBmb3J3YXJkZWQgYXMgYXJpYS1sYWJlbCB0byB0aGUgbmF0aXZlIGlucHV0IGVsZW1lbnQuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktbGFiZWwnIH0pIHB1YmxpYyBhY2Nlc3NpYmlsaXR5TGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKiogVGhlIGxpc3Qgb2Ygc2VsZWN0ZWQgZmlsZXMuICovXG4gIEBzdGF0ZSgpIHByaXZhdGUgX2ZpbGVzPzogRmlsZVtdO1xuXG4gIC8qKiBBbiBldmVudCB3aGljaCBpcyBlbWl0dGVkIGVhY2ggdGltZSB0aGUgZmlsZSBsaXN0IGNoYW5nZXMuICovXG4gIHByaXZhdGUgX2ZpbGVDaGFuZ2VkRXZlbnQ6IEV2ZW50RW1pdHRlcjxGaWxlW10+ID0gbmV3IEV2ZW50RW1pdHRlcihcbiAgICB0aGlzLFxuICAgIFNiYkZpbGVTZWxlY3RvckVsZW1lbnQuZXZlbnRzLmZpbGVDaGFuZ2VkRXZlbnQsXG4gICk7XG5cbiAgLyoqXG4gICAqIEdldHMgdGhlIGN1cnJlbnRseSBzZWxlY3RlZCBmaWxlcy5cbiAgICovXG4gIHB1YmxpYyBnZXQgZmlsZXMoKTogRmlsZVtdIHtcbiAgICByZXR1cm4gdGhpcy5fZmlsZXMgfHwgW107XG4gIH1cblxuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgdXNlICdmaWxlcycgcHJvcGVydHkgaW5zdGVhZFxuICAgKi9cbiAgcHVibGljIGdldEZpbGVzKCk6IEZpbGVbXSB7XG4gICAgcmV0dXJuIHRoaXMuX2ZpbGVzIHx8IFtdO1xuICB9XG5cbiAgLy8gU2FmYXJpIGhhcyBhIHBlY3VsaWFyIGJlaGF2aW9yIHdoZW4gZHJhZ2dpbmcgZmlsZXMgb24gdGhlIGlubmVyIGJ1dHRvbiBpbiAnZHJvcHpvbmUnIHZhcmlhbnQ7XG4gIC8vIHRoaXMgd2lsbCByZXF1aXJlIGEgY291bnRlciB0byBjb3JyZWN0bHkgaGFuZGxlIHRoZSBkcmFnRW50ZXIvZHJhZ0xlYXZlLlxuICBwcml2YXRlIF9jb3VudGVyOiBudW1iZXIgPSAwO1xuXG4gIHByaXZhdGUgX2xvYWRCdXR0b24hOiBTYmJTZWNvbmRhcnlCdXR0b25TdGF0aWNFbGVtZW50O1xuICBwcml2YXRlIF9kcmFnVGFyZ2V0PzogSFRNTEVsZW1lbnQ7XG4gIHByaXZhdGUgX2hpZGRlbklucHV0ITogSFRNTElucHV0RWxlbWVudDtcbiAgcHJpdmF0ZSBfc3VmZml4ZXM6IHN0cmluZ1tdID0gWydCJywgJ2tCJywgJ01CJywgJ0dCJywgJ1RCJ107XG4gIHByaXZhdGUgX2xpdmVSZWdpb24hOiBIVE1MUGFyYWdyYXBoRWxlbWVudDtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgbmV3IFNiYlNsb3RTdGF0ZUNvbnRyb2xsZXIodGhpcyk7XG4gIH1cblxuICBwcml2YXRlIF9ibG9ja0V2ZW50KGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfY2hlY2tGaWxlRXF1YWxpdHkoZmlsZTE6IEZpbGUsIGZpbGUyOiBGaWxlKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIChcbiAgICAgIGZpbGUxLm5hbWUgPT09IGZpbGUyLm5hbWUgJiZcbiAgICAgIGZpbGUxLnNpemUgPT09IGZpbGUyLnNpemUgJiZcbiAgICAgIGZpbGUxLmxhc3RNb2RpZmllZCA9PT0gZmlsZTIubGFzdE1vZGlmaWVkXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uRHJhZ0VudGVyKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLl9jb3VudGVyKys7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLl9zZXREcmFnU3RhdGUoZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50LCB0cnVlKTtcbiAgICAgIHRoaXMuX2Jsb2NrRXZlbnQoZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX29uRHJhZ0xlYXZlKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLl9jb3VudGVyLS07XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkICYmIGV2ZW50LnRhcmdldCA9PT0gdGhpcy5fZHJhZ1RhcmdldCAmJiB0aGlzLl9jb3VudGVyID09PSAwKSB7XG4gICAgICB0aGlzLl9zZXREcmFnU3RhdGUoKTtcbiAgICAgIHRoaXMuX2Jsb2NrRXZlbnQoZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX29uRmlsZURyb3AoZXZlbnQ6IERyYWdFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuX2NvdW50ZXIgPSAwO1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5fc2V0RHJhZ1N0YXRlKCk7XG4gICAgICB0aGlzLl9ibG9ja0V2ZW50KGV2ZW50KTtcbiAgICAgIHRoaXMuX2NyZWF0ZUZpbGVMaXN0KGV2ZW50LmRhdGFUcmFuc2ZlciEuZmlsZXMpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX29uRm9jdXMoKTogdm9pZCB7XG4gICAgaWYgKHNiYklucHV0TW9kYWxpdHlEZXRlY3Rvci5tb3N0UmVjZW50TW9kYWxpdHkgPT09ICdrZXlib2FyZCcpIHtcbiAgICAgIHRoaXMuX2xvYWRCdXR0b24udG9nZ2xlQXR0cmlidXRlKCdkYXRhLWZvY3VzLXZpc2libGUnLCB0cnVlKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9vbkJsdXIoKTogdm9pZCB7XG4gICAgaWYgKHNiYklucHV0TW9kYWxpdHlEZXRlY3Rvci5tb3N0UmVjZW50TW9kYWxpdHkgPT09ICdrZXlib2FyZCcpIHtcbiAgICAgIHRoaXMuX2xvYWRCdXR0b24ucmVtb3ZlQXR0cmlidXRlKCdkYXRhLWZvY3VzLXZpc2libGUnKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9zZXREcmFnU3RhdGUoXG4gICAgZHJhZ1RhcmdldDogSFRNTEVsZW1lbnQgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQsXG4gICAgaXNEcmFnRW50ZXI6IGJvb2xlYW4gPSBmYWxzZSxcbiAgKTogdm9pZCB7XG4gICAgdGhpcy5fZHJhZ1RhcmdldCA9IGRyYWdUYXJnZXQ7XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtYWN0aXZlJywgaXNEcmFnRW50ZXIpO1xuICAgIHRoaXMuX2xvYWRCdXR0b24udG9nZ2xlQXR0cmlidXRlKCdkYXRhLWFjdGl2ZScsIGlzRHJhZ0VudGVyKTtcbiAgfVxuXG4gIHByaXZhdGUgX3JlYWRGaWxlcyhldmVudDogRE9NRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBmaWxlSW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICBpZiAoZmlsZUlucHV0LmZpbGVzKSB7XG4gICAgICB0aGlzLl9jcmVhdGVGaWxlTGlzdChmaWxlSW5wdXQuZmlsZXMpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2NyZWF0ZUZpbGVMaXN0KGZpbGVzOiBGaWxlTGlzdCk6IHZvaWQge1xuICAgIGlmIChcbiAgICAgICF0aGlzLm11bHRpcGxlIHx8XG4gICAgICB0aGlzLm11bHRpcGxlTW9kZSAhPT0gJ3BlcnNpc3RlbnQnIHx8XG4gICAgICAhdGhpcy5fZmlsZXMgfHxcbiAgICAgIHRoaXMuX2ZpbGVzLmxlbmd0aCA9PT0gMFxuICAgICkge1xuICAgICAgdGhpcy5fZmlsZXMgPSBBcnJheS5mcm9tKGZpbGVzKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fZmlsZXMgPSBBcnJheS5mcm9tKGZpbGVzKVxuICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgIChuZXdGaWxlOiBGaWxlKTogYm9vbGVhbiA9PlxuICAgICAgICAgICAgdGhpcy5fZmlsZXMhLmZpbmRJbmRleCgob2xkRmlsZTogRmlsZSkgPT4gdGhpcy5fY2hlY2tGaWxlRXF1YWxpdHkobmV3RmlsZSwgb2xkRmlsZSkpID09PVxuICAgICAgICAgICAgLTEsXG4gICAgICAgIClcbiAgICAgICAgLmNvbmNhdCh0aGlzLl9maWxlcyk7XG4gICAgfVxuICAgIHRoaXMuX2xpdmVSZWdpb24uaW5uZXJUZXh0ID0gaTE4bkZpbGVTZWxlY3RvckN1cnJlbnRseVNlbGVjdGVkKHRoaXMuX2ZpbGVzLm1hcCgoZSkgPT4gZS5uYW1lKSlbXG4gICAgICB0aGlzLl9sYW5ndWFnZS5jdXJyZW50XG4gICAgXTtcbiAgICB0aGlzLl9maWxlQ2hhbmdlZEV2ZW50LmVtaXQodGhpcy5fZmlsZXMpO1xuICB9XG5cbiAgcHJpdmF0ZSBfcmVtb3ZlRmlsZShmaWxlOiBGaWxlKTogdm9pZCB7XG4gICAgdGhpcy5fZmlsZXMgPSB0aGlzLl9maWxlcyEuZmlsdGVyKChmOiBGaWxlKSA9PiAhdGhpcy5fY2hlY2tGaWxlRXF1YWxpdHkoZmlsZSwgZikpO1xuICAgIC8vIFRoZSBpdGVtIG11c3QgYmUgcmVtb3ZlZCBmcm9tIHRoZSBoaWRkZW4gZmlsZSBpbnB1dCB0b287IHRoZSBGaWxlTGlzdCBBUEkgaXMgZmxhd2VkLCBzbyB0aGUgRGF0YVRyYW5zZmVyIG9iamVjdCBpcyB1c2VkLlxuICAgIGNvbnN0IGR0OiBEYXRhVHJhbnNmZXIgPSBuZXcgRGF0YVRyYW5zZmVyKCk7XG4gICAgdGhpcy5fZmlsZXMuZm9yRWFjaCgoZTogRmlsZSkgPT4gZHQuaXRlbXMuYWRkKGUpKTtcbiAgICB0aGlzLl9oaWRkZW5JbnB1dC5maWxlcyA9IGR0LmZpbGVzO1xuICAgIHRoaXMuX2xpdmVSZWdpb24uaW5uZXJUZXh0ID0gaTE4bkZpbGVTZWxlY3RvckN1cnJlbnRseVNlbGVjdGVkKHRoaXMuX2ZpbGVzLm1hcCgoZSkgPT4gZS5uYW1lKSlbXG4gICAgICB0aGlzLl9sYW5ndWFnZS5jdXJyZW50XG4gICAgXTtcbiAgICB0aGlzLl9maWxlQ2hhbmdlZEV2ZW50LmVtaXQodGhpcy5fZmlsZXMpO1xuICB9XG5cbiAgLyoqIENhbGN1bGF0ZXMgdGhlIGNvcnJlY3QgdW5pdCBmb3IgdGhlIGZpbGUncyBzaXplLiAqL1xuICBwcml2YXRlIF9mb3JtYXRGaWxlU2l6ZShzaXplOiBudW1iZXIpOiBzdHJpbmcge1xuICAgIGNvbnN0IGk6IG51bWJlciA9IE1hdGguZmxvb3IoTWF0aC5sb2coc2l6ZSkgLyBNYXRoLmxvZygxMDI0KSk7XG4gICAgcmV0dXJuIGAkeyhzaXplIC8gTWF0aC5wb3coMTAyNCwgaSkpLnRvRml4ZWQoMCl9ICR7dGhpcy5fc3VmZml4ZXNbaV19YDtcbiAgfVxuXG4gIHByaXZhdGUgX3JlbmRlckRlZmF1bHRNb2RlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWNcbiAgICAgICAgc2l6ZT0ke3RoaXMuc2l6ZX1cbiAgICAgICAgaWNvbi1uYW1lPVwiZm9sZGVyLW9wZW4tc21hbGxcIlxuICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkfVxuICAgICAgICAke3JlZigoZWw/OiBFbGVtZW50KTogdm9pZCA9PiB7XG4gICAgICAgICAgdGhpcy5fbG9hZEJ1dHRvbiA9IGVsIGFzIFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQ7XG4gICAgICAgIH0pfVxuICAgICAgPlxuICAgICAgICAke2kxOG5GaWxlU2VsZWN0b3JCdXR0b25MYWJlbFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgIDwvc2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljPlxuICAgIGA7XG4gIH1cblxuICBwcml2YXRlIF9yZW5kZXJEcm9wem9uZUFyZWEoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYVwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1pY29uXCI+XG4gICAgICAgICAgPHNiYi1pY29uXG4gICAgICAgICAgICBuYW1lPSR7dGhpcy5zaXplID09PSAnbScgPyAnZm9sZGVyLW9wZW4tbWVkaXVtJyA6ICdmb2xkZXItb3Blbi1zbWFsbCd9XG4gICAgICAgICAgPjwvc2JiLWljb24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tdGl0bGVcIj4ke3RoaXMudGl0bGVDb250ZW50fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tc3VidGl0bGVcIj5cbiAgICAgICAgICAke2kxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLWJ1dHRvblwiPlxuICAgICAgICAgIDxzYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWNcbiAgICAgICAgICAgIHNpemU9JHt0aGlzLnNpemV9XG4gICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkfVxuICAgICAgICAgICAgJHtyZWYoKGVsPzogRWxlbWVudCk6IHZvaWQgPT4ge1xuICAgICAgICAgICAgICB0aGlzLl9sb2FkQnV0dG9uID0gZWwgYXMgU2JiU2Vjb25kYXJ5QnV0dG9uU3RhdGljRWxlbWVudDtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgID5cbiAgICAgICAgICAgICR7aTE4bkZpbGVTZWxlY3RvckJ1dHRvbkxhYmVsW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICAgIDwvc2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxuXG4gIHByaXZhdGUgX3JlbmRlckZpbGVMaXN0KCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBUQUdfTkFNRTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9XG4gICAgICB0aGlzLl9maWxlcyEubGVuZ3RoID4gMVxuICAgICAgICA/IHsgV1JBUFBFUjogJ3VsJywgRUxFTUVOVDogJ2xpJyB9XG4gICAgICAgIDogeyBXUkFQUEVSOiAnZGl2JywgRUxFTUVOVDogJ3NwYW4nIH07XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDwke3Vuc2FmZVN0YXRpYyhUQUdfTkFNRS5XUkFQUEVSKX0gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZmlsZS1saXN0XCI+XG4gICAgICAgICR7dGhpcy5fZmlsZXMhLm1hcChcbiAgICAgICAgICAoZmlsZTogRmlsZSkgPT4gaHRtbGBcbiAgICAgICAgICA8JHt1bnNhZmVTdGF0aWMoVEFHX05BTUUuRUxFTUVOVCl9IGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2ZpbGVcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2ZpbGUtZGV0YWlsc1wiPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19maWxlLW5hbWVcIj4ke2ZpbGUubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2ZpbGUtc2l6ZVwiPiR7dGhpcy5fZm9ybWF0RmlsZVNpemUoZmlsZS5zaXplKX08L3NwYW4+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c2JiLXNlY29uZGFyeS1idXR0b25cbiAgICAgICAgICAgICAgc2l6ZT0ke3RoaXMuc2l6ZX1cbiAgICAgICAgICAgICAgaWNvbi1uYW1lPVwidHJhc2gtc21hbGxcIlxuICAgICAgICAgICAgICBAY2xpY2s9JHsoKSA9PiB0aGlzLl9yZW1vdmVGaWxlKGZpbGUpfVxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPSR7YCR7aTE4bkZpbGVTZWxlY3RvckRlbGV0ZUZpbGVbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19IC0gJHtmaWxlLm5hbWV9YH1cbiAgICAgICAgICAgID48L3NiYi1zZWNvbmRhcnktYnV0dG9uPlxuICAgICAgICAgIDwvJHt1bnNhZmVTdGF0aWMoVEFHX05BTUUuRUxFTUVOVCl9PmAsXG4gICAgICAgICl9XG4gICAgICA8LyR7dW5zYWZlU3RhdGljKFRBR19OQU1FLldSQVBQRVIpfT5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgY29uc3QgYXJpYUxhYmVsID0gdGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWxcbiAgICAgID8gYCR7aTE4bkZpbGVTZWxlY3RvckJ1dHRvbkxhYmVsW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfSAtICR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9YFxuICAgICAgOiB1bmRlZmluZWQ7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2lucHV0LWNvbnRhaW5lclwiXG4gICAgICAgICAgQGRyYWdlbnRlcj0ke3RoaXMuX29uRHJhZ0VudGVyfVxuICAgICAgICAgIEBkcmFnb3Zlcj0ke3RoaXMuX2Jsb2NrRXZlbnR9XG4gICAgICAgICAgQGRyYWdsZWF2ZT0ke3RoaXMuX29uRHJhZ0xlYXZlfVxuICAgICAgICAgIEBkcm9wPSR7dGhpcy5fb25GaWxlRHJvcH1cbiAgICAgICAgPlxuICAgICAgICAgIDxsYWJlbD5cbiAgICAgICAgICAgICR7dGhpcy52YXJpYW50ID09PSAnZGVmYXVsdCcgPyB0aGlzLl9yZW5kZXJEZWZhdWx0TW9kZSgpIDogdGhpcy5fcmVuZGVyRHJvcHpvbmVBcmVhKCl9XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fdmlzdWFsbHktaGlkZGVuXCJcbiAgICAgICAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkfVxuICAgICAgICAgICAgICA/bXVsdGlwbGU9JHt0aGlzLm11bHRpcGxlfVxuICAgICAgICAgICAgICBhY2NlcHQ9JHt0aGlzLmFjY2VwdCB8fCBub3RoaW5nfVxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPSR7YXJpYUxhYmVsIHx8IG5vdGhpbmd9XG4gICAgICAgICAgICAgIEBjaGFuZ2U9JHt0aGlzLl9yZWFkRmlsZXN9XG4gICAgICAgICAgICAgIEBmb2N1cz0ke3RoaXMuX29uRm9jdXN9XG4gICAgICAgICAgICAgIEBibHVyPSR7dGhpcy5fb25CbHVyfVxuICAgICAgICAgICAgICAke3JlZigoZWw/OiBFbGVtZW50KTogdm9pZCA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5faGlkZGVuSW5wdXQgPSBlbCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxwXG4gICAgICAgICAgcm9sZT1cInN0YXR1c1wiXG4gICAgICAgICAgY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fdmlzdWFsbHktaGlkZGVuXCJcbiAgICAgICAgICAke3JlZigocD86IEVsZW1lbnQpID0+ICh0aGlzLl9saXZlUmVnaW9uID0gcCBhcyBIVE1MUGFyYWdyYXBoRWxlbWVudCkpfVxuICAgICAgICA+PC9wPlxuICAgICAgICAke3RoaXMuX2ZpbGVzICYmIHRoaXMuX2ZpbGVzLmxlbmd0aCA+IDAgPyB0aGlzLl9yZW5kZXJGaWxlTGlzdCgpIDogbm90aGluZ31cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19lcnJvclwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJlcnJvclwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZmlsZS1zZWxlY3Rvcic6IFNiYkZpbGVTZWxlY3RvckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBaUNPLElBQU0seUJBQU4sY0FBcUMsaUJBQWlCLFVBQVUsRUFBRTtBQUFBLEVBK0RoRSxjQUFjO0FBQ2I7QUF6REksU0FBTyxVQUFrQztBQUd4QixTQUFPLE9BQWtCO0FBR3pCLFNBQU8sV0FBb0I7QUFJeEQsU0FBTyxlQUF5QztBQWVoRCxTQUFRLG9CQUEwQyxJQUFJO0FBQUEsTUFDcEQ7QUFBQSxNQUNBLHVCQUF1QixPQUFPO0FBQUEsSUFBQTtBQW1CaEMsU0FBUSxXQUFtQjtBQUszQixTQUFRLFlBQXNCLENBQUMsS0FBSyxNQUFNLE1BQU0sTUFBTSxJQUFJO0FBR2xELFNBQUEsWUFBWSxJQUFJLHNCQUFzQixJQUFJO0FBSWhELFFBQUksdUJBQXVCLElBQUk7QUFBQSxFQUNqQztBQUFBO0FBQUE7QUFBQTtBQUFBLEVBMUJBLElBQVcsUUFBZ0I7QUFDbEIsV0FBQSxLQUFLLFVBQVU7RUFDeEI7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQUtPLFdBQW1CO0FBQ2pCLFdBQUEsS0FBSyxVQUFVO0VBQ3hCO0FBQUEsRUFtQlEsWUFBWSxPQUF3QjtBQUMxQyxVQUFNLGdCQUFnQjtBQUN0QixVQUFNLGVBQWU7QUFBQSxFQUN2QjtBQUFBLEVBRVEsbUJBQW1CLE9BQWEsT0FBc0I7QUFFMUQsV0FBQSxNQUFNLFNBQVMsTUFBTSxRQUNyQixNQUFNLFNBQVMsTUFBTSxRQUNyQixNQUFNLGlCQUFpQixNQUFNO0FBQUEsRUFFakM7QUFBQSxFQUVRLGFBQWEs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

package/development/footer/footer.d.ts

@@ -0,0 +1,35 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbTitleLevel } from '../title.js';
+
+declare const SbbFooterElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * It displays a footer section for the page.
+ *
+ * @slot - Use the unnamed slot to add elements like `sbb-block-link`, `sbb-link-list`, `sbb-divider` and so on.
+ */
+export declare class SbbFooterElement extends SbbFooterElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * Variants to display the footer. The default, displays the content in regular block element
+     * approach. The clock-columns, used a css-grid for displaying the content over different
+     * breakpoints.
+     */
+    variant: 'default' | 'clock-columns';
+    /**
+     * Whether to allow the footer content to stretch to full width.
+     * By default, the content has the appropriate page size.
+     */
+    expanded: boolean;
+    /** Footer title text, visually hidden, necessary for screen readers. */
+    accessibilityTitle?: string;
+    /** Level of the accessibility title, will be rendered as heading tag (e.g. h1). Defaults to level 1. */
+    accessibilityTitleLevel: SbbTitleLevel;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-footer': SbbFooterElement;
+    }
+}
+export {};
+//# sourceMappingURL=footer.d.ts.map

package/development/footer/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/elements/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAK1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAIjD;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,qBAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;OAIG;IACiC,OAAO,EAAE,SAAS,GAAG,eAAe,CAAa;IAErF;;;OAGG;IACgD,QAAQ,UAAS;IAEpE,wEAAwE;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAEnF,wGAAwG;IAEjG,uBAAuB,EAAE,aAAa,CAAO;cAEjC,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/development/footer.d.ts

@@ -0,0 +1,2 @@
+export * from './footer/footer.js';
+//# sourceMappingURL=footer.d.ts.map

package/development/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/elements/footer.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}