@six-group/ui-library 0.0.0-insider.e5360cd → 0.0.0-insider.e8b5a11

package/dist/components/six-error-page.js

@@ -1,132 +1,132 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './six-picto2.js';
+import { p as proxyCustomElement, H, h } from './p-BAe7gBEi.js';
+import { d as defineCustomElement$2 } from './p-BmfA8xQl.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)}";
 
 const TITLE_PER_ERROR_CODE = {
-  403: {
-    en: 'Access Denied',
-    de: 'Kein Zugriff',
-  },
-  404: {
-    en: 'Not Found',
-    de: 'Seite nicht gefunden',
-  },
-  500: {
-    en: 'Ooops!',
-    de: 'Ups!',
-  },
+    403: {
+        en: 'Access Denied',
+        de: 'Kein Zugriff',
+    },
+    404: {
+        en: 'Not Found',
+        de: 'Seite nicht gefunden',
+    },
+    500: {
+        en: 'Ooops!',
+        de: 'Ups!',
+    },
 };
 const DESCRIPTION_PER_ERROR_CODE = {
-  403: {
-    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.',
-    ],
-  },
-  404: {
-    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.'],
-  },
-  500: {
-    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.',
-    ],
-  },
+    403: {
+        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.',
+        ],
+    },
+    404: {
+        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.'],
+    },
+    500: {
+        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.',
+        ],
+    },
 };
-const SixErrorPage$1 = /*@__PURE__*/ proxyCustomElement(class SixErrorPage extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.errorCode = undefined;
-    this.language = 'en';
-    this.customTitle = undefined;
-    this.customDescription = undefined;
-    this.customIcon = undefined;
-  }
-  getIconName() {
-    if (this.customIcon != null) {
-      return this.customIcon;
+const SixErrorPage$1 = /*@__PURE__*/ proxyCustomElement(class SixErrorPage extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /**
+         * Defines language and thus displays the proper error page in the selected language.
+         */
+        this.language = 'en';
     }
-    if (this.errorCode == null) {
-      return;
+    getIconName() {
+        if (this.customIcon != null) {
+            return this.customIcon;
+        }
+        if (this.errorCode == null) {
+            return;
+        }
+        if (this.errorCode === 403) {
+            return 'lock';
+        }
+        if (this.errorCode === 404) {
+            return 'find-in-page';
+        }
+        if (this.errorCode === 500) {
+            return 'sentiment-dissatisfied';
+        }
     }
-    if (this.errorCode === 403) {
-      return 'lock';
+    getErrorTitle() {
+        if (this.customTitle != null) {
+            return this.customTitle;
+        }
+        if (this.errorCode == null) {
+            return;
+        }
+        return TITLE_PER_ERROR_CODE[this.errorCode][this.language];
     }
-    if (this.errorCode === 404) {
-      return 'find-in-page';
+    getErrorDescription() {
+        var _a;
+        if (this.errorCode == null && this.customDescription == null) {
+            return;
+        }
+        const descriptions = (_a = this.getDescriptions()) !== null && _a !== void 0 ? _a : [];
+        return descriptions.map((errorMessage) => h("div", null, errorMessage));
     }
-    if (this.errorCode === 500) {
-      return 'sentiment-dissatisfied';
+    getDescriptions() {
+        if (this.customDescription !== undefined) {
+            return this.customDescription;
+        }
+        if (this.errorCode == null) {
+            return;
+        }
+        return DESCRIPTION_PER_ERROR_CODE[this.errorCode][this.language];
     }
-  }
-  getErrorTitle() {
-    if (this.customTitle != null) {
-      return this.customTitle;
+    render() {
+        return (h("div", { key: '115ba5357f4a8f7b83e60c1cb521a8d29f35a361', part: "container" }, h("div", { key: 'c8bb7399734dc36ee3e815841a51e0065fbdc05d', class: "six-error-page__icon-container", part: "icon-container" }, h("six-picto", { key: '04457abf33cefab0e0f1ed5eb2ee9395c0854ef8', size: "4xl", class: "six-error-page__icon", part: "icon" }, this.getIconName())), h("div", { key: '6cc407fcb5b18320a8989f8a4709fa24da0e9aa6', class: "six-error-page__title", part: "title" }, this.getErrorTitle()), h("div", { key: '22e878175e09a71d85426803f9b573eaebb686bd', class: "six-error-page__description", part: "description" }, this.getErrorDescription())));
     }
-    if (this.errorCode == null) {
-      return;
-    }
-    return TITLE_PER_ERROR_CODE[this.errorCode][this.language];
-  }
-  getErrorDescription() {
-    var _a;
-    if (this.errorCode == null && this.customDescription == null) {
-      return;
-    }
-    const descriptions = (_a = this.getDescriptions()) !== null && _a !== void 0 ? _a : [];
-    return descriptions.map((errorMessage) => h("div", null, errorMessage));
-  }
-  getDescriptions() {
-    if (this.customDescription !== undefined) {
-      return this.customDescription;
-    }
-    if (this.errorCode == null) {
-      return;
-    }
-    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())));
-  }
-  static get style() { return sixErrorPageCss; }
+    static get style() { return sixErrorPageCss; }
 }, [1, "six-error-page", {
-    "errorCode": [2, "error-code"],
-    "language": [1],
-    "customTitle": [1, "custom-title"],
-    "customDescription": [16],
-    "customIcon": [1, "custom-icon"]
-  }]);
+        "errorCode": [2, "error-code"],
+        "language": [1],
+        "customTitle": [1, "custom-title"],
+        "customDescription": [16],
+        "customIcon": [1, "custom-icon"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-error-page", "six-picto"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-error-page":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixErrorPage$1);
-      }
-      break;
-    case "six-picto":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-error-page", "six-picto"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-error-page":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixErrorPage$1);
+            }
+            break;
+        case "six-picto":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const SixErrorPage = SixErrorPage$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { SixErrorPage, defineCustomElement };
+//# sourceMappingURL=six-error-page.js.map
 
 //# sourceMappingURL=six-error-page.js.map

