@six-group/ui-library 3.0.0-beta.1.7 → 3.0.0-beta.1.8

package/dist/esm/six-error-page.entry.js

@@ -2,100 +2,100 @@ import { r as registerInstance, h } from './index-a2605a62.js';
 
 const sixErrorPageCss = ".six-error-page__title{display:flex;justify-content:center;font-size:var(--six-font-size-xx-large);font-weight:bold;margin-bottom:var(--six-spacing-large)}.six-error-page__description>*{text-align:center}.six-error-page__icon-container{display:flex;justify-content:center}.six-error-page__icon::part(icon){background-color:var(--six-color-web-rock-300)}";
 
-var ERROR_CODE;
-(function (ERROR_CODE) {
-  ERROR_CODE[ERROR_CODE["FORBIDDEN"] = 403] = "FORBIDDEN";
-  ERROR_CODE[ERROR_CODE["NOT_FOUND"] = 404] = "NOT_FOUND";
-  ERROR_CODE[ERROR_CODE["INTERNAL_SERVER_ERROR"] = 500] = "INTERNAL_SERVER_ERROR";
-})(ERROR_CODE || (ERROR_CODE = {}));
-const TITLE_PER_ERROR_CODE = {
-  [ERROR_CODE.FORBIDDEN]: {
-    en: 'Access Denied',
-    de: 'Kein Zugriff',
-  },
-  [ERROR_CODE.NOT_FOUND]: {
-    en: 'Not Found',
-    de: 'Seite nicht gefunden',
-  },
-  [ERROR_CODE.INTERNAL_SERVER_ERROR]: {
-    en: 'Ooops!',
-    de: 'Ups!',
-  },
-};
-const DESCRIPTION_PER_ERROR_CODE = {
-  [ERROR_CODE.FORBIDDEN]: {
-    en: [
-      'You don’t have permission to access this page. ',
-      'Please contact an administrator or click the SIX logo on top left.',
-    ],
-    de: [
-      'Sie haben keine Zugriffsberechtigung auf diese Seite.',
-      'Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.',
-    ],
-  },
-  [ERROR_CODE.NOT_FOUND]: {
-    en: ['We have not found the page you requested.', 'Please click the SIX logo on top left.'],
-    de: ['Wir haben die angeforderte Seite nicht gefunden.', 'Bitte klicken Sie auf das SIX-Logo oben links.'],
-  },
-  [ERROR_CODE.INTERNAL_SERVER_ERROR]: {
-    en: ['Sorry, we messed up! We try to fix this.', 'Please click the SIX logo on top left.'],
-    de: [
-      'Sorry, das war unser Fehler! Wir versuchen das zu beheben.',
-      'Bitte klicken Sie auf das SIX-Logo oben links.',
-    ],
-  },
-};
-let SixErrorPage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Defines language and thus displays the proper error page in the selected language.
-     */
-    this.language = 'en';
-  }
-  getIconName() {
-    if (this.customIcon !== undefined) {
-      return this.customIcon;
-    }
-    if (this.errorCode === undefined) {
-      return;
-    }
-    if (this.errorCode === ERROR_CODE.FORBIDDEN) {
-      return 'lock';
-    }
-    if (this.errorCode === ERROR_CODE.NOT_FOUND) {
-      return 'find-in-page';
-    }
-    if (this.errorCode === ERROR_CODE.INTERNAL_SERVER_ERROR) {
-      return 'sentiment-dissatisfied';
-    }
-  }
-  getErrorTitle() {
-    if (this.customTitle !== undefined) {
-      return this.customTitle;
-    }
-    if (this.errorCode === undefined) {
-      return;
-    }
-    return TITLE_PER_ERROR_CODE[this.errorCode][this.language];
-  }
-  getErrorDescription() {
-    if (this.errorCode === undefined && this.customDescription === undefined) {
-      return;
-    }
-    const descriptions = this.getDescriptions();
-    return descriptions.map((errorMessage) => h("div", null, errorMessage));
-  }
-  getDescriptions() {
-    if (this.customDescription !== undefined) {
-      return this.customDescription;
-    }
-    return DESCRIPTION_PER_ERROR_CODE[this.errorCode][this.language];
-  }
-  render() {
-    return (h("div", { part: "container" }, h("div", { class: "six-error-page__icon-container", part: "icon-container" }, h("six-picto", { size: "4xl", class: "six-error-page__icon", part: "icon" }, this.getIconName())), h("div", { class: "six-error-page__title", part: "title" }, this.getErrorTitle()), h("div", { class: "six-error-page__description", part: "description" }, this.getErrorDescription())));
-  }
-};
+var ERROR_CODE;
+(function (ERROR_CODE) {
+  ERROR_CODE[ERROR_CODE["FORBIDDEN"] = 403] = "FORBIDDEN";
+  ERROR_CODE[ERROR_CODE["NOT_FOUND"] = 404] = "NOT_FOUND";
+  ERROR_CODE[ERROR_CODE["INTERNAL_SERVER_ERROR"] = 500] = "INTERNAL_SERVER_ERROR";
+})(ERROR_CODE || (ERROR_CODE = {}));
+const TITLE_PER_ERROR_CODE = {
+  [ERROR_CODE.FORBIDDEN]: {
+    en: 'Access Denied',
+    de: 'Kein Zugriff',
+  },
+  [ERROR_CODE.NOT_FOUND]: {
+    en: 'Not Found',
+    de: 'Seite nicht gefunden',
+  },
+  [ERROR_CODE.INTERNAL_SERVER_ERROR]: {
+    en: 'Ooops!',
+    de: 'Ups!',
+  },
+};
+const DESCRIPTION_PER_ERROR_CODE = {
+  [ERROR_CODE.FORBIDDEN]: {
+    en: [
+      'You don’t have permission to access this page. ',
+      'Please contact an administrator or click the SIX logo on top left.',
+    ],
+    de: [
+      'Sie haben keine Zugriffsberechtigung auf diese Seite.',
+      'Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.',
+    ],
+  },
+  [ERROR_CODE.NOT_FOUND]: {
+    en: ['We have not found the page you requested.', 'Please click the SIX logo on top left.'],
+    de: ['Wir haben die angeforderte Seite nicht gefunden.', 'Bitte klicken Sie auf das SIX-Logo oben links.'],
+  },
+  [ERROR_CODE.INTERNAL_SERVER_ERROR]: {
+    en: ['Sorry, we messed up! We try to fix this.', 'Please click the SIX logo on top left.'],
+    de: [
+      'Sorry, das war unser Fehler! Wir versuchen das zu beheben.',
+      'Bitte klicken Sie auf das SIX-Logo oben links.',
+    ],
+  },
+};
+let SixErrorPage = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Defines language and thus displays the proper error page in the selected language.
+     */
+    this.language = 'en';
+  }
+  getIconName() {
+    if (this.customIcon !== undefined) {
+      return this.customIcon;
+    }
+    if (this.errorCode === undefined) {
+      return;
+    }
+    if (this.errorCode === ERROR_CODE.FORBIDDEN) {
+      return 'lock';
+    }
+    if (this.errorCode === ERROR_CODE.NOT_FOUND) {
+      return 'find-in-page';
+    }
+    if (this.errorCode === ERROR_CODE.INTERNAL_SERVER_ERROR) {
+      return 'sentiment-dissatisfied';
+    }
+  }
+  getErrorTitle() {
+    if (this.customTitle !== undefined) {
+      return this.customTitle;
+    }
+    if (this.errorCode === undefined) {
+      return;
+    }
+    return TITLE_PER_ERROR_CODE[this.errorCode][this.language];
+  }
+  getErrorDescription() {
+    if (this.errorCode === undefined && this.customDescription === undefined) {
+      return;
+    }
+    const descriptions = this.getDescriptions();
+    return descriptions.map((errorMessage) => h("div", null, errorMessage));
+  }
+  getDescriptions() {
+    if (this.customDescription !== undefined) {
+      return this.customDescription;
+    }
+    return DESCRIPTION_PER_ERROR_CODE[this.errorCode][this.language];
+  }
+  render() {
+    return (h("div", { part: "container" }, h("div", { class: "six-error-page__icon-container", part: "icon-container" }, h("six-picto", { size: "4xl", class: "six-error-page__icon", part: "icon" }, this.getIconName())), h("div", { class: "six-error-page__title", part: "title" }, this.getErrorTitle()), h("div", { class: "six-error-page__description", part: "description" }, this.getErrorDescription())));
+  }
+};
 SixErrorPage.style = sixErrorPageCss;
 
 export { SixErrorPage as six_error_page };

package/dist/esm/six-file-list-item.entry.js

@@ -2,44 +2,44 @@ import { r as registerInstance, c as createEvent, h } from './index-a2605a62.js'
 
 const sixFileListItemCss = ".six-files-list-item{padding-bottom:0.5rem}.six-files-list-item__name{color:var(--six-color-action-600);cursor:pointer}.six-files-list-item__name--disabled{cursor:inherit;color:var(--six-color-web-rock-500)}.six-files-list-item__name:hover:not(.six-files-list-item__name--disabled){color:var(--six-color-action-500)}.six-files-list-item__date{padding-left:1rem;color:var(--six-color-web-rock-600)}.six-files-list-item__size{padding-left:1rem;color:var(--six-color-web-rock-600)}.six-files-list-item__icon{padding-left:0.5rem;display:inline-block;transform:translateY(-1px);cursor:pointer;color:var(--six-color-web-rock-600)}.six-files-list-item__icon--disabled{cursor:not-allowed;color:var(--six-color-web-rock-500)}.six-files-list-item__icon:hover:not(.six-files-list-item__icon--disabled){color:var(--six-color-web-rock-900)}";
 
-let SixFileListItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.downloadEvent = createEvent(this, "six-file-list-item-download", 7);
-    this.removeEvent = createEvent(this, "six-file-list-item-remove", 7);
-    /** An id to clearly identify the file */
-    this.identifier = '';
-    /** The filename */
-    this.name = '';
-    /** The date when the file was uploaded */
-    this.date = '';
-    /** Set to true if you don't want to allow to download this file */
-    this.nodownload = false;
-    /** Set to true if you don't want to allow to delete this file */
-    this.nodelete = false;
-    this.downloadFile = () => {
-      if (this.nodownload) {
-        return;
-      }
-      this.downloadEvent.emit({ fileId: this.identifier, name: this.name });
-    };
-    this.removeFile = () => {
-      if (this.nodelete) {
-        return;
-      }
-      this.removeEvent.emit({ fileId: this.identifier, name: this.name });
-    };
-  }
-  render() {
-    return (h("div", { class: "six-files-list-item" }, h("span", { class: {
-        'six-files-list-item__name': true,
-        'six-files-list-item__name--disabled': this.nodownload,
-      }, onClick: this.downloadFile }, this.name), h("span", { class: "six-files-list-item__date" }, this.date), this.size !== undefined && h("span", { class: "six-files-list-item__size" }, Math.round(this.size / 1024), " KB"), h("six-icon", { class: {
-        'six-files-list-item__icon': true,
-        'six-files-list-item__icon--disabled': this.nodelete,
-      }, size: "small", onClick: this.removeFile }, "delete")));
-  }
-};
+let SixFileListItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.downloadEvent = createEvent(this, "six-file-list-item-download", 7);
+    this.removeEvent = createEvent(this, "six-file-list-item-remove", 7);
+    /** An id to clearly identify the file */
+    this.identifier = '';
+    /** The filename */
+    this.name = '';
+    /** The date when the file was uploaded */
+    this.date = '';
+    /** Set to true if you don't want to allow to download this file */
+    this.nodownload = false;
+    /** Set to true if you don't want to allow to delete this file */
+    this.nodelete = false;
+    this.downloadFile = () => {
+      if (this.nodownload) {
+        return;
+      }
+      this.downloadEvent.emit({ fileId: this.identifier, name: this.name });
+    };
+    this.removeFile = () => {
+      if (this.nodelete) {
+        return;
+      }
+      this.removeEvent.emit({ fileId: this.identifier, name: this.name });
+    };
+  }
+  render() {
+    return (h("div", { class: "six-files-list-item" }, h("span", { class: {
+        'six-files-list-item__name': true,
+        'six-files-list-item__name--disabled': this.nodownload,
+      }, onClick: this.downloadFile }, this.name), h("span", { class: "six-files-list-item__date" }, this.date), this.size !== undefined && h("span", { class: "six-files-list-item__size" }, Math.round(this.size / 1024), " KB"), h("six-icon", { class: {
+        'six-files-list-item__icon': true,
+        'six-files-list-item__icon--disabled': this.nodelete,
+      }, size: "small", onClick: this.removeFile }, "delete")));
+  }
+};
 SixFileListItem.style = sixFileListItemCss;
 
 export { SixFileListItem as six_file_list_item };

