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

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

@@ -1,4 +1,4 @@
-import { Component, Event, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * @since 2.0.0
  * @status experimental
@@ -6,16 +6,6 @@ import { Component, Event, h, Prop } from '@stencil/core';
  */
 export class SixFileListItem {
   constructor() {
-    /** An id to clearly identify the file */
-    this.identifier = '';
-    /** The filename */
-    this.name = '';
-    /** The date when the file was uploaded */
-    this.date = '';
-    /** Set to true if you don't want to allow to download this file */
-    this.nodownload = false;
-    /** Set to true if you don't want to allow to delete this file */
-    this.nodelete = false;
     this.downloadFile = () => {
       if (this.nodownload) {
         return;
@@ -28,176 +18,187 @@ export class SixFileListItem {
       }
       this.removeEvent.emit({ fileId: this.identifier, name: this.name });
     };
+    this.identifier = '';
+    this.name = '';
+    this.date = '';
+    this.size = undefined;
+    this.nodownload = false;
+    this.nodelete = false;
   }
   render() {
-    return (h("div", { class: "six-files-list-item" },
-      h("span", { class: {
-          'six-files-list-item__name': true,
-          'six-files-list-item__name--disabled': this.nodownload,
-        }, onClick: this.downloadFile }, this.name),
-      h("span", { class: "six-files-list-item__date" }, this.date),
-      this.size !== undefined && h("span", { class: "six-files-list-item__size" },
-        Math.round(this.size / 1024),
-        " KB"),
-      h("six-icon", { class: {
-          'six-files-list-item__icon': true,
-          'six-files-list-item__icon--disabled': this.nodelete,
-        }, size: "small", onClick: this.removeFile }, "delete")));
+    return (h("div", { class: "six-files-list-item" }, h("span", { class: {
+        'six-files-list-item__name': true,
+        'six-files-list-item__name--disabled': this.nodownload,
+      }, onClick: this.downloadFile }, this.name), h("span", { class: "six-files-list-item__date" }, this.date), this.size !== undefined && h("span", { class: "six-files-list-item__size" }, Math.round(this.size / 1024), " KB"), h("six-icon", { class: {
+        'six-files-list-item__icon': true,
+        'six-files-list-item__icon--disabled': this.nodelete,
+      }, size: "small", onClick: this.removeFile }, "delete")));
   }
   static get is() { return "six-file-list-item"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-file-list-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-file-list-item.css"]
-  }; }
-  static get properties() { return {
-    "identifier": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "An id to clearly identify the file"
-      },
-      "attribute": "identifier",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The filename"
-      },
-      "attribute": "name",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "date": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The date when the file was uploaded"
-      },
-      "attribute": "date",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "size": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The file size. This number will be divided by 1024 to show the filesize in KB"
-      },
-      "attribute": "size",
-      "reflect": true
-    },
-    "nodownload": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["six-file-list-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["six-file-list-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "identifier": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "An id to clearly identify the file"
+        },
+        "attribute": "identifier",
+        "reflect": true,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true if you don't want to allow to download this file"
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The filename"
+        },
+        "attribute": "name",
+        "reflect": true,
+        "defaultValue": "''"
       },
-      "attribute": "nodownload",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "nodelete": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "date": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The date when the file was uploaded"
+        },
+        "attribute": "date",
+        "reflect": true,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true if you don't want to allow to delete this file"
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The file size. This number will be divided by 1024 to show the filesize in KB"
+        },
+        "attribute": "size",
+        "reflect": true
       },
-      "attribute": "nodelete",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "downloadEvent",
-      "name": "six-file-list-item-download",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Triggered on file download."
+      "nodownload": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to true if you don't want to allow to download this file"
+        },
+        "attribute": "nodownload",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "SixFileListDownloadPayload",
-        "resolved": "SixFileListDownloadPayload",
-        "references": {
-          "SixFileListDownloadPayload": {
-            "location": "local"
+      "nodelete": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to true if you don't want to allow to delete this file"
+        },
+        "attribute": "nodelete",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "downloadEvent",
+        "name": "six-file-list-item-download",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Triggered on file download."
+        },
+        "complexType": {
+          "original": "SixFileListDownloadPayload",
+          "resolved": "SixFileListDownloadPayload",
+          "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"
+            }
           }
         }
-      }
-    }, {
-      "method": "removeEvent",
-      "name": "six-file-list-item-remove",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Triggered on file remove."
-      },
-      "complexType": {
-        "original": "SixFileListRemovePayload",
-        "resolved": "SixFileListRemovePayload",
-        "references": {
-          "SixFileListRemovePayload": {
-            "location": "local"
+      }, {
+        "method": "removeEvent",
+        "name": "six-file-list-item-remove",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Triggered on file remove."
+        },
+        "complexType": {
+          "original": "SixFileListRemovePayload",
+          "resolved": "SixFileListRemovePayload",
+          "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"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
 }
+//# sourceMappingURL=six-file-list-item.js.map

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

@@ -0,0 +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"]}