package/dist/components/six-error-page.js.map

@@ -1 +1 @@
-{"file":"six-error-page.js","mappings":"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","names":["SixErrorPage"],"sources":["src/components/six-error-page/six-error-page.scss?tag=six-error-page&encapsulation=shadow","src/components/six-error-page/six-error-page.tsx"],"sourcesContent":[".six-error-page {\n  &__title {\n    display: flex;\n    justify-content: center;\n    font-size: var(--six-font-size-xx-large);\n    font-weight: bold;\n    margin-bottom: var(--six-spacing-large);\n  }\n\n  &__description {\n    & > * {\n      text-align: center;\n    }\n  }\n\n  &__icon-container {\n    display: flex;\n    justify-content: center;\n  }\n\n  &__icon::part(icon) {\n    background-color: var(--six-color-web-rock-300);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\ntype ErrorCode = 403 | 404 | 500;\n\nconst TITLE_PER_ERROR_CODE: Record<\n  ErrorCode,\n  {\n    en: string;\n    de: string;\n  }\n> = {\n  403: {\n    en: 'Access Denied',\n    de: 'Kein Zugriff',\n  },\n  404: {\n    en: 'Not Found',\n    de: 'Seite nicht gefunden',\n  },\n  500: {\n    en: 'Ooops!',\n    de: 'Ups!',\n  },\n};\n\nconst DESCRIPTION_PER_ERROR_CODE: Record<ErrorCode, { en: string[]; de: string[] }> = {\n  403: {\n    en: [\n      'You don’t have permission to access this page. ',\n      'Please contact an administrator or click the SIX logo on top left.',\n    ],\n    de: [\n      'Sie haben keine Zugriffsberechtigung auf diese Seite.',\n      'Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.',\n    ],\n  },\n  404: {\n    en: ['We have not found the page you requested.', 'Please click the SIX logo on top left.'],\n    de: ['Wir haben die angeforderte Seite nicht gefunden.', 'Bitte klicken Sie auf das SIX-Logo oben links.'],\n  },\n  500: {\n    en: ['Sorry, we messed up! We try to fix this.', 'Please click the SIX logo on top left.'],\n    de: [\n      'Sorry, das war unser Fehler! Wir versuchen das zu beheben.',\n      'Bitte klicken Sie auf das SIX-Logo oben links.',\n    ],\n  },\n};\n/*\n * @since 2.2.0\n * @status experimental\n * @part container - The whole component container\n * @part label - The language label\n * @part separator - The separator between the language labels\n */\n\n@Component({\n  tag: 'six-error-page',\n  styleUrl: 'six-error-page.scss',\n  shadow: true,\n})\nexport class SixErrorPage {\n  /**\n   * Defines error Code and thus displays the proper error page.\n   */\n  @Prop() errorCode?: 404 | 403 | 500;\n\n  /**\n   * Defines language and thus displays the proper error page in the selected language.\n   */\n  @Prop() language: 'en' | 'de' = 'en';\n\n  /**\n   * Defines a custom title.\n   */\n  @Prop() customTitle?: string;\n\n  /**\n   * Defines a custom description.\n   */\n  @Prop() customDescription?: string[];\n\n  /**\n   * Defines a custom icon.\n   */\n  @Prop() customIcon?: string;\n\n  private getIconName() {\n    if (this.customIcon != null) {\n      return this.customIcon;\n    }\n\n    if (this.errorCode == null) {\n      return;\n    }\n\n    if (this.errorCode === 403) {\n      return 'lock';\n    }\n\n    if (this.errorCode === 404) {\n      return 'find-in-page';\n    }\n\n    if (this.errorCode === 500) {\n      return 'sentiment-dissatisfied';\n    }\n  }\n\n  private getErrorTitle(): string | undefined {\n    if (this.customTitle != null) {\n      return this.customTitle;\n    }\n\n    if (this.errorCode == null) {\n      return;\n    }\n\n    return TITLE_PER_ERROR_CODE[this.errorCode][this.language];\n  }\n\n  private getErrorDescription() {\n    if (this.errorCode == null && this.customDescription == null) {\n      return;\n    }\n\n    const descriptions = this.getDescriptions() ?? [];\n    return descriptions.map((errorMessage) => <div>{errorMessage}</div>);\n  }\n\n  private getDescriptions() {\n    if (this.customDescription !== undefined) {\n      return this.customDescription;\n    }\n\n    if (this.errorCode == null) {\n      return;\n    }\n\n    return DESCRIPTION_PER_ERROR_CODE[this.errorCode][this.language];\n  }\n\n  render() {\n    return (\n      <div part=\"container\">\n        <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n          <six-picto size=\"4xl\" class=\"six-error-page__icon\" part=\"icon\">\n            {this.getIconName()}\n          </six-picto>\n        </div>\n        <div class=\"six-error-page__title\" part=\"title\">\n          {this.getErrorTitle()}\n        </div>\n        <div class=\"six-error-page__description\" part=\"description\">\n          {this.getErrorDescription()}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"six-error-page.js","mappings":"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","names":["SixErrorPage","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-error-page/six-error-page.scss?tag=six-error-page&encapsulation=shadow","src/components/six-error-page/six-error-page.tsx"],"sourcesContent":[".six-error-page {\n  &__title {\n    display: flex;\n    justify-content: center;\n    font-size: var(--six-font-size-xx-large);\n    font-weight: bold;\n    margin-bottom: var(--six-spacing-large);\n  }\n\n  &__description {\n    & > * {\n      text-align: center;\n    }\n  }\n\n  &__icon-container {\n    display: flex;\n    justify-content: center;\n  }\n\n  &__icon::part(icon) {\n    background-color: var(--six-color-web-rock-300);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\ntype ErrorCode = 403 | 404 | 500;\n\nconst TITLE_PER_ERROR_CODE: Record<\n  ErrorCode,\n  {\n    en: string;\n    de: string;\n  }\n> = {\n  403: {\n    en: 'Access Denied',\n    de: 'Kein Zugriff',\n  },\n  404: {\n    en: 'Not Found',\n    de: 'Seite nicht gefunden',\n  },\n  500: {\n    en: 'Ooops!',\n    de: 'Ups!',\n  },\n};\n\nconst DESCRIPTION_PER_ERROR_CODE: Record<ErrorCode, { en: string[]; de: string[] }> = {\n  403: {\n    en: [\n      'You don’t have permission to access this page. ',\n      'Please contact an administrator or click the SIX logo on top left.',\n    ],\n    de: [\n      'Sie haben keine Zugriffsberechtigung auf diese Seite.',\n      'Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.',\n    ],\n  },\n  404: {\n    en: ['We have not found the page you requested.', 'Please click the SIX logo on top left.'],\n    de: ['Wir haben die angeforderte Seite nicht gefunden.', 'Bitte klicken Sie auf das SIX-Logo oben links.'],\n  },\n  500: {\n    en: ['Sorry, we messed up! We try to fix this.', 'Please click the SIX logo on top left.'],\n    de: [\n      'Sorry, das war unser Fehler! Wir versuchen das zu beheben.',\n      'Bitte klicken Sie auf das SIX-Logo oben links.',\n    ],\n  },\n};\n/*\n * @since 2.2.0\n * @status experimental\n * @part container - The whole component container\n * @part label - The language label\n * @part separator - The separator between the language labels\n */\n\n@Component({\n  tag: 'six-error-page',\n  styleUrl: 'six-error-page.scss',\n  shadow: true,\n})\nexport class SixErrorPage {\n  /**\n   * Defines error Code and thus displays the proper error page.\n   */\n  @Prop() errorCode?: 404 | 403 | 500;\n\n  /**\n   * Defines language and thus displays the proper error page in the selected language.\n   */\n  @Prop() language: 'en' | 'de' = 'en';\n\n  /**\n   * Defines a custom title.\n   */\n  @Prop() customTitle?: string;\n\n  /**\n   * Defines a custom description.\n   */\n  @Prop() customDescription?: string[];\n\n  /**\n   * Defines a custom icon.\n   */\n  @Prop() customIcon?: string;\n\n  private getIconName() {\n    if (this.customIcon != null) {\n      return this.customIcon;\n    }\n\n    if (this.errorCode == null) {\n      return;\n    }\n\n    if (this.errorCode === 403) {\n      return 'lock';\n    }\n\n    if (this.errorCode === 404) {\n      return 'find-in-page';\n    }\n\n    if (this.errorCode === 500) {\n      return 'sentiment-dissatisfied';\n    }\n  }\n\n  private getErrorTitle(): string | undefined {\n    if (this.customTitle != null) {\n      return this.customTitle;\n    }\n\n    if (this.errorCode == null) {\n      return;\n    }\n\n    return TITLE_PER_ERROR_CODE[this.errorCode][this.language];\n  }\n\n  private getErrorDescription() {\n    if (this.errorCode == null && this.customDescription == null) {\n      return;\n    }\n\n    const descriptions = this.getDescriptions() ?? [];\n    return descriptions.map((errorMessage) => <div>{errorMessage}</div>);\n  }\n\n  private getDescriptions() {\n    if (this.customDescription !== undefined) {\n      return this.customDescription;\n    }\n\n    if (this.errorCode == null) {\n      return;\n    }\n\n    return DESCRIPTION_PER_ERROR_CODE[this.errorCode][this.language];\n  }\n\n  render() {\n    return (\n      <div part=\"container\">\n        <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n          <six-picto size=\"4xl\" class=\"six-error-page__icon\" part=\"icon\">\n            {this.getIconName()}\n          </six-picto>\n        </div>\n        <div class=\"six-error-page__title\" part=\"title\">\n          {this.getErrorTitle()}\n        </div>\n        <div class=\"six-error-page__description\" part=\"description\">\n          {this.getErrorDescription()}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-error.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SixError extends Components.SixError, HTMLElement {}
 export const SixError: {
-  prototype: SixError;
-  new (): SixError;
+    prototype: SixError;
+    new (): SixError;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/six-error.js

@@ -1,8 +1,9 @@
-import { S as SixError$1, d as defineCustomElement$1 } from './six-error2.js';
+import { S as SixError$1, d as defineCustomElement$1 } from './p-Cku9xxcT.js';
 
 const SixError = SixError$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { SixError, defineCustomElement };
+//# sourceMappingURL=six-error.js.map
 
 //# sourceMappingURL=six-error.js.map

package/dist/components/six-file-list-item.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SixFileListItem extends Components.SixFileListItem, HTMLElement {}
 export const SixFileListItem: {
-  prototype: SixFileListItem;
-  new (): SixFileListItem;
+    prototype: SixFileListItem;
+    new (): SixFileListItem;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/six-file-list-item.js

@@ -1,74 +1,79 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './six-icon2.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-BAe7gBEi.js';
+import { d as defineCustomElement$2 } from './p-DyBhkgST.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)}";
+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(-3px);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)}";
 
-const SixFileListItem$1 = /*@__PURE__*/ proxyCustomElement(class SixFileListItem extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.downloadEvent = createEvent(this, "six-file-list-item-download", 7);
-    this.removeEvent = createEvent(this, "six-file-list-item-remove", 7);
-    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 });
-    };
-    this.identifier = '';
-    this.name = '';
-    this.date = '';
-    this.size = undefined;
-    this.nodownload = false;
-    this.nodelete = false;
-  }
-  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 != null && 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")));
-  }
-  static get style() { return sixFileListItemCss; }
+const SixFileListItem$1 = /*@__PURE__*/ proxyCustomElement(class SixFileListItem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.downloadEvent = createEvent(this, "six-file-list-item-download");
+        this.removeEvent = createEvent(this, "six-file-list-item-remove");
+        /** 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", { key: '65ea17f1ce1ff3d9cb48696bbf25465f126ca879', class: "six-files-list-item" }, h("span", { key: '53749104860721fd92bbb07b84029e2d3a22c0c0', class: {
+                'six-files-list-item__name': true,
+                'six-files-list-item__name--disabled': this.nodownload,
+            }, onClick: this.downloadFile }, this.name), h("span", { key: '637a12f8bb040e3cf5392ebe7ac488e3d08ae6fb', class: "six-files-list-item__date" }, this.date), this.size != null && h("span", { key: '208e19ce7a5fa642b0b860fdba2d0dc83feb12fc', class: "six-files-list-item__size" }, Math.round(this.size / 1024), " KB"), h("six-icon", { key: 'ecca120c27d87cd450f99ab24ec26f056d014d71', class: {
+                'six-files-list-item__icon': true,
+                'six-files-list-item__icon--disabled': this.nodelete,
+            }, size: "small", onClick: this.removeFile }, "delete")));
+    }
+    static get style() { return sixFileListItemCss; }
 }, [1, "six-file-list-item", {
-    "identifier": [513],
-    "name": [513],
-    "date": [513],
-    "size": [514],
-    "nodownload": [516],
-    "nodelete": [516]
-  }]);
+        "identifier": [513],
+        "name": [513],
+        "date": [513],
+        "size": [514],
+        "nodownload": [516],
+        "nodelete": [516]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-file-list-item", "six-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-file-list-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixFileListItem$1);
-      }
-      break;
-    case "six-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-file-list-item", "six-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-file-list-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixFileListItem$1);
+            }
+            break;
+        case "six-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const SixFileListItem = SixFileListItem$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { SixFileListItem, defineCustomElement };
+//# sourceMappingURL=six-file-list-item.js.map
 
 //# sourceMappingURL=six-file-list-item.js.map

package/dist/components/six-file-list-item.js.map

@@ -1 +1 @@
-{"file":"six-file-list-item.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,6zBAA6zB;;MCsB30BA,iBAAe;;;;;;;IAyBlB,iBAAY,GAAG;MACrB,IAAI,IAAI,CAAC,UAAU,EAAE;QACnB,OAAO;OACR;MAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KACvE,CAAC;IAEM,eAAU,GAAG;MACnB,IAAI,IAAI,CAAC,QAAQ,EAAE;QACjB,OAAO;OACR;MAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KACrE,CAAC;sBArCoC,EAAE;gBAGR,EAAE;gBAGF,EAAE;;sBAMI,KAAK;oBAGP,KAAK;;EAwBzC,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,qBAAqB,IAC9B,YACE,KAAK,EAAE;QACL,2BAA2B,EAAE,IAAI;QACjC,qCAAqC,EAAE,IAAI,CAAC,UAAU;OACvD,EACD,OAAO,EAAE,IAAI,CAAC,YAAY,IAEzB,IAAI,CAAC,IAAI,CACL,EACP,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,IAAI,CAAQ,EACzD,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAW,EACtG,gBACE,KAAK,EAAE;QACL,2BAA2B,EAAE,IAAI;QACjC,qCAAqC,EAAE,IAAI,CAAC,QAAQ;OACrD,EACD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,UAAU,aAGf,CACP,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SixFileListItem"],"sources":["src/components/six-file-list-item/six-file-list-item.scss?tag=six-file-list-item&encapsulation=shadow","src/components/six-file-list-item/six-file-list-item.tsx"],"sourcesContent":[".six-files-list-item {\n  padding-bottom: 0.5rem;\n\n  &__name {\n    color: var(--six-color-action-600);\n    cursor: pointer;\n\n    &--disabled {\n      cursor: inherit;\n      color: var(--six-color-web-rock-500);\n    }\n\n    &:hover:not(&--disabled) {\n      color: var(--six-color-action-500);\n    }\n  }\n\n  &__date {\n    padding-left: 1rem;\n    color: var(--six-color-web-rock-600);\n  }\n\n  &__size {\n    padding-left: 1rem;\n    color: var(--six-color-web-rock-600);\n  }\n\n  &__icon {\n    padding-left: 0.5rem;\n    display: inline-block;\n    transform: translateY(-1px);\n    cursor: pointer;\n    color: var(--six-color-web-rock-600);\n\n    &--disabled {\n      cursor: not-allowed;\n      color: var(--six-color-web-rock-500);\n    }\n\n    &:hover:not(&--disabled) {\n      color: var(--six-color-web-rock-900);\n    }\n  }\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\nexport interface SixFileListDownloadPayload {\n  fileId: string;\n  name: string;\n}\n\nexport interface SixFileListRemovePayload {\n  fileId: string;\n  name: string;\n}\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n */\n@Component({\n  tag: 'six-file-list-item',\n  styleUrl: 'six-file-list-item.scss',\n  shadow: true,\n})\nexport class SixFileListItem {\n  /** An id to clearly identify the file */\n  @Prop({ reflect: true }) identifier = '';\n\n  /** The filename */\n  @Prop({ reflect: true }) name = '';\n\n  /** The date when the file was uploaded */\n  @Prop({ reflect: true }) date = '';\n\n  /** The file size. This number will be divided by 1024 to show the filesize in KB */\n  @Prop({ reflect: true }) size?: number;\n\n  /** Set to true if you don't want to allow to download this file */\n  @Prop({ reflect: true }) nodownload = false;\n\n  /** Set to true if you don't want to allow to delete this file */\n  @Prop({ reflect: true }) nodelete = false;\n\n  /** Triggered on file download. */\n  @Event({ eventName: 'six-file-list-item-download' }) downloadEvent!: EventEmitter<SixFileListDownloadPayload>;\n\n  /** Triggered on file remove. */\n  @Event({ eventName: 'six-file-list-item-remove' }) removeEvent!: EventEmitter<SixFileListRemovePayload>;\n\n  private downloadFile = () => {\n    if (this.nodownload) {\n      return;\n    }\n\n    this.downloadEvent.emit({ fileId: this.identifier, name: this.name });\n  };\n\n  private removeFile = () => {\n    if (this.nodelete) {\n      return;\n    }\n\n    this.removeEvent.emit({ fileId: this.identifier, name: this.name });\n  };\n\n  render() {\n    return (\n      <div class=\"six-files-list-item\">\n        <span\n          class={{\n            'six-files-list-item__name': true,\n            'six-files-list-item__name--disabled': this.nodownload,\n          }}\n          onClick={this.downloadFile}\n        >\n          {this.name}\n        </span>\n        <span class=\"six-files-list-item__date\">{this.date}</span>\n        {this.size != null && <span class=\"six-files-list-item__size\">{Math.round(this.size / 1024)} KB</span>}\n        <six-icon\n          class={{\n            'six-files-list-item__icon': true,\n            'six-files-list-item__icon--disabled': this.nodelete,\n          }}\n          size=\"small\"\n          onClick={this.removeFile}\n        >\n          delete\n        </six-icon>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"six-file-list-item.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,6zBAA6zB;;MCsB30BA,iBAAe,iBAAAC,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,GAAA;;;;;;;AAO2B,QAAA,IAAU,CAAA,UAAA,GAAG,EAAE;;AAGf,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE;;AAGT,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE;;AAMT,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;;AAGlB,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAQjC,QAAA,IAAY,CAAA,YAAA,GAAG,MAAK;AAC1B,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB;;AAGF,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;AACvE,SAAC;AAEO,QAAA,IAAU,CAAA,UAAA,GAAG,MAAK;AACxB,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB;;AAGF,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;AACrE,SAAC;AA6BF;IA3BC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,2BAA2B,EAAE,IAAI;gBACjC,qCAAqC,EAAE,IAAI,CAAC,UAAU;AACvD,aAAA,EACD,OAAO,EAAE,IAAI,CAAC,YAAY,EAEzB,EAAA,IAAI,CAAC,IAAI,CACL,EACP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,IAAI,CAAQ,EACzD,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAW,KAAA,CAAA,EACtG,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,2BAA2B,EAAE,IAAI;gBACjC,qCAAqC,EAAE,IAAI,CAAC,QAAQ;AACrD,aAAA,EACD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,UAAU,EAAA,EAAA,QAAA,CAGf,CACP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SixFileListItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-file-list-item/six-file-list-item.scss?tag=six-file-list-item&encapsulation=shadow","src/components/six-file-list-item/six-file-list-item.tsx"],"sourcesContent":[".six-files-list-item {\n  padding-bottom: 0.5rem;\n\n  &__name {\n    color: var(--six-color-action-600);\n    cursor: pointer;\n\n    &--disabled {\n      cursor: inherit;\n      color: var(--six-color-web-rock-500);\n    }\n\n    &:hover:not(&--disabled) {\n      color: var(--six-color-action-500);\n    }\n  }\n\n  &__date {\n    padding-left: 1rem;\n    color: var(--six-color-web-rock-600);\n  }\n\n  &__size {\n    padding-left: 1rem;\n    color: var(--six-color-web-rock-600);\n  }\n\n  &__icon {\n    padding-left: 0.5rem;\n    display: inline-block;\n    transform: translateY(-3px);\n    cursor: pointer;\n    color: var(--six-color-web-rock-600);\n\n    &--disabled {\n      cursor: not-allowed;\n      color: var(--six-color-web-rock-500);\n    }\n\n    &:hover:not(&--disabled) {\n      color: var(--six-color-web-rock-900);\n    }\n  }\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\nexport interface SixFileListDownloadPayload {\n  fileId: string;\n  name: string;\n}\n\nexport interface SixFileListRemovePayload {\n  fileId: string;\n  name: string;\n}\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n */\n@Component({\n  tag: 'six-file-list-item',\n  styleUrl: 'six-file-list-item.scss',\n  shadow: true,\n})\nexport class SixFileListItem {\n  /** An id to clearly identify the file */\n  @Prop({ reflect: true }) identifier = '';\n\n  /** The filename */\n  @Prop({ reflect: true }) name = '';\n\n  /** The date when the file was uploaded */\n  @Prop({ reflect: true }) date = '';\n\n  /** The file size. This number will be divided by 1024 to show the filesize in KB */\n  @Prop({ reflect: true }) size?: number;\n\n  /** Set to true if you don't want to allow to download this file */\n  @Prop({ reflect: true }) nodownload = false;\n\n  /** Set to true if you don't want to allow to delete this file */\n  @Prop({ reflect: true }) nodelete = false;\n\n  /** Triggered on file download. */\n  @Event({ eventName: 'six-file-list-item-download' }) downloadEvent!: EventEmitter<SixFileListDownloadPayload>;\n\n  /** Triggered on file remove. */\n  @Event({ eventName: 'six-file-list-item-remove' }) removeEvent!: EventEmitter<SixFileListRemovePayload>;\n\n  private downloadFile = () => {\n    if (this.nodownload) {\n      return;\n    }\n\n    this.downloadEvent.emit({ fileId: this.identifier, name: this.name });\n  };\n\n  private removeFile = () => {\n    if (this.nodelete) {\n      return;\n    }\n\n    this.removeEvent.emit({ fileId: this.identifier, name: this.name });\n  };\n\n  render() {\n    return (\n      <div class=\"six-files-list-item\">\n        <span\n          class={{\n            'six-files-list-item__name': true,\n            'six-files-list-item__name--disabled': this.nodownload,\n          }}\n          onClick={this.downloadFile}\n        >\n          {this.name}\n        </span>\n        <span class=\"six-files-list-item__date\">{this.date}</span>\n        {this.size != null && <span class=\"six-files-list-item__size\">{Math.round(this.size / 1024)} KB</span>}\n        <six-icon\n          class={{\n            'six-files-list-item__icon': true,\n            'six-files-list-item__icon--disabled': this.nodelete,\n          }}\n          size=\"small\"\n          onClick={this.removeFile}\n        >\n          delete\n        </six-icon>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-file-list.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SixFileList extends Components.SixFileList, HTMLElement {}
 export const SixFileList: {
-  prototype: SixFileList;
-  new (): SixFileList;
+    prototype: SixFileList;
+    new (): SixFileList;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/six-file-list.js

@@ -1,35 +1,36 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-BAe7gBEi.js';
 
 const sixFileListCss = ".six-files-list__container{padding:1rem}.six-files-list__container :last-child{padding-bottom:0}";
 
-const SixFileList$1 = /*@__PURE__*/ proxyCustomElement(class SixFileList extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h("div", { class: "six-files-list__container" }, h("slot", null)));
-  }
-  static get style() { return sixFileListCss; }
+const SixFileList$1 = /*@__PURE__*/ proxyCustomElement(class SixFileList extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("div", { key: '2c41167cf7fb9a529f512d32cd8c8d617131ddde', class: "six-files-list__container" }, h("slot", { key: 'a5e3bcc78a1ba7d680470da878ab7a41fd5d0caf' })));
+    }
+    static get style() { return sixFileListCss; }
 }, [1, "six-file-list"]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-file-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-file-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixFileList$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-file-list"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-file-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixFileList$1);
+            }
+            break;
+    } });
 }
 
 const SixFileList = SixFileList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { SixFileList, defineCustomElement };
+//# sourceMappingURL=six-file-list.js.map
 
 //# sourceMappingURL=six-file-list.js.map

package/dist/components/six-file-list.js.map

@@ -1 +1 @@
-{"file":"six-file-list.js","mappings":";;AAAA,MAAM,cAAc,GAAG,kGAAkG;;MCY5GA,aAAW;;;;;;EACtB,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,2BAA2B,IACpC,eAAQ,CACJ,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":["SixFileList"],"sources":["src/components/six-file-list/six-file-list.scss?tag=six-file-list&encapsulation=shadow","src/components/six-file-list/six-file-list.tsx"],"sourcesContent":[".six-files-list {\n  &__container {\n    padding: 1rem;\n\n    & :last-child {\n      padding-bottom: 0;\n    }\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n */\n@Component({\n  tag: 'six-file-list',\n  styleUrl: 'six-file-list.scss',\n  shadow: true,\n})\nexport class SixFileList {\n  render() {\n    return (\n      <div class=\"six-files-list__container\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"six-file-list.js","mappings":";;AAAA,MAAM,cAAc,GAAG,kGAAkG;;MCY5GA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;IACtB,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;","names":["SixFileList","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-file-list/six-file-list.scss?tag=six-file-list&encapsulation=shadow","src/components/six-file-list/six-file-list.tsx"],"sourcesContent":[".six-files-list {\n  &__container {\n    padding: 1rem;\n\n    & :last-child {\n      padding-bottom: 0;\n    }\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n */\n@Component({\n  tag: 'six-file-list',\n  styleUrl: 'six-file-list.scss',\n  shadow: true,\n})\nexport class SixFileList {\n  render() {\n    return (\n      <div class=\"six-files-list__container\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-file-upload.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SixFileUpload extends Components.SixFileUpload, HTMLElement {}
 export const SixFileUpload: {
-  prototype: SixFileUpload;
-  new (): SixFileUpload;
+    prototype: SixFileUpload;
+    new (): SixFileUpload;
 };
 /**
  * Used to define this component and all nested components recursively.