package/dist/esm/six-file-list.entry.js

@@ -2,14 +2,14 @@ import { r as registerInstance, h } from './index-a2605a62.js';
 
 const sixFileListCss = ".six-files-list__container{padding:1rem}.six-files-list__container :last-child{padding-bottom:0}";
 
-let SixFileList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("div", { class: "six-files-list__container" }, h("slot", null)));
-  }
-};
+let SixFileList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("div", { class: "six-files-list__container" }, h("slot", null)));
+  }
+};
 SixFileList.style = sixFileListCss;
 
 export { SixFileList as six_file_list };

package/dist/esm/six-file-upload.entry.js

@@ -2,102 +2,102 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 
 const sixFileUploadCss = ".sc-six-file-upload-h{position:relative;box-sizing:border-box}.sc-six-file-upload-h *.sc-six-file-upload,.sc-six-file-upload-h *.sc-six-file-upload:before,.sc-six-file-upload-h *.sc-six-file-upload:after{box-sizing:inherit}.sc-six-file-upload-h{position:static;display:block}.six-file-upload.sc-six-file-upload six-card.sc-six-file-upload{box-shadow:none;padding:0;width:100%}.six-file-upload.sc-six-file-upload six-card.kyc-file-upload__container--compact.sc-six-file-upload{width:inherit}.six-file-upload__label--highlighted.sc-six-file-upload{color:var(--six-color-action-600)}.six-file-upload__container--full.sc-six-file-upload{border:dashed 1px var(--six-color-web-rock-500)}.six-file-upload__label-icon.sc-six-file-upload{margin-right:0.5rem}.six-file-upload__drop-zone.sc-six-file-upload{padding:2rem 0;display:flex;justify-content:center;width:100%;transition:background-color 0.3s}.six-file-upload__drop-zone--compact.sc-six-file-upload{padding:0}.six-file-upload__input.sc-six-file-upload{cursor:pointer;position:absolute;top:0;left:0;width:100%;user-select:none;height:100%;opacity:0;outline:none}.six-file-upload--disabled.sc-six-file-upload .six-file-upload__drop-zone.sc-six-file-upload{background-color:var(--six-color-inactive)}.six-file-upload.sc-six-file-upload:not(.six-file-upload--disabled) .six-file-upload__drop-zone.sc-six-file-upload:hover,.six-file-upload__drop-zone--hover.sc-six-file-upload{background-color:var(--six-color-action-light-to-be-defined)}.six-file-upload.sc-six-file-upload:not(.six-file-upload--disabled) .six-file-upload__drop-zone.sc-six-file-upload:hover.six-file-upload__drop-zone--compact,.six-file-upload__drop-zone--hover.six-file-upload__drop-zone--compact.sc-six-file-upload{background-color:inherit}.six-file-upload--disabled.sc-six-file-upload .six-file-upload__input.sc-six-file-upload{cursor:not-allowed}";
 
