@six-group/ui-library 4.0.0-beta.0 → 4.0.0-beta.2

package/dist/collection/components/six-error-page/test/six-error-page.spec.js

@@ -0,0 +1,240 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { SixErrorPage } from "../six-error-page";
+describe('six-error-page', () => {
+  it('should render right page for error code 403 in english', async () => {
+    // given
+    const config = {
+      components: [SixErrorPage],
+      html: `<six-error-page error-code="403" language="en"></six-error-page>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-error-page error-code="403" language="en">
+      <mock:shadow-root>
+        <div part="container">
+          <div class="six-error-page__icon-container" part="icon-container">
+            <six-picto class="six-error-page__icon" part="icon" size="4xl">
+              lock
+            </six-picto>
+          </div>
+          <div class="six-error-page__title" part="title">
+            Access Denied
+          </div>
+          <div class="six-error-page__description" part="description">
+            <div>
+              You don’t have permission to access this page.
+            </div>
+            <div>
+              Please contact an administrator or click the SIX logo on top left.
+            </div>
+          </div>
+        </div>
+      </mock:shadow-root>
+    </six-error-page>
+   `);
+  });
+  it('should render right page for error code 403 in german', async () => {
+    // given
+    const config = {
+      components: [SixErrorPage],
+      html: `<six-error-page error-code="403" language="de"></six-error-page>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+        <six-error-page error-code="403" language="de">
+      <mock:shadow-root>
+        <div part="container">
+          <div class="six-error-page__icon-container" part="icon-container">
+            <six-picto class="six-error-page__icon" part="icon" size="4xl">
+              lock
+            </six-picto>
+          </div>
+          <div class="six-error-page__title" part="title">
+            Kein Zugriff
+          </div>
+          <div class="six-error-page__description" part="description">
+            <div>
+              Sie haben keine Zugriffsberechtigung auf diese Seite.
+            </div>
+            <div>
+              Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.
+            </div>
+          </div>
+        </div>
+      </mock:shadow-root>
+    </six-error-page>
+   `);
+  });
+  it('should render right page for error code 404 in english', async () => {
+    // given
+    const config = {
+      components: [SixErrorPage],
+      html: `<six-error-page error-code="404" language="en"></six-error-page>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-error-page error-code="404" language="en">
+      <mock:shadow-root>
+        <div part="container">
+          <div class="six-error-page__icon-container" part="icon-container">
+            <six-picto class="six-error-page__icon" part="icon" size="4xl">
+              find-in-page
+            </six-picto>
+          </div>
+          <div class="six-error-page__title" part="title">
+            Not Found
+          </div>
+          <div class="six-error-page__description" part="description">
+            <div>
+              We have not found the page you requested.
+            </div>
+            <div>
+              Please click the SIX logo on top left.
+            </div>
+          </div>
+        </div>
+      </mock:shadow-root>
+    </six-error-page>
+   `);
+  });
+  it('should render right page for error code 404 in german', async () => {
+    // given
+    const config = {
+      components: [SixErrorPage],
+      html: `<six-error-page error-code="404" language="de"></six-error-page>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-error-page error-code="404" language="de">
+      <mock:shadow-root>
+        <div part="container">
+          <div class="six-error-page__icon-container" part="icon-container">
+            <six-picto class="six-error-page__icon" part="icon" size="4xl">
+              find-in-page
+            </six-picto>
+          </div>
+          <div class="six-error-page__title" part="title">
+            Seite nicht gefunden
+          </div>
+          <div class="six-error-page__description" part="description">
+            <div>
+              Wir haben die angeforderte Seite nicht gefunden.
+            </div>
+            <div>
+              Bitte klicken Sie auf das SIX-Logo oben links.
+            </div>
+          </div>
+        </div>
+      </mock:shadow-root>
+    </six-error-page>
+   `);
+  });
+  it('should render right page for error code 500 in english', async () => {
+    // given
+    const config = {
+      components: [SixErrorPage],
+      html: `<six-error-page error-code="500" language="en"></six-error-page>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-error-page error-code="500" language="en">
+      <mock:shadow-root>
+        <div part="container">
+          <div class="six-error-page__icon-container" part="icon-container">
+            <six-picto class="six-error-page__icon" part="icon" size="4xl">
+              sentiment-dissatisfied
+            </six-picto>
+          </div>
+          <div class="six-error-page__title" part="title">
+            Ooops!
+          </div>
+          <div class="six-error-page__description" part="description">
+            <div>
+              Sorry, we messed up! We try to fix this.
+            </div>
+            <div>
+              Please click the SIX logo on top left.
+            </div>
+          </div>
+        </div>
+      </mock:shadow-root>
+    </six-error-page>
+   `);
+  });
+  it('should render right page for error code 500 in german', async () => {
+    // given
+    const config = {
+      components: [SixErrorPage],
+      html: `<six-error-page error-code="500" language="de"></six-error-page>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-error-page error-code="500" language="de">
+      <mock:shadow-root>
+        <div part="container">
+          <div class="six-error-page__icon-container" part="icon-container">
+            <six-picto class="six-error-page__icon" part="icon" size="4xl">
+              sentiment-dissatisfied
+            </six-picto>
+          </div>
+          <div class="six-error-page__title" part="title">
+            Ups!
+          </div>
+          <div class="six-error-page__description" part="description">
+            <div>
+              Sorry, das war unser Fehler! Wir versuchen das zu beheben.
+            </div>
+            <div>
+              Bitte klicken Sie auf das SIX-Logo oben links.
+            </div>
+          </div>
+        </div>
+      </mock:shadow-root>
+    </six-error-page>
+   `);
+  });
+  it('should render right page for custom error', async () => {
+    // given
+    const config = {
+      components: [SixErrorPage],
+      html: `<six-error-page custom-title="my title" id="custom-error-message" custom-icon="home"></six-error-page>
+        <script type="module">
+          const sixErrorPage = document.getElementById('custom-error-message');
+          sixErrorPage.customDescription = ['My', 'Description'];
+        </script>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-error-page custom-icon="home" custom-title="my title" id="custom-error-message">
+      <mock:shadow-root>
+        <div part="container">
+          <div class="six-error-page__icon-container" part="icon-container">
+            <six-picto class="six-error-page__icon" part="icon" size="4xl">
+              home
+            </six-picto>
+          </div>
+          <div class="six-error-page__title" part="title">
+            my title
+          </div>
+          <div class="six-error-page__description" part="description"></div>
+        </div>
+      </mock:shadow-root>
+    </six-error-page>
+   `);
+  });
+});
+//# sourceMappingURL=six-error-page.spec.js.map

