@six-group/ui-library 0.0.0-insider.cd0cd0d → 0.0.0-insider.db2b416

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
@@ -174,7 +174,8 @@ export class SixFileListItem {
           "references": {
             "SixFileListDownloadPayload": {
               "location": "local",
-              "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/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/libraries/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;;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"]}
+{"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"]}

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 /**
  * @since 2.0.0
  * @status experimental
@@ -249,7 +249,8 @@ export class SixFileUpload {
           "references": {
             "SixFileUploadSuccessPayload": {
               "location": "local",
-              "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/ui-library/src/components/six-file-upload/six-file-upload.tsx"
+              "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/ui-library/src/components/six-file-upload/six-file-upload.tsx",
+              "id": "src/components/six-file-upload/six-file-upload.tsx::SixFileUploadSuccessPayload"
             }
           }
         }
@@ -269,7 +270,8 @@ export class SixFileUpload {
           "references": {
             "SixFileUploadFailurePayload": {
               "location": "local",
-              "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/ui-library/src/components/six-file-upload/six-file-upload.tsx"
+              "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/ui-library/src/components/six-file-upload/six-file-upload.tsx",
+              "id": "src/components/six-file-upload/six-file-upload.tsx::SixFileUploadFailurePayload"
             }
           }
         }

package/dist/collection/components/six-file-upload/six-file-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-file-upload.js","sourceRoot":"","sources":["../../../src/components/six-file-upload/six-file-upload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAgBhG;;;;GAIG;AAOH,MAAM,OAAO,aAAa;;IA8DhB,gBAAW,GAAG,CAAC,KAAe,EAAE,EAAE;MACxC,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACvC,OAAO;OACR;MAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACtC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,2BAA2B,EAAE,CAAC,CAAC;OACnE;MAED,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACxB,IAAI,IAAI,IAAI,IAAI,EAAE;UAChB,OAAO;SACR;QAED,IAAI,iBAAiB,GAAa,EAAE,CAAC;QACrC,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE;UACvB,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SAC/D;QAED,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,IAAI,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;UAC/E,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,6BAA6B,CAAC;UAC9G,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;SACtC;QAED,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE;UAC5D,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,kBAAkB,CAAC;UACvF,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;SACtC;OACF;MAED,MAAM,YAAY,GAAgC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;MACjG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAClC,CAAC,CAAC;IAqBM,aAAQ,GAAG,GAAG,EAAE;;MACtB,IAAI,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,KAAI,IAAI,EAAE;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QACnC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC;OAC3B;IACH,CAAC,CAAC;kBApHgB,KAAK;mBAGa,KAAK;;oBAMb,KAAK;;oBAML,KAAK;;;EAYjC,gBAAgB;IACd,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;EACH,CAAC;EAGD,eAAe;IACb,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;EACH,CAAC;EAGD,gBAAgB;IACd,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;EACH,CAAC;EAGD,WAAW,CAAC,EAAE,YAAY,EAAa;IACrC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;MACpB,IAAI,YAAY,IAAI,IAAI,EAAE;QACxB,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;OACtC;KACF;EACH,CAAC;EAoCD,gBAAgB;IACd,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;MACnE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;MACnE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;EACL,CAAC;EAED,oBAAoB;IAClB,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;MACnE,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;MACtE,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;EACL,CAAC;EAEO,eAAe,CAAC,CAAQ;IAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAC,eAAe,EAAE,CAAC;EACtB,CAAC;EAUO,WAAW;;IACjB,OAAO,CACL,MAAA,IAAI,CAAC,KAAK,mCACV,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,QAAQ,CACT,CAAC,CAAC,CAAC,CACF;;MAC2B,YAAM,KAAK,EAAC,qCAAqC,aAAc,CACnF,CACR,CAAC,CACH,CAAC;EACJ,CAAC;EAED,MAAM;IACJ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3D,OAAO,CACL,WACE,KAAK,EAAE;QACL,iBAAiB,EAAE,IAAI;QACvB,2BAA2B,EAAE,IAAI,CAAC,QAAQ;OAC3C;MAED,EAAC,SAAS,IACR,KAAK,EAAE;UACL,qCAAqC,EAAE,IAAI,CAAC,OAAO;UACnD,kCAAkC,EAAE,CAAC,IAAI,CAAC,OAAO;SAClD;QAEA,IAAI,CAAC,OAAO,IAAI,CACf,YAAM,IAAI,EAAC,QAAQ;UACjB,gBAAU,KAAK,EAAC,6BAA6B,sBAA2B,CACnE,CACR;QACD,WACE,KAAK,EAAE;YACL,4BAA4B,EAAE,IAAI;YAClC,mCAAmC,EAAE,IAAI,CAAC,MAAM;YAChD,qCAAqC,EAAE,IAAI,CAAC,OAAO;WACpD;UAED,gBAAO,IAAI,CAAC,WAAW,EAAE,CAAQ;UACjC,aACE,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,GAClC,CACE,CACI,CACR,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\n\ninterface ISingleFile {\n  file: File;\n}\n\ninterface IMultipleFiles {\n  files: FileList;\n}\n\nexport type SixFileUploadSuccessPayload = ISingleFile | IMultipleFiles;\n\nexport interface SixFileUploadFailurePayload {\n  reason: string;\n}\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n */\n@Component({\n  tag: 'six-file-upload',\n  styleUrl: 'six-file-upload.scss',\n  scoped: true,\n  shadow: false,\n})\nexport class SixFileUpload {\n  @Element() readonly host!: HTMLSixFileUploadElement;\n\n  private fileInput?: HTMLInputElement;\n\n  @State() isOver = false;\n\n  /** Set to true if file control should be small. */\n  @Prop() readonly compact: boolean = false;\n\n  /** Label of the drop area. */\n  @Prop() readonly label?: string;\n\n  /** Set when button is disabled. */\n  @Prop() readonly disabled = false;\n\n  /** Accepted MIME-Types. */\n  @Prop() readonly accept?: string;\n\n  /** More than one file allowed. */\n  @Prop() readonly multiple = false;\n\n  /** Allowed max file size in bytes. */\n  @Prop() readonly maxFileSize?: number;\n\n  /** Triggers when a file is added. */\n  @Event({ eventName: 'six-file-upload-success' }) success!: EventEmitter<SixFileUploadSuccessPayload>;\n\n  /** Triggers when an uploaded file doesn't match MIME type or max file size. */\n  @Event({ eventName: 'six-file-upload-failure' }) failure!: EventEmitter<SixFileUploadFailurePayload>;\n\n  @Listen('dragenter', { capture: false })\n  dragenterHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragover', { capture: false })\n  dragoverHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragleave', { capture: false })\n  dragleaveHandler() {\n    if (!this.disabled) {\n      this.isOver = false;\n    }\n  }\n\n  @Listen('drop', { capture: false })\n  dropHandler({ dataTransfer }: DragEvent) {\n    if (!this.disabled) {\n      this.isOver = false;\n      if (dataTransfer != null) {\n        this.handleFiles(dataTransfer.files);\n      }\n    }\n  }\n\n  private handleFiles = (files: FileList) => {\n    if (this.disabled || files.length === 0) {\n      return;\n    }\n\n    if (!this.multiple && files.length > 1) {\n      return this.failure.emit({ reason: 'Only one file is allowed.' });\n    }\n\n    for (const file of files) {\n      if (file == null) {\n        return;\n      }\n\n      let acceptedTypesList: string[] = [];\n      if (this.accept != null) {\n        acceptedTypesList = this.accept.replace(/\\s/g, '').split(',');\n      }\n\n      if (acceptedTypesList.length > 0 && acceptedTypesList.indexOf(file.type) === -1) {\n        const reason = files.length > 1 ? 'One or more files have invalid MIME type.' : 'File has invalid MIME type.';\n        return this.failure.emit({ reason });\n      }\n\n      if (this.maxFileSize != null && file.size > this.maxFileSize) {\n        const reason = files.length > 1 ? 'One or more files are too big' : 'File is too big.';\n        return this.failure.emit({ reason });\n      }\n    }\n\n    const eventPayload: SixFileUploadSuccessPayload = this.multiple ? { files } : { file: files[0] };\n    this.success.emit(eventPayload);\n  };\n\n  componentDidLoad() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.addEventListener(eventName, this.preventDefaults, false);\n      document.body.addEventListener(eventName, this.preventDefaults, false);\n    });\n  }\n\n  disconnectedCallback() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.removeEventListener(eventName, this.preventDefaults, false);\n      document.body.removeEventListener(eventName, this.preventDefaults, false);\n    });\n  }\n\n  private preventDefaults(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  private onChange = () => {\n    if (this.fileInput?.files != null) {\n      const files = this.fileInput.files;\n      this.handleFiles(files);\n      this.fileInput.value = '';\n    }\n  };\n\n  private renderLabel() {\n    return (\n      this.label ??\n      (this.compact ? (\n        'Upload'\n      ) : (\n        <span>\n          Drop files to upload, or <span class=\"six-file-upload__label--highlighted\">browse</span>\n        </span>\n      ))\n    );\n  }\n\n  render() {\n    const Container = this.compact ? 'six-button' : 'six-card';\n\n    return (\n      <div\n        class={{\n          'six-file-upload': true,\n          'six-file-upload--disabled': this.disabled,\n        }}\n      >\n        <Container\n          class={{\n            'six-file-upload__container--compact': this.compact,\n            'six-file-upload__container--full': !this.compact,\n          }}\n        >\n          {this.compact && (\n            <span slot=\"prefix\">\n              <six-icon class=\"six-file-upload__label-icon\">arrow_circle_up</six-icon>\n            </span>\n          )}\n          <div\n            class={{\n              'six-file-upload__drop-zone': true,\n              'six-file-upload__drop-zone--hover': this.isOver,\n              'six-file-upload__drop-zone--compact': this.compact,\n            }}\n          >\n            <span>{this.renderLabel()}</span>\n            <input\n              class=\"six-file-upload__input\"\n              type=\"file\"\n              name=\"resume\"\n              disabled={this.disabled}\n              accept={this.accept}\n              multiple={this.multiple}\n              onChange={this.onChange}\n              ref={(el) => (this.fileInput = el)}\n            />\n          </div>\n        </Container>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"six-file-upload.js","sourceRoot":"","sources":["../../../src/components/six-file-upload/six-file-upload.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\n\ninterface ISingleFile {\n  file: File;\n}\n\ninterface IMultipleFiles {\n  files: FileList;\n}\n\nexport type SixFileUploadSuccessPayload = ISingleFile | IMultipleFiles;\n\nexport interface SixFileUploadFailurePayload {\n  reason: string;\n}\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n */\n@Component({\n  tag: 'six-file-upload',\n  styleUrl: 'six-file-upload.scss',\n  scoped: true,\n  shadow: false,\n})\nexport class SixFileUpload {\n  @Element() readonly host!: HTMLSixFileUploadElement;\n\n  private fileInput?: HTMLInputElement;\n\n  @State() isOver = false;\n\n  /** Set to true if file control should be small. */\n  @Prop() readonly compact: boolean = false;\n\n  /** Label of the drop area. */\n  @Prop() readonly label?: string;\n\n  /** Set when button is disabled. */\n  @Prop() readonly disabled = false;\n\n  /** Accepted MIME-Types. */\n  @Prop() readonly accept?: string;\n\n  /** More than one file allowed. */\n  @Prop() readonly multiple = false;\n\n  /** Allowed max file size in bytes. */\n  @Prop() readonly maxFileSize?: number;\n\n  /** Triggers when a file is added. */\n  @Event({ eventName: 'six-file-upload-success' }) success!: EventEmitter<SixFileUploadSuccessPayload>;\n\n  /** Triggers when an uploaded file doesn't match MIME type or max file size. */\n  @Event({ eventName: 'six-file-upload-failure' }) failure!: EventEmitter<SixFileUploadFailurePayload>;\n\n  @Listen('dragenter', { capture: false })\n  dragenterHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragover', { capture: false })\n  dragoverHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragleave', { capture: false })\n  dragleaveHandler() {\n    if (!this.disabled) {\n      this.isOver = false;\n    }\n  }\n\n  @Listen('drop', { capture: false })\n  dropHandler({ dataTransfer }: DragEvent) {\n    if (!this.disabled) {\n      this.isOver = false;\n      if (dataTransfer != null) {\n        this.handleFiles(dataTransfer.files);\n      }\n    }\n  }\n\n  private handleFiles = (files: FileList) => {\n    if (this.disabled || files.length === 0) {\n      return;\n    }\n\n    if (!this.multiple && files.length > 1) {\n      return this.failure.emit({ reason: 'Only one file is allowed.' });\n    }\n\n    for (const file of files) {\n      if (file == null) {\n        return;\n      }\n\n      let acceptedTypesList: string[] = [];\n      if (this.accept != null) {\n        acceptedTypesList = this.accept.replace(/\\s/g, '').split(',');\n      }\n\n      if (acceptedTypesList.length > 0 && acceptedTypesList.indexOf(file.type) === -1) {\n        const reason = files.length > 1 ? 'One or more files have invalid MIME type.' : 'File has invalid MIME type.';\n        return this.failure.emit({ reason });\n      }\n\n      if (this.maxFileSize != null && file.size > this.maxFileSize) {\n        const reason = files.length > 1 ? 'One or more files are too big' : 'File is too big.';\n        return this.failure.emit({ reason });\n      }\n    }\n\n    const eventPayload: SixFileUploadSuccessPayload = this.multiple ? { files } : { file: files[0] };\n    this.success.emit(eventPayload);\n  };\n\n  componentDidLoad() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.addEventListener(eventName, this.preventDefaults, false);\n      document.body.addEventListener(eventName, this.preventDefaults, false);\n    });\n  }\n\n  disconnectedCallback() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.removeEventListener(eventName, this.preventDefaults, false);\n      document.body.removeEventListener(eventName, this.preventDefaults, false);\n    });\n  }\n\n  private preventDefaults(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  private onChange = () => {\n    if (this.fileInput?.files != null) {\n      const files = this.fileInput.files;\n      this.handleFiles(files);\n      this.fileInput.value = '';\n    }\n  };\n\n  private renderLabel() {\n    return (\n      this.label ??\n      (this.compact ? (\n        'Upload'\n      ) : (\n        <span>\n          Drop files to upload, or <span class=\"six-file-upload__label--highlighted\">browse</span>\n        </span>\n      ))\n    );\n  }\n\n  render() {\n    const Container = this.compact ? 'six-button' : 'six-card';\n\n    return (\n      <div\n        class={{\n          'six-file-upload': true,\n          'six-file-upload--disabled': this.disabled,\n        }}\n      >\n        <Container\n          class={{\n            'six-file-upload__container--compact': this.compact,\n            'six-file-upload__container--full': !this.compact,\n          }}\n        >\n          {this.compact && (\n            <span slot=\"prefix\">\n              <six-icon class=\"six-file-upload__label-icon\">arrow_circle_up</six-icon>\n            </span>\n          )}\n          <div\n            class={{\n              'six-file-upload__drop-zone': true,\n              'six-file-upload__drop-zone--hover': this.isOver,\n              'six-file-upload__drop-zone--compact': this.compact,\n            }}\n          >\n            <span>{this.renderLabel()}</span>\n            <input\n              class=\"six-file-upload__input\"\n              type=\"file\"\n              name=\"resume\"\n              disabled={this.disabled}\n              accept={this.accept}\n              multiple={this.multiple}\n              onChange={this.onChange}\n              ref={(el) => (this.fileInput = el)}\n            />\n          </div>\n        </Container>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,103 @@
+import { SixFileUpload } from "../six-file-upload";
+import { newSpecPage } from "@stencil/core/testing";
+describe('six-file-upload', () => {
+  it('should create a component instance', () => {
+    expect(new SixFileUpload()).toBeInstanceOf(SixFileUpload);
+  });
+  it('renders minimal six-file-upload', async () => {
+    const page = await newSpecPage({
+      components: [SixFileUpload],
+      html: `<six-file-upload></six-file-upload>`,
+    });
+    expect(page.root).toEqualHtml(`
+        <six-file-upload>
+          <div class="six-file-upload">
+            <six-card class="six-file-upload__container--full">
+              <div class="six-file-upload__drop-zone">
+                <span>
+                  <span>
+                    Drop files to upload, or
+                    <span class="six-file-upload__label--highlighted">
+                      browse
+                    </span>
+                  </span>
+                </span>
+                <input class="six-file-upload__input" name="resume" type="file">
+              </div>
+            </six-card>
+          </div>
+        </six-file-upload>
+    `);
+  });
+  it('renders custom label', async () => {
+    const page = await newSpecPage({
+      components: [SixFileUpload],
+      html: `<six-file-upload label="some custom label"></six-file-upload>`,
+    });
+    expect(page.root).toEqualHtml(`
+        <six-file-upload label="some custom label">
+          <div class="six-file-upload">
+            <six-card class="six-file-upload__container--full">
+              <div class="six-file-upload__drop-zone">
+                <span>
+                  some custom label
+                </span>
+                <input class="six-file-upload__input" name="resume" type="file">
+              </div>
+            </six-card>
+          </div>
+        </six-file-upload>
+    `);
+  });
+  it('renders disabled', async () => {
+    const page = await newSpecPage({
+      components: [SixFileUpload],
+      html: `<six-file-upload disabled></six-file-upload>`,
+    });
+    expect(page.root).toEqualHtml(`
+        <six-file-upload disabled="">
+          <div class="six-file-upload six-file-upload--disabled">
+            <six-card class="six-file-upload__container--full">
+              <div class="six-file-upload__drop-zone">
+                <span>
+                  <span>
+                    Drop files to upload, or
+                    <span class="six-file-upload__label--highlighted">
+                      browse
+                    </span>
+                  </span>
+                </span>
+                <input class="six-file-upload__input" disabled="" name="resume" type="file">
+              </div>
+            </six-card>
+          </div>
+        </six-file-upload>
+    `);
+  });
+  it('renders compact', async () => {
+    const page = await newSpecPage({
+      components: [SixFileUpload],
+      html: `<six-file-upload compact></six-file-upload>`,
+    });
+    expect(page.root).toEqualHtml(`
+        <six-file-upload compact="">
+          <div class="six-file-upload">
+            <six-button class="six-file-upload__container--compact">
+              <span slot="prefix">
+                <six-icon class="six-file-upload__label-icon">
+                  arrow_circle_up
+                </six-icon>
+              </span>
+              <div class="six-file-upload__drop-zone six-file-upload__drop-zone--compact">
+                <span>
+                  Upload
+                </span>
+                <input class="six-file-upload__input" name="resume" type="file">
+              </div>
+            </six-button>
+          </div>
+        </six-file-upload>
+    `);
+  });
+});
+//# sourceMappingURL=six-file-upload.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"six-file-upload.spec.js","sourceRoot":"","sources":["../../../../src/components/six-file-upload/test/six-file-upload.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAC5C,MAAM,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;EAC5D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;MAC3B,IAAI,EAAE,qCAAqC;KAC5C,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;MAC3B,IAAI,EAAE,+DAA+D;KACtE,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;IAChC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;MAC3B,IAAI,EAAE,8CAA8C;KACrD,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;IAC/B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;MAC3B,IAAI,EAAE,6CAA6C;KACpD,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { SixFileUpload } from '../six-file-upload';\nimport { newSpecPage } from '@stencil/core/testing';\n\ndescribe('six-file-upload', () => {\n  it('should create a component instance', () => {\n    expect(new SixFileUpload()).toBeInstanceOf(SixFileUpload);\n  });\n\n  it('renders minimal six-file-upload', async () => {\n    const page = await newSpecPage({\n      components: [SixFileUpload],\n      html: `<six-file-upload></six-file-upload>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-upload>\n          <div class=\"six-file-upload\">\n            <six-card class=\"six-file-upload__container--full\">\n              <div class=\"six-file-upload__drop-zone\">\n                <span>\n                  <span>\n                    Drop files to upload, or\n                    <span class=\"six-file-upload__label--highlighted\">\n                      browse\n                    </span>\n                  </span>\n                </span>\n                <input class=\"six-file-upload__input\" name=\"resume\" type=\"file\">\n              </div>\n            </six-card>\n          </div>\n        </six-file-upload>\n    `);\n  });\n\n  it('renders custom label', async () => {\n    const page = await newSpecPage({\n      components: [SixFileUpload],\n      html: `<six-file-upload label=\"some custom label\"></six-file-upload>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-upload label=\"some custom label\">\n          <div class=\"six-file-upload\">\n            <six-card class=\"six-file-upload__container--full\">\n              <div class=\"six-file-upload__drop-zone\">\n                <span>\n                  some custom label\n                </span>\n                <input class=\"six-file-upload__input\" name=\"resume\" type=\"file\">\n              </div>\n            </six-card>\n          </div>\n        </six-file-upload>\n    `);\n  });\n\n  it('renders disabled', async () => {\n    const page = await newSpecPage({\n      components: [SixFileUpload],\n      html: `<six-file-upload disabled></six-file-upload>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-upload disabled=\"\">\n          <div class=\"six-file-upload six-file-upload--disabled\">\n            <six-card class=\"six-file-upload__container--full\">\n              <div class=\"six-file-upload__drop-zone\">\n                <span>\n                  <span>\n                    Drop files to upload, or\n                    <span class=\"six-file-upload__label--highlighted\">\n                      browse\n                    </span>\n                  </span>\n                </span>\n                <input class=\"six-file-upload__input\" disabled=\"\" name=\"resume\" type=\"file\">\n              </div>\n            </six-card>\n          </div>\n        </six-file-upload>\n    `);\n  });\n\n  it('renders compact', async () => {\n    const page = await newSpecPage({\n      components: [SixFileUpload],\n      html: `<six-file-upload compact></six-file-upload>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-upload compact=\"\">\n          <div class=\"six-file-upload\">\n            <six-button class=\"six-file-upload__container--compact\">\n              <span slot=\"prefix\">\n                <six-icon class=\"six-file-upload__label-icon\">\n                  arrow_circle_up\n                </six-icon>\n              </span>\n              <div class=\"six-file-upload__drop-zone six-file-upload__drop-zone--compact\">\n                <span>\n                  Upload\n                </span>\n                <input class=\"six-file-upload__input\" name=\"resume\" type=\"file\">\n              </div>\n            </six-button>\n          </div>\n        </six-file-upload>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-footer/six-footer.js

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

package/dist/collection/components/six-footer/test/six-footer.spec.js

@@ -0,0 +1,21 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { SixFooter } from "../six-footer";
+describe('six-footer', () => {
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [SixFooter],
+      html: `<six-footer></six-footer>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <six-footer>
+        <mock:shadow-root>
+          <footer class="six-footer">
+            <slot></slot>
+          </footer>
+        </mock:shadow-root>
+      </six-footer>
+
+    `);
+  });
+});
+//# sourceMappingURL=six-footer.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"six-footer.spec.js","sourceRoot":"","sources":["../../../../src/components/six-footer/test/six-footer.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;MACvB,IAAI,EAAE,2BAA2B;KAClC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixFooter } from '../six-footer';\n\ndescribe('six-footer', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixFooter],\n      html: `<six-footer></six-footer>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-footer>\n        <mock:shadow-root>\n          <footer class=\"six-footer\">\n            <slot></slot>\n          </footer>\n        </mock:shadow-root>\n      </six-footer>\n\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-group-label/six-group-label.js

@@ -1,6 +1,6 @@
-import { h } from '@stencil/core';
-import FormControl from '../../functional-components/form-control/form-control';
-import { hasSlot } from '../../utils/slot';
+import { h } from "@stencil/core";
+import FormControl from "../../functional-components/form-control/form-control";
+import { hasSlot } from "../../utils/slot";
 let id = 0;
 /**
  * @since 1.1

package/dist/collection/components/six-group-label/test/six-group-label.spec.js

@@ -0,0 +1,43 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { SixGroupLabel } from "../six-group-label";
+describe('six-group-label', () => {
+  it('renders', async () => {
+    global.ResizeObserver = jest.fn().mockImplementation(() => ({
+      observe: jest.fn(),
+      unobserve: jest.fn(),
+      disconnect: jest.fn(),
+    }));
+    const page = await newSpecPage({
+      components: [SixGroupLabel],
+      html: `<six-group-label>
+              <six-layout-grid columns="2">
+               <six-radio name="option" checked>Option 1</six-radio>
+               <six-radio name="option">Option 2</six-radio>
+              </six-layout-grid>
+             </six-group-label>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <six-group-label size="medium">
+        <mock:shadow-root>
+         <div class="form-control form-control--medium" part="form-control">
+           <label aria-hidden="true" class="form-control__label" htmlfor="label-1" id="label-label-1" part="label">
+             <slot name="label"></slot>
+           </label>
+           <div class="form-control__input">
+             <slot></slot>
+           </div>
+           <div aria-hidden="true" class="form-control__error-text" part="error-text"></div>
+           <div aria-hidden="true" class="form-control__help-text" id="label-help-text-1" part="help-text">
+             <slot name="help-text"></slot>
+           </div>
+         </div>
+       </mock:shadow-root>
+       <six-layout-grid columns="2">
+         <six-radio checked="" name="option">Option 1</six-radio></mock:shadow-root>
+         <six-radio name="option">Option 2</six-radio>
+       </six-layout-grid>
+     </six-group-label>
+    `);
+  });
+});
+//# sourceMappingURL=six-group-label.spec.js.map

package/dist/collection/components/six-group-label/test/six-group-label.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-group-label.spec.js","sourceRoot":"","sources":["../../../../src/components/six-group-label/test/six-group-label.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;MAC1D,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;MAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;MACpB,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;KACtB,CAAC,CAAC,CAAC;IACJ,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;MAC3B,IAAI,EAAE;;;;;gCAKoB;KAC3B,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;KAqB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixGroupLabel } from '../six-group-label';\n\ndescribe('six-group-label', () => {\n  it('renders', async () => {\n    global.ResizeObserver = jest.fn().mockImplementation(() => ({\n      observe: jest.fn(),\n      unobserve: jest.fn(),\n      disconnect: jest.fn(),\n    }));\n    const page = await newSpecPage({\n      components: [SixGroupLabel],\n      html: `<six-group-label>\n              <six-layout-grid columns=\"2\">\n               <six-radio name=\"option\" checked>Option 1</six-radio>\n               <six-radio name=\"option\">Option 2</six-radio>\n              </six-layout-grid>\n             </six-group-label>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-group-label size=\"medium\">\n        <mock:shadow-root>\n         <div class=\"form-control form-control--medium\" part=\"form-control\">\n           <label aria-hidden=\"true\" class=\"form-control__label\" htmlfor=\"label-1\" id=\"label-label-1\" part=\"label\">\n             <slot name=\"label\"></slot>\n           </label>\n           <div class=\"form-control__input\">\n             <slot></slot>\n           </div>\n           <div aria-hidden=\"true\" class=\"form-control__error-text\" part=\"error-text\"></div>\n           <div aria-hidden=\"true\" class=\"form-control__help-text\" id=\"label-help-text-1\" part=\"help-text\">\n             <slot name=\"help-text\"></slot>\n           </div>\n         </div>\n       </mock:shadow-root>\n       <six-layout-grid columns=\"2\">\n         <six-radio checked=\"\" name=\"option\">Option 1</six-radio></mock:shadow-root>\n         <six-radio name=\"option\">Option 2</six-radio>\n       </six-layout-grid>\n     </six-group-label>\n    `);\n  });\n});\n"]}