-let SixFileUpload = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.fileUploadSuccessEvent = createEvent(this, "six-file-upload-success", 7);
-    this.fileUploadFailureEvent = createEvent(this, "six-file-upload-failure", 7);
-    this.isOver = false;
-    /** Set to true if file control should be small. */
-    this.compact = false;
-    /** Set when button is disabled. */
-    this.disabled = false;
-    /** Allowed max file size in bytes. */
-    this.maxFileSize = undefined;
-    this.handleFiles = (files) => {
-      if (this.disabled) {
-        return;
-      }
-      const file = files.item(0);
-      if (!file) {
-        return;
-      }
-      if (this.accept && this.accept !== file.type) {
-        return this.fileUploadFailureEvent.emit({ reason: 'File has invalid MIME type.' });
-      }
-      if (this.maxFileSize && file.size > this.maxFileSize) {
-        return this.fileUploadFailureEvent.emit({ reason: 'File is too big.' });
-      }
-      this.fileUploadSuccessEvent.emit({ file });
-    };
-    this.onChange = () => {
-      var _a;
-      if ((_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.files) {
-        const files = this.fileInput.files;
-        this.handleFiles(files);
-        this.fileInput.value = '';
-      }
-    };
-  }
-  dragenterHandler() {
-    if (!this.disabled) {
-      this.isOver = true;
-    }
-  }
-  dragoverHandler() {
-    if (!this.disabled) {
-      this.isOver = true;
-    }
-  }
-  dragleaveHandler() {
-    if (!this.disabled) {
-      this.isOver = false;
-    }
-  }
-  dropHandler({ dataTransfer }) {
-    if (!this.disabled) {
-      this.isOver = false;
-      if (dataTransfer) {
-        this.handleFiles(dataTransfer.files);
-      }
-    }
-  }
-  componentDidLoad() {
-    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {
-      this.host.addEventListener(eventName, this.preventDefaults, false);
-      document.body.addEventListener(eventName, this.preventDefaults, false);
-    });
-  }
-  disconnectedCallback() {
-    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {
-      this.host.removeEventListener(eventName, this.preventDefaults, false);
-      document.body.removeEventListener(eventName, this.preventDefaults, false);
-    });
-  }
-  preventDefaults(e) {
-    e.preventDefault();
-    e.stopPropagation();
-  }
-  renderLabel() {
-    return (this.label ||
-      (this.compact ? ('Upload') : (h("span", null, "Drop files to upload, or ", h("span", { class: "six-file-upload__label--highlighted" }, "browse")))));
-  }
-  render() {
-    const Container = this.compact ? 'six-button' : 'six-card';
-    return (h("div", { class: {
-        'six-file-upload': true,
-        'six-file-upload--disabled': this.disabled,
-      } }, h(Container, { class: {
-        'six-file-upload__container--compact': this.compact,
-        'six-file-upload__container--full': !this.compact,
-      } }, this.compact && (h("span", { slot: "prefix" }, h("six-icon", { class: "six-file-upload__label-icon" }, "arrow_circle_up"))), h("div", { class: {
-        'six-file-upload__drop-zone': true,
-        'six-file-upload__drop-zone--hover': this.isOver,
-        'six-file-upload__drop-zone--compact': this.compact,
-      } }, h("span", null, this.renderLabel()), h("input", { class: "six-file-upload__input", type: "file", name: "resume", disabled: this.disabled, accept: this.accept, onChange: this.onChange, ref: (el) => (this.fileInput = el) })))));
-  }
-  get host() { return getElement(this); }
-};
+let SixFileUpload = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.fileUploadSuccessEvent = createEvent(this, "six-file-upload-success", 7);
+    this.fileUploadFailureEvent = createEvent(this, "six-file-upload-failure", 7);
+    this.isOver = false;
+    /** Set to true if file control should be small. */
+    this.compact = false;
+    /** Set when button is disabled. */
+    this.disabled = false;
+    /** Allowed max file size in bytes. */
+    this.maxFileSize = undefined;
+    this.handleFiles = (files) => {
+      if (this.disabled) {
+        return;
+      }
+      const file = files.item(0);
+      if (!file) {
+        return;
+      }
+      if (this.accept && this.accept !== file.type) {
+        return this.fileUploadFailureEvent.emit({ reason: 'File has invalid MIME type.' });
+      }
+      if (this.maxFileSize && file.size > this.maxFileSize) {
+        return this.fileUploadFailureEvent.emit({ reason: 'File is too big.' });
+      }
+      this.fileUploadSuccessEvent.emit({ file });
+    };
+    this.onChange = () => {
+      var _a;
+      if ((_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.files) {
+        const files = this.fileInput.files;
+        this.handleFiles(files);
+        this.fileInput.value = '';
+      }
+    };
+  }
+  dragenterHandler() {
+    if (!this.disabled) {
+      this.isOver = true;
+    }
+  }
+  dragoverHandler() {
+    if (!this.disabled) {
+      this.isOver = true;
+    }
+  }
+  dragleaveHandler() {
+    if (!this.disabled) {
+      this.isOver = false;
+    }
+  }
+  dropHandler({ dataTransfer }) {
+    if (!this.disabled) {
+      this.isOver = false;
+      if (dataTransfer) {
+        this.handleFiles(dataTransfer.files);
+      }
+    }
+  }
+  componentDidLoad() {
+    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {
+      this.host.addEventListener(eventName, this.preventDefaults, false);
+      document.body.addEventListener(eventName, this.preventDefaults, false);
+    });
+  }
+  disconnectedCallback() {
+    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {
+      this.host.removeEventListener(eventName, this.preventDefaults, false);
+      document.body.removeEventListener(eventName, this.preventDefaults, false);
+    });
+  }
+  preventDefaults(e) {
+    e.preventDefault();
+    e.stopPropagation();
+  }
+  renderLabel() {
+    return (this.label ||
+      (this.compact ? ('Upload') : (h("span", null, "Drop files to upload, or ", h("span", { class: "six-file-upload__label--highlighted" }, "browse")))));
+  }
+  render() {
+    const Container = this.compact ? 'six-button' : 'six-card';
+    return (h("div", { class: {
+        'six-file-upload': true,
+        'six-file-upload--disabled': this.disabled,
+      } }, h(Container, { class: {
+        'six-file-upload__container--compact': this.compact,
+        'six-file-upload__container--full': !this.compact,
+      } }, this.compact && (h("span", { slot: "prefix" }, h("six-icon", { class: "six-file-upload__label-icon" }, "arrow_circle_up"))), h("div", { class: {
+        'six-file-upload__drop-zone': true,
+        'six-file-upload__drop-zone--hover': this.isOver,
+        'six-file-upload__drop-zone--compact': this.compact,
+      } }, h("span", null, this.renderLabel()), h("input", { class: "six-file-upload__input", type: "file", name: "resume", disabled: this.disabled, accept: this.accept, onChange: this.onChange, ref: (el) => (this.fileInput = el) })))));
+  }
+  get host() { return getElement(this); }
+};
 SixFileUpload.style = sixFileUploadCss;
 
 export { SixFileUpload as six_file_upload };

package/dist/esm/six-footer.entry.js

@@ -2,14 +2,14 @@ import { r as registerInstance, h } from './index-a2605a62.js';
 
 const sixFooterCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.six-footer{color:var(--six-color-web-rock-900);padding:var(--six-spacing-x-small) 0;text-align:center;width:100%;background-color:var(--six-footer-background-color);box-shadow:var(--six-shadow-x-large-top)}";
 
-let SixFooter = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("footer", { class: "six-footer" }, h("slot", null)));
-  }
-};
+let SixFooter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("footer", { class: "six-footer" }, h("slot", null)));
+  }
+};
 SixFooter.style = sixFooterCss;
 
 export { SixFooter as six_footer };