package/dist/collection/components/six-error-page/test/six-error-page.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-error-page.spec.js","sourceRoot":"","sources":["../../../../src/components/six-error-page/test/six-error-page.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixErrorPage } from '../six-error-page';\n\ndescribe('six-error-page', () => {\n  it('should render right page for error code 403 in english', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"403\" language=\"en\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page error-code=\"403\" language=\"en\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              lock\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Access Denied\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              You don’t have permission to access this page.\n            </div>\n            <div>\n              Please contact an administrator or click the SIX logo on top left.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for error code 403 in german', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"403\" language=\"de\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n        <six-error-page error-code=\"403\" language=\"de\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              lock\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Kein Zugriff\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              Sie haben keine Zugriffsberechtigung auf diese Seite.\n            </div>\n            <div>\n              Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for error code 404 in english', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"404\" language=\"en\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page error-code=\"404\" language=\"en\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              find-in-page\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Not Found\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              We have not found the page you requested.\n            </div>\n            <div>\n              Please click the SIX logo on top left.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for error code 404 in german', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"404\" language=\"de\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page error-code=\"404\" language=\"de\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              find-in-page\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Seite nicht gefunden\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              Wir haben die angeforderte Seite nicht gefunden.\n            </div>\n            <div>\n              Bitte klicken Sie auf das SIX-Logo oben links.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for error code 500 in english', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"500\" language=\"en\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page error-code=\"500\" language=\"en\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              sentiment-dissatisfied\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Ooops!\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              Sorry, we messed up! We try to fix this.\n            </div>\n            <div>\n              Please click the SIX logo on top left.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for error code 500 in german', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"500\" language=\"de\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page error-code=\"500\" language=\"de\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              sentiment-dissatisfied\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Ups!\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              Sorry, das war unser Fehler! Wir versuchen das zu beheben.\n            </div>\n            <div>\n              Bitte klicken Sie auf das SIX-Logo oben links.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for custom error', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page custom-title=\"my title\" id=\"custom-error-message\" custom-icon=\"home\"></six-error-page>\n        <script type=\"module\">\n          const sixErrorPage = document.getElementById('custom-error-message');\n          sixErrorPage.customDescription = ['My', 'Description'];\n        </script>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page custom-icon=\"home\" custom-title=\"my title\" id=\"custom-error-message\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              home\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            my title\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\"></div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n});\n"]}

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 /**
  * @since 2.0.0
  * @status experimental

package/dist/collection/components/six-file-list/test/six-file-list.spec.js

@@ -0,0 +1,67 @@
+import { SixFileList } from "../six-file-list";
+import { newSpecPage } from "@stencil/core/testing";
+describe('six-file-list', () => {
+  it('should create a component instance', () => {
+    expect(new SixFileList()).toBeInstanceOf(SixFileList);
+  });
+  it('renders minimal six-file-list', async () => {
+    const page = await newSpecPage({
+      components: [SixFileList],
+      html: `<six-file-list></six-file-list>`,
+    });
+    expect(page.root).toEqualHtml(`
+        <six-file-list>
+          <mock:shadow-root>
+            <div class="six-files-list__container">
+              <slot></slot>
+            </div>
+          </mock:shadow-root>
+        </six-file-list>
+    `);
+  });
+  it('renders six-file-list with items', async () => {
+    const page = await newSpecPage({
+      components: [SixFileList],
+      html: `
+       <six-file-list>
+          <six-file-list-item identifier="id_1" name="file_1.pdf"></six-file-list-item>
+          <six-file-list-item identifier="id_2" name="file_2.pdf" date="23.09.2021, 09:12"></six-file-list-item>
+          <six-file-list-item
+            identifier="id_3"
+            name="file_3.pdf"
+            date="03.12.2021, 10:22"
+            size="75680"
+          ></six-file-list-item>
+          <six-file-list-item
+            identifier="id_4"
+            name="file_4.pdf"
+            date="02.10.2021, 12:25"
+            size="77590"
+            nodownload
+          ></six-file-list-item>
+          <six-file-list-item
+            identifier="id_5"
+            name="file_5.pdf"
+            date="11.07.2021, 10:32"
+            size="72040"
+            nodelete
+          ></six-file-list-item>
+        </six-file-list>`,
+    });
+    expect(page.root).toEqualHtml(`
+        <six-file-list>
+          <mock:shadow-root>
+            <div class="six-files-list__container">
+              <slot></slot>
+            </div>
+          </mock:shadow-root>
+          <six-file-list-item identifier="id_1" name="file_1.pdf"></six-file-list-item>
+          <six-file-list-item date="23.09.2021, 09:12" identifier="id_2" name="file_2.pdf"></six-file-list-item>
+          <six-file-list-item date="03.12.2021, 10:22" identifier="id_3" name="file_3.pdf" size="75680"></six-file-list-item>
+          <six-file-list-item date="02.10.2021, 12:25" identifier="id_4" name="file_4.pdf" nodownload="" size="77590"></six-file-list-item>
+          <six-file-list-item date="11.07.2021, 10:32" identifier="id_5" name="file_5.pdf" nodelete="" size="72040"></six-file-list-item>
+        </six-file-list>
+    `);
+  });
+});
+//# sourceMappingURL=six-file-list.spec.js.map

package/dist/collection/components/six-file-list/test/six-file-list.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-file-list.spec.js","sourceRoot":"","sources":["../../../../src/components/six-file-list/test/six-file-list.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC7B,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAC5C,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;EACxD,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;IAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;MACzB,IAAI,EAAE,iCAAiC;KACxC,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;IAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;MACzB,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;yBAwBa;KACpB,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { SixFileList } from '../six-file-list';\nimport { newSpecPage } from '@stencil/core/testing';\n\ndescribe('six-file-list', () => {\n  it('should create a component instance', () => {\n    expect(new SixFileList()).toBeInstanceOf(SixFileList);\n  });\n\n  it('renders minimal six-file-list', async () => {\n    const page = await newSpecPage({\n      components: [SixFileList],\n      html: `<six-file-list></six-file-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-list>\n          <mock:shadow-root>\n            <div class=\"six-files-list__container\">\n              <slot></slot>\n            </div>\n          </mock:shadow-root>\n        </six-file-list>\n    `);\n  });\n\n  it('renders six-file-list with items', async () => {\n    const page = await newSpecPage({\n      components: [SixFileList],\n      html: `\n       <six-file-list>\n          <six-file-list-item identifier=\"id_1\" name=\"file_1.pdf\"></six-file-list-item>\n          <six-file-list-item identifier=\"id_2\" name=\"file_2.pdf\" date=\"23.09.2021, 09:12\"></six-file-list-item>\n          <six-file-list-item\n            identifier=\"id_3\"\n            name=\"file_3.pdf\"\n            date=\"03.12.2021, 10:22\"\n            size=\"75680\"\n          ></six-file-list-item>\n          <six-file-list-item\n            identifier=\"id_4\"\n            name=\"file_4.pdf\"\n            date=\"02.10.2021, 12:25\"\n            size=\"77590\"\n            nodownload\n          ></six-file-list-item>\n          <six-file-list-item\n            identifier=\"id_5\"\n            name=\"file_5.pdf\"\n            date=\"11.07.2021, 10:32\"\n            size=\"72040\"\n            nodelete\n          ></six-file-list-item>\n        </six-file-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-list>\n          <mock:shadow-root>\n            <div class=\"six-files-list__container\">\n              <slot></slot>\n            </div>\n          </mock:shadow-root>\n          <six-file-list-item identifier=\"id_1\" name=\"file_1.pdf\"></six-file-list-item>\n          <six-file-list-item date=\"23.09.2021, 09:12\" identifier=\"id_2\" name=\"file_2.pdf\"></six-file-list-item>\n          <six-file-list-item date=\"03.12.2021, 10:22\" identifier=\"id_3\" name=\"file_3.pdf\" size=\"75680\"></six-file-list-item>\n          <six-file-list-item date=\"02.10.2021, 12:25\" identifier=\"id_4\" name=\"file_4.pdf\" nodownload=\"\" size=\"77590\"></six-file-list-item>\n          <six-file-list-item date=\"11.07.2021, 10:32\" identifier=\"id_5\" name=\"file_5.pdf\" nodelete=\"\" size=\"72040\"></six-file-list-item>\n        </six-file-list>\n    `);\n  });\n});\n"]}

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 /**
  * @since 2.0.0
  * @status experimental
@@ -29,7 +29,7 @@ export class SixFileListItem {
     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: {
+      }, 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")));
@@ -107,11 +107,11 @@ export class SixFileListItem {
         "mutable": false,
         "complexType": {
           "original": "number",
-          "resolved": "number",
+          "resolved": "number | undefined",
           "references": {}
         },
         "required": false,
-        "optional": false,
+        "optional": true,
         "docs": {
           "tags": [],
           "text": "The file size. This number will be divided by 1024 to show the filesize in KB"
@@ -174,7 +174,8 @@ export class SixFileListItem {
           "references": {
             "SixFileListDownloadPayload": {
               "location": "local",
-              "path": "/home/runner/work/six-webcomponents/six-webcomponents/packages/ui-library/src/components/six-file-list-item/six-file-list-item.tsx"
+              "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/ui-library/src/components/six-file-list-item/six-file-list-item.tsx",
+              "id": "src/components/six-file-list-item/six-file-list-item.tsx::SixFileListDownloadPayload"
             }
           }
         }
@@ -194,7 +195,8 @@ export class SixFileListItem {
           "references": {
             "SixFileListRemovePayload": {
               "location": "local",
-              "path": "/home/runner/work/six-webcomponents/six-webcomponents/packages/ui-library/src/components/six-file-list-item/six-file-list-item.tsx"
+              "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/ui-library/src/components/six-file-list-item/six-file-list-item.tsx",
+              "id": "src/components/six-file-list-item/six-file-list-item.tsx::SixFileListRemovePayload"
             }
           }
         }

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

@@ -1 +1 @@
-{"version":3,"file":"six-file-list-item.js","sourceRoot":"","sources":["../../../src/components/six-file-list-item/six-file-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAYxE;;;;GAIG;AAMH,MAAM,OAAO,eAAe;;IAyB1B,iBAAY,GAAG,GAAG,EAAE;MAClB,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;IACxE,CAAC,CAAC;IAEF,eAAU,GAAG,GAAG,EAAE;MAChB,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;IACtE,CAAC,CAAC;sBArCoC,EAAE;gBAGR,EAAE;gBAGF,EAAE;;sBAMI,KAAK;oBAGP,KAAK;;EAwBzC,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,qBAAqB;MAC9B,YACE,KAAK,EAAE;UACL,2BAA2B,EAAE,IAAI;UACjC,qCAAqC,EAAE,IAAI,CAAC,UAAU;SACvD,EACD,OAAO,EAAE,IAAI,CAAC,YAAY,IAEzB,IAAI,CAAC,IAAI,CACL;MACP,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,IAAI,CAAQ;MACzD,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,YAAM,KAAK,EAAC,2BAA2B;QAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;cAAW;MAC5G,gBACE,KAAK,EAAE;UACL,2BAA2B,EAAE,IAAI;UACjC,qCAAqC,EAAE,IAAI,CAAC,QAAQ;SACrD,EACD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,UAAU,aAGf,CACP,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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  downloadFile = () => {\n    if (this.nodownload) {\n      return;\n    }\n\n    this.downloadEvent.emit({ fileId: this.identifier, name: this.name });\n  };\n\n  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 !== undefined && <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","sourceRoot":"","sources":["../../../src/components/six-file-list-item/six-file-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAYxE;;;;GAIG;AAMH,MAAM,OAAO,eAAe;;IAyBlB,iBAAY,GAAG,GAAG,EAAE;MAC1B,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;IACxE,CAAC,CAAC;IAEM,eAAU,GAAG,GAAG,EAAE;MACxB,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;IACtE,CAAC,CAAC;sBArCoC,EAAE;gBAGR,EAAE;gBAGF,EAAE;;sBAMI,KAAK;oBAGP,KAAK;;EAwBzC,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,qBAAqB;MAC9B,YACE,KAAK,EAAE;UACL,2BAA2B,EAAE,IAAI;UACjC,qCAAqC,EAAE,IAAI,CAAC,UAAU;SACvD,EACD,OAAO,EAAE,IAAI,CAAC,YAAY,IAEzB,IAAI,CAAC,IAAI,CACL;MACP,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,IAAI,CAAQ;MACzD,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,YAAM,KAAK,EAAC,2BAA2B;QAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;cAAW;MACtG,gBACE,KAAK,EAAE;UACL,2BAA2B,EAAE,IAAI;UACjC,qCAAqC,EAAE,IAAI,CAAC,QAAQ;SACrD,EACD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,UAAU,aAGf,CACP,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/six-file-list-item/test/six-file-list-item.spec.js

@@ -0,0 +1,169 @@
+import { SixFileListItem } from "../six-file-list-item";
+import { newSpecPage } from "@stencil/core/testing";
+describe('six-file-list-item', () => {
+  it('should create a component instance', () => {
+    expect(new SixFileListItem()).toBeInstanceOf(SixFileListItem);
+  });
+  it('renders minimal six-file-list-item', async () => {
+    const page = await newSpecPage({
+      components: [SixFileListItem],
+      html: `<six-file-list-item></six-file-list-item>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <six-file-list-item date="" identifier="">
+        <mock:shadow-root>
+          <div class="six-files-list-item">
+            <span class="six-files-list-item__name"></span>
+            <span class="six-files-list-item__date"></span>
+            <six-icon class="six-files-list-item__icon" size="small">
+              delete
+            </six-icon>
+          </div>
+        </mock:shadow-root>
+      </six-file-list-item>
+    `);
+  });
+  it('renders six-file-list-item with name correctly', async () => {
+    const page = await newSpecPage({
+      components: [SixFileListItem],
+      html: `<six-file-list-item identifier="id1" name="file_1.pdf"></six-file-list-item>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <six-file-list-item date="" identifier="id1" name="file_1.pdf">
+        <mock:shadow-root>
+          <div class="six-files-list-item">
+            <span class="six-files-list-item__name">
+                file_1.pdf
+            </span>
+            <span class="six-files-list-item__date"></span>
+            <six-icon class="six-files-list-item__icon" size="small">
+              delete
+            </six-icon>
+          </div>
+        </mock:shadow-root>
+      </six-file-list-item>
+    `);
+  });
+  it('renders six-file-list-item with date correctly', async () => {
+    const page = await newSpecPage({
+      components: [SixFileListItem],
+      html: `<six-file-list-item identifier="id_2" name="file_2.pdf" date="23.09.2021, 09:12"></six-file-list-item>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <six-file-list-item date="23.09.2021, 09:12" identifier="id_2" name="file_2.pdf">
+        <mock:shadow-root>
+          <div class="six-files-list-item">
+            <span class="six-files-list-item__name">
+                file_2.pdf
+            </span>
+            <span class="six-files-list-item__date">
+                23.09.2021, 09:12
+            </span>
+            <six-icon class="six-files-list-item__icon" size="small">
+              delete
+            </six-icon>
+          </div>
+        </mock:shadow-root>
+      </six-file-list-item>
+    `);
+  });
+  it('renders six-file-list-item with size correctly', async () => {
+    const page = await newSpecPage({
+      components: [SixFileListItem],
+      html: `
+      <six-file-list-item
+          identifier="id_3"
+          name="file_3.pdf"
+          date="03.12.2021, 10:22"
+          size="75680"
+        ></six-file-list-item>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <six-file-list-item date="03.12.2021, 10:22" identifier="id_3" name="file_3.pdf" size="75680">
+        <mock:shadow-root>
+          <div class="six-files-list-item">
+            <span class="six-files-list-item__name">
+              file_3.pdf
+            </span>
+            <span class="six-files-list-item__date">
+              03.12.2021, 10:22
+            </span>
+            <span class="six-files-list-item__size">
+              74 KB
+            </span>
+            <six-icon class="six-files-list-item__icon" size="small">
+              delete
+            </six-icon>
+          </div>
+        </mock:shadow-root>
+      </six-file-list-item>
+    `);
+  });
+  it('renders six-file-list-item with download disabled', async () => {
+    const page = await newSpecPage({
+      components: [SixFileListItem],
+      html: `
+      <six-file-list-item
+          identifier="id_4"
+          name="file_4.pdf"
+          date="02.10.2021, 12:25"
+          size="77590"
+          nodownload
+        ></six-file-list-item>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <six-file-list-item date="02.10.2021, 12:25" identifier="id_4" name="file_4.pdf" nodownload="" size="77590">
+        <mock:shadow-root>
+          <div class="six-files-list-item">
+            <span class="six-files-list-item__name six-files-list-item__name--disabled">
+              file_4.pdf
+            </span>
+            <span class="six-files-list-item__date">
+              02.10.2021, 12:25
+            </span>
+            <span class="six-files-list-item__size">
+              76 KB
+            </span>
+            <six-icon class="six-files-list-item__icon" size="small">
+              delete
+            </six-icon>
+          </div>
+        </mock:shadow-root>
+      </six-file-list-item>
+    `);
+  });
+  it('renders six-file-list-item with deletion disabled', async () => {
+    const page = await newSpecPage({
+      components: [SixFileListItem],
+      html: `
+      <six-file-list-item
+          identifier="id_5"
+          name="file_5.pdf"
+          date="11.07.2021, 10:32"
+          size="72040"
+          nodelete
+        ></six-file-list-item>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <six-file-list-item date="11.07.2021, 10:32" identifier="id_5" name="file_5.pdf" nodelete="" size="72040">
+        <mock:shadow-root>
+          <div class="six-files-list-item">
+            <span class="six-files-list-item__name">
+              file_5.pdf
+            </span>
+            <span class="six-files-list-item__date">
+              11.07.2021, 10:32
+            </span>
+            <span class="six-files-list-item__size">
+              70 KB
+            </span>
+            <six-icon class="six-files-list-item__icon six-files-list-item__icon--disabled" size="small">
+              delete
+            </six-icon>
+          </div>
+        </mock:shadow-root>
+      </six-file-list-item>
+    `);
+  });
+});
+//# sourceMappingURL=six-file-list-item.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"six-file-list-item.spec.js","sourceRoot":"","sources":["../../../../src/components/six-file-list-item/test/six-file-list-item.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAC5C,MAAM,CAAC,IAAI,eAAe,EAAE,CAAC,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;EAChE,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;IAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE,2CAA2C;KAClD,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;KAY7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;IAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE,8EAA8E;KACrF,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;IAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE,wGAAwG;KAC/G,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;IAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE;;;;;;+BAMmB;KAC1B,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;IACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE;;;;;;;+BAOmB;KAC1B,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;IACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE;;;;;;;+BAOmB;KAC1B,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { SixFileListItem } from '../six-file-list-item';\nimport { newSpecPage } from '@stencil/core/testing';\n\ndescribe('six-file-list-item', () => {\n  it('should create a component instance', () => {\n    expect(new SixFileListItem()).toBeInstanceOf(SixFileListItem);\n  });\n\n  it('renders minimal six-file-list-item', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `<six-file-list-item></six-file-list-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"\" identifier=\"\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name\"></span>\n            <span class=\"six-files-list-item__date\"></span>\n            <six-icon class=\"six-files-list-item__icon\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n\n  it('renders six-file-list-item with name correctly', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `<six-file-list-item identifier=\"id1\" name=\"file_1.pdf\"></six-file-list-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"\" identifier=\"id1\" name=\"file_1.pdf\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name\">\n                file_1.pdf\n            </span>\n            <span class=\"six-files-list-item__date\"></span>\n            <six-icon class=\"six-files-list-item__icon\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n\n  it('renders six-file-list-item with date correctly', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `<six-file-list-item identifier=\"id_2\" name=\"file_2.pdf\" date=\"23.09.2021, 09:12\"></six-file-list-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"23.09.2021, 09:12\" identifier=\"id_2\" name=\"file_2.pdf\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name\">\n                file_2.pdf\n            </span>\n            <span class=\"six-files-list-item__date\">\n                23.09.2021, 09:12\n            </span>\n            <six-icon class=\"six-files-list-item__icon\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n\n  it('renders six-file-list-item with size correctly', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `\n      <six-file-list-item\n          identifier=\"id_3\"\n          name=\"file_3.pdf\"\n          date=\"03.12.2021, 10:22\"\n          size=\"75680\"\n        ></six-file-list-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"03.12.2021, 10:22\" identifier=\"id_3\" name=\"file_3.pdf\" size=\"75680\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name\">\n              file_3.pdf\n            </span>\n            <span class=\"six-files-list-item__date\">\n              03.12.2021, 10:22\n            </span>\n            <span class=\"six-files-list-item__size\">\n              74 KB\n            </span>\n            <six-icon class=\"six-files-list-item__icon\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n\n  it('renders six-file-list-item with download disabled', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `\n      <six-file-list-item\n          identifier=\"id_4\"\n          name=\"file_4.pdf\"\n          date=\"02.10.2021, 12:25\"\n          size=\"77590\"\n          nodownload\n        ></six-file-list-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"02.10.2021, 12:25\" identifier=\"id_4\" name=\"file_4.pdf\" nodownload=\"\" size=\"77590\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name six-files-list-item__name--disabled\">\n              file_4.pdf\n            </span>\n            <span class=\"six-files-list-item__date\">\n              02.10.2021, 12:25\n            </span>\n            <span class=\"six-files-list-item__size\">\n              76 KB\n            </span>\n            <six-icon class=\"six-files-list-item__icon\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n\n  it('renders six-file-list-item with deletion disabled', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `\n      <six-file-list-item\n          identifier=\"id_5\"\n          name=\"file_5.pdf\"\n          date=\"11.07.2021, 10:32\"\n          size=\"72040\"\n          nodelete\n        ></six-file-list-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"11.07.2021, 10:32\" identifier=\"id_5\" name=\"file_5.pdf\" nodelete=\"\" size=\"72040\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name\">\n              file_5.pdf\n            </span>\n            <span class=\"six-files-list-item__date\">\n              11.07.2021, 10:32\n            </span>\n            <span class=\"six-files-list-item__size\">\n              70 KB\n            </span>\n            <six-icon class=\"six-files-list-item__icon six-files-list-item__icon--disabled\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n});\n"]}