@sapudex/web-components 0.224.0 → 2.0.0

package/dist/TruncatedText.d.ts

@@ -1,6 +1,5 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
-import I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 export declare enum ErrorVariableName {
     charLimit = "char-limit"
 }
@@ -41,14 +40,13 @@ declare class UDExTruncatedText extends UI5Element {
     * @public
     * @default 150
     */
-    charLimit: Integer;
+    charLimit: number;
     static i18nBundle: I18nBundle;
     constructor();
-    static onDefine(): Promise<void>;
     get visibleText(): string;
     get truncatedText(): string;
     get buttonLabel(): string;
-    get validatedCharLimit(): Integer;
+    get validatedCharLimit(): number;
     onBeforeRendering(): void;
     cropAfter(): number;
     validateVariables(name: string, value: number): void;

package/dist/TruncatedText.js

@@ -9,8 +9,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { READ_LESS, READ_MORE } from "./generated/i18n/i18n-defaults.js";
 // Template
 import TruncatedTextTemplate from "./generated/templates/TruncatedTextTemplate.lit.js";
@@ -38,9 +37,13 @@ const lineEndRegExp = new RegExp(/($)|([,.]+)$|([,.]+)?\s+(\S*)$/);
 let UDExTruncatedText = UDExTruncatedText_1 = class UDExTruncatedText extends UI5Element {
     constructor() {
         super();
-    }
-    static async onDefine() {
-        UDExTruncatedText_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
+        /**
+        * Indicates the limit for chars
+        *
+        * @public
+        * @default 150
+        */
+        this.charLimit = 150;
     }
     get visibleText() {
         return this.initiallyExpanded ? `${this.text} ` : this.truncatedText;
@@ -81,8 +84,11 @@ __decorate([
     property({ type: String })
 ], UDExTruncatedText.prototype, "text", void 0);
 __decorate([
-    property({ defaultValue: 150, type: Integer })
+    property({ type: Number })
 ], UDExTruncatedText.prototype, "charLimit", void 0);
+__decorate([
+    i18n("@sapudex/web-components")
+], UDExTruncatedText, "i18nBundle", void 0);
 UDExTruncatedText = UDExTruncatedText_1 = __decorate([
     customElement({
         tag: "udex-truncated-text",

package/dist/TruncatedText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../src/TruncatedText.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport I18nBundle, { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { READ_LESS, READ_MORE } from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport TruncatedTextTemplate from \"./generated/templates/TruncatedTextTemplate.lit.js\";\n\n// Styles\nimport TruncatedTextCss from \"./generated/themes/TruncatedText.css.js\";\nimport UDExButton from \"./Button.js\";\n\nexport enum ErrorVariableName {\n  charLimit = \"char-limit\"\n}\n\nconst ellipsisSymbols = \"...\";\nconst lineEndRegExp = new RegExp(/($)|([,.]+)$|([,.]+)?\\s+(\\S*)$/);\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-truncated-text\n * @public\n */\n@customElement({\n  tag: \"udex-truncated-text\",\n  renderer: litRender,\n  styles: TruncatedTextCss,\n  template: TruncatedTextTemplate,\n  dependencies: [UDExButton],\n})\n\nclass UDExTruncatedText extends UI5Element {\n  /**\n  * Defines if the text is initially expanded.\n  *\n  * @public\n  */\n  @property({ type: Boolean })\n    initiallyExpanded!: boolean;\n\n  /**\n   * Defines direction of the text.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  /**\n  * Indicates the element text\n  *\n  * @public\n  */\n  @property({ type: String })\n    text!: string;\n\n  /**\n  * Indicates the limit for chars\n  *\n  * @public\n  * @default 150\n  */\n  @property({ defaultValue: 150, type: Integer })\n    charLimit!: Integer;\n\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n  }\n\n  static async onDefine() {\n    UDExTruncatedText.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\n\n  get visibleText() {\n    return this.initiallyExpanded ? `${this.text} ` : this.truncatedText;\n  }\n\n  get truncatedText() {\n    return this.text.substring(0, this.cropAfter()).replace(lineEndRegExp, ellipsisSymbols);\n  }\n\n  get buttonLabel() {\n    return this.initiallyExpanded\n      ? UDExTruncatedText.i18nBundle.getText(READ_LESS)\n      : UDExTruncatedText.i18nBundle.getText(READ_MORE);\n  }\n\n  get validatedCharLimit() {\n    return (Number(this.charLimit) < 0) ? 0 : this.charLimit;\n  }\n\n  onBeforeRendering(): void {\n    this.validateVariables(ErrorVariableName.charLimit, Number(this.charLimit));\n  }\n\n  cropAfter(): number {\n    return this.text.substring(0, Number(this.validatedCharLimit)).trim().length;\n  }\n\n  validateVariables(name: string, value: number): void {\n    if (value < 0) {\n      console.warn(`The variable ${name} cannot take a negative value`);\n    }\n  }\n\n  onToggleClick(): void {\n    this.initiallyExpanded = !this.initiallyExpanded;\n  }\n}\n\nUDExTruncatedText.define();\n\nexport default UDExTruncatedText;\n"]}
+{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../src/TruncatedText.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { READ_LESS, READ_MORE } from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport TruncatedTextTemplate from \"./generated/templates/TruncatedTextTemplate.lit.js\";\n\n// Styles\nimport TruncatedTextCss from \"./generated/themes/TruncatedText.css.js\";\nimport UDExButton from \"./Button.js\";\n\nexport enum ErrorVariableName {\n  charLimit = \"char-limit\"\n}\n\nconst ellipsisSymbols = \"...\";\nconst lineEndRegExp = new RegExp(/($)|([,.]+)$|([,.]+)?\\s+(\\S*)$/);\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-truncated-text\n * @public\n */\n@customElement({\n  tag: \"udex-truncated-text\",\n  renderer: litRender,\n  styles: TruncatedTextCss,\n  template: TruncatedTextTemplate,\n  dependencies: [UDExButton],\n})\n\nclass UDExTruncatedText extends UI5Element {\n  /**\n  * Defines if the text is initially expanded.\n  *\n  * @public\n  */\n  @property({ type: Boolean })\n    initiallyExpanded!: boolean;\n\n  /**\n   * Defines direction of the text.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  /**\n  * Indicates the element text\n  *\n  * @public\n  */\n  @property({ type: String })\n    text!: string;\n\n  /**\n  * Indicates the limit for chars\n  *\n  * @public\n  * @default 150\n  */\n  @property({ type: Number })\n    charLimit: number = 150;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n  }\n\n  get visibleText() {\n    return this.initiallyExpanded ? `${this.text} ` : this.truncatedText;\n  }\n\n  get truncatedText() {\n    return this.text.substring(0, this.cropAfter()).replace(lineEndRegExp, ellipsisSymbols);\n  }\n\n  get buttonLabel() {\n    return this.initiallyExpanded\n      ? UDExTruncatedText.i18nBundle.getText(READ_LESS)\n      : UDExTruncatedText.i18nBundle.getText(READ_MORE);\n  }\n\n  get validatedCharLimit() {\n    return (Number(this.charLimit) < 0) ? 0 : this.charLimit;\n  }\n\n  onBeforeRendering(): void {\n    this.validateVariables(ErrorVariableName.charLimit, Number(this.charLimit));\n  }\n\n  cropAfter(): number {\n    return this.text.substring(0, Number(this.validatedCharLimit)).trim().length;\n  }\n\n  validateVariables(name: string, value: number): void {\n    if (value < 0) {\n      console.warn(`The variable ${name} cannot take a negative value`);\n    }\n  }\n\n  onToggleClick(): void {\n    this.initiallyExpanded = !this.initiallyExpanded;\n  }\n}\n\nUDExTruncatedText.define();\n\nexport default UDExTruncatedText;\n"]}

package/dist/Upload.d.ts

@@ -1,10 +1,19 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import { FileUploaderChangeEventDetail } from "@ui5/webcomponents/dist/FileUploader.js";
-import I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import UDExButtonSize from "./types/ButtonSize.js";
+import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
+import type { FileUploaderChangeEventDetail } from "@ui5/webcomponents/dist/FileUploader.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { UDExButtonSize } from "./types/Button.js";
 import UDExUploadItem from "./UploadItem.js";
-import FileData from "./types/FileData.js";
+import type FileData from "./types/FileData.js";
+type UDExUploadBaseEventDetail = {
+    files: Array<FileData>;
+};
+type UDExUploadFileDeleteEventDetail = {
+    file: UDExUploadItem;
+};
+type UDExUploadFileChangeEventDetail = {
+    files: Array<UDExUploadItem>;
+};
 /**
  * @class
  *
@@ -23,6 +32,13 @@ import FileData from "./types/FileData.js";
  * @public
  */
 declare class UDExUpload extends UI5Element {
+    eventDetails: {
+        "file-size-exceed": UDExUploadBaseEventDetail;
+        "file-delete": UDExUploadFileDeleteEventDetail;
+        "file-change": UDExUploadFileChangeEventDetail;
+        "file-duplicate": UDExUploadBaseEventDetail;
+        "change": FileUploaderChangeEventDetail;
+    };
     /**
      * Defines the title of the upload.
      *
@@ -94,7 +110,6 @@ declare class UDExUpload extends UI5Element {
     static i18nBundle: I18nBundle;
     _uploadedFiles: FileData[];
     _handleResizeBound: ResizeObserverCallback;
-    static onDefine(): Promise<void>;
     constructor();
     onEnterDOM(): void;
     onExitDOM(): void;

package/dist/Upload.js

@@ -8,15 +8,15 @@ var UDExUpload_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import { event, slot } from "@ui5/webcomponents-base/dist/decorators.js";
+import { slot } from "@ui5/webcomponents-base/dist/decorators.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import FileUploader from "@ui5/webcomponents/dist/FileUploader.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { UPLOAD_BUTTON_LABEL } from "./generated/i18n/i18n-defaults.js";
 import UDExButton from "./Button.js";
-import UDExButtonSize from "./types/ButtonSize.js";
+import { UDExButtonSize } from "./types/Button.js";
 import UDExList from "./List.js";
 import UDExUploadItem from "./UploadItem.js";
 import UploadTemplate from "./generated/templates/UploadTemplate.lit.js";
@@ -42,9 +42,6 @@ const convertBytesToMegabytes = (bytes) => (bytes / 1024) / 1024;
  * @public
  */
 let UDExUpload = UDExUpload_1 = class UDExUpload extends UI5Element {
-    static async onDefine() {
-        UDExUpload_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
-    }
     constructor() {
         super();
         /**
@@ -53,6 +50,13 @@ let UDExUpload = UDExUpload_1 = class UDExUpload extends UI5Element {
          * @private
          */
         this._filesFull = false;
+        /**
+         * Defines the percentage of the upload.
+         *
+         * @default "Large"
+         * @private
+         */
+        this._buttonSize = UDExButtonSize.Large;
         this._uploadedFiles = [];
         this._handleResizeBound = this._handleResize.bind(this);
     }
@@ -81,7 +85,7 @@ let UDExUpload = UDExUpload_1 = class UDExUpload extends UI5Element {
         const duplicateFiles = this._getDuplicateFiles(files);
         if (duplicateFiles.length) {
             e.stopPropagation();
-            this.fireEvent("file-duplicate", {
+            this.fireDecoratorEvent("file-duplicate", {
                 files: duplicateFiles,
             });
             this.fileUploader.value = "";
@@ -95,7 +99,7 @@ let UDExUpload = UDExUpload_1 = class UDExUpload extends UI5Element {
         const exceededFilesData = this.maxFileSize ? this._getExceededFiles(files) : [];
         if (exceededFilesData.length) {
             e.stopPropagation();
-            this.fireEvent("file-size-exceed", {
+            this.fireDecoratorEvent("file-size-exceed", {
                 files: exceededFilesData,
             });
             return;
@@ -104,7 +108,7 @@ let UDExUpload = UDExUpload_1 = class UDExUpload extends UI5Element {
     }
     handleSelectionChange(e) {
         const uploadedFiles = e.detail.listItems;
-        this.fireEvent("file-change", { files: uploadedFiles });
+        this.fireDecoratorEvent("file-change", { files: uploadedFiles });
         this.fileUploader.value = "";
     }
     _handleResize() {
@@ -112,7 +116,7 @@ let UDExUpload = UDExUpload_1 = class UDExUpload extends UI5Element {
     }
     handleRemoveFile(e) {
         const removedFile = e.target;
-        this.fireEvent("file-delete", { file: removedFile });
+        this.fireDecoratorEvent("file-delete", { file: removedFile });
         this._uploadedFiles = this._uploadedFiles.filter(file => file.fileName !== removedFile.fileName);
         this.fileUploader.value = "";
     }
@@ -179,7 +183,7 @@ __decorate([
     property({ type: String })
 ], UDExUpload.prototype, "accept", void 0);
 __decorate([
-    property({ type: Number, validator: Integer })
+    property({ type: Number })
 ], UDExUpload.prototype, "maxFileSize", void 0);
 __decorate([
     property({ type: String })
@@ -194,8 +198,11 @@ __decorate([
     slot({ type: HTMLElement, "default": true })
 ], UDExUpload.prototype, "items", void 0);
 __decorate([
-    property({ type: String, defaultValue: UDExButtonSize.Large })
+    property({ type: String })
 ], UDExUpload.prototype, "_buttonSize", void 0);
+__decorate([
+    i18n("@sapudex/web-components")
+], UDExUpload, "i18nBundle", void 0);
 UDExUpload = UDExUpload_1 = __decorate([
     customElement({
         tag: "udex-upload",
@@ -210,55 +217,35 @@ UDExUpload = UDExUpload_1 = __decorate([
      * @public
      */
     ,
-    event("file-size-exceed", {
-        detail: {
-            files: { type: Array },
-        },
-    })
+    event("file-size-exceed", { bubbles: true })
     /**
      * Triggered when the user deletes the uploaded item.
      *
      * @public
      */
     ,
-    event("file-delete", {
-        detail: {
-            file: { type: UDExUploadItem },
-        },
-    })
+    event("file-delete", { bubbles: true })
     /**
      * Triggered when the user uploads the item.
      *
      * @public
      */
     ,
-    event("file-change", {
-        detail: {
-            files: { type: Array },
-        },
-    })
+    event("file-change", { bubbles: true })
     /**
      * Triggered when the user attempts to upload a duplicate file.
      *
      * @public
      */
     ,
-    event("file-duplicate", {
-        detail: {
-            files: { type: Array },
-        },
-    })
+    event("file-duplicate", { bubbles: true })
     /**
      * Triggered when the user attempts to upload a file.
      *
      * @public
      */
     ,
-    event("change", {
-        detail: {
-            files: { type: FileList },
-        },
-    })
+    event("change", { bubbles: true })
 ], UDExUpload);
 UDExUpload.define();
 export default UDExUpload;

package/dist/Upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","sourceRoot":"","sources":["../src/Upload.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport { event, slot } from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport ResizeHandler, { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\n\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport FileUploader, { FileUploaderChangeEventDetail } from \"@ui5/webcomponents/dist/FileUploader.js\";\nimport I18nBundle, { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { UPLOAD_BUTTON_LABEL } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExList from \"./List.js\";\nimport UDExUploadItem from \"./UploadItem.js\";\nimport UploadTemplate from \"./generated/templates/UploadTemplate.lit.js\";\nimport FileData from \"./types/FileData.js\";\n\n// Styles\nimport UploadCss from \"./generated/themes/Upload.css.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\n\nconst convertBytesToMegabytes = (bytes: number) => (bytes / 1024) / 1024;\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-upload</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Upload.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-upload\",\n  renderer: litRender,\n  styles: UploadCss,\n  template: UploadTemplate,\n  dependencies: [FileUploader, UDExList, UDExButton, UDExUploadItem],\n})\n\n/**\n * Triggered when the uploaded file exceeds the maximum allowed size.\n *\n * @public\n */\n@event(\"file-size-exceed\", {\n  detail:\n    {\n      files:\n        { type: Array },\n    },\n})\n\n/**\n * Triggered when the user deletes the uploaded item.\n *\n * @public\n */\n@event(\"file-delete\", {\n  detail:\n    {\n      file:\n        { type: UDExUploadItem },\n    },\n})\n\n/**\n * Triggered when the user uploads the item.\n *\n * @public\n */\n@event(\"file-change\", {\n  detail:\n    {\n      files:\n        { type: Array },\n    },\n})\n\n/**\n * Triggered when the user attempts to upload a duplicate file.\n *\n * @public\n */\n@event(\"file-duplicate\", {\n  detail:\n    {\n      files:\n        { type: Array },\n    },\n})\n\n/**\n * Triggered when the user attempts to upload a file.\n *\n * @public\n */\n@event(\"change\", {\n  detail:\n    {\n      files:\n        { type: FileList },\n    },\n})\n\nclass UDExUpload extends UI5Element {\n  /**\n   * Defines the title of the upload.\n   *\n   * @public\n   */\n  @property({ type: String })\n    uploadTitle!: string;\n\n  /**\n   * Defines the error message shown when more than one file is uploaded with multiple set to false.\n   *\n   * @public\n   */\n  @property({ type: String })\n    errorText!: string;\n\n  /**\n   * Defines if uploader is required.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Defines if uploading multiple files is allowed.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    multiple!: boolean;\n\n  /**\n   * Defines the acceptable file formats for uploading.\n   *\n   * @public\n   */\n  @property({ type: String })\n    accept!: string;\n\n  /**\n   * Defines the maximum allowed size of the file for uploading.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: Number, validator: Integer })\n    maxFileSize!: number;\n\n  /**\n   * Defines the additional text below the title of the upload.\n   *\n   * @public\n   */\n  @property({ type: String })\n    additionalText!: string;\n\n  /**\n   * Defines the text in the upload button.\n   *\n   * @public\n   */\n  @property({ type: String })\n    uploadButtonText!: string;\n\n  /**\n   * Defines if a file is already uploaded when multiple is false.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _filesFull: boolean = false;\n\n  /**\n   * Defines the uploaded files.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExUploadItem>;\n\n  /**\n   * Defines the percentage of the upload.\n   *\n   * @default \"Large\"\n   * @private\n   */\n  @property({ type: String, defaultValue: UDExButtonSize.Large })\n    _buttonSize!: `${UDExButtonSize}`;\n\n  static i18nBundle: I18nBundle;\n  _uploadedFiles: FileData[] = [];\n  _handleResizeBound: ResizeObserverCallback;\n\n  static async onDefine() {\n    UDExUpload.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onAfterRendering(): void {\n    if (this._filesFull) {\n      this._filesFull = this.fileNumberExceeded;\n    }\n  }\n\n  handleUploadClick(e: Event) {\n    this._filesFull = this.fileNumberExceeded;\n    if (this.fileNumberExceeded) {\n      e.preventDefault();\n    }\n  }\n\n  handleUploadFile(e: CustomEvent<FileUploaderChangeEventDetail>) {\n    const { files } = e.target as HTMLInputElement;\n    if (!files?.length || this.fileNumberExceeded) {\n      e.stopPropagation();\n    }\n\n    const duplicateFiles = this._getDuplicateFiles(files!);\n    if (duplicateFiles.length) {\n      e.stopPropagation();\n      this.fireEvent(\"file-duplicate\", {\n        files: duplicateFiles,\n      });\n      this.fileUploader.value = \"\";\n      return;\n    }\n\n    const newFiles = Array.from(files!).map(file => ({\n      fileName: file.name,\n      fileSize: file.size,\n    }));\n\n    this._uploadedFiles = [...this._uploadedFiles, ...newFiles];\n\n    const exceededFilesData = this.maxFileSize ? this._getExceededFiles(files!) : [];\n    if (exceededFilesData.length) {\n      e.stopPropagation();\n      this.fireEvent(\"file-size-exceed\", {\n        files: exceededFilesData,\n      });\n      return;\n    }\n\n    this.fireEvent(\"change\", { files });\n  }\n\n  handleSelectionChange(e: CustomEvent) {\n    const uploadedFiles = e.detail.listItems as UDExUploadItem[];\n    this.fireEvent(\"file-change\", { files: uploadedFiles });\n    this.fileUploader.value = \"\";\n  }\n\n  _handleResize() {\n    this._buttonSize = BreakpointUtils.isAtMost(\"S\") ? UDExButtonSize.Medium : UDExButtonSize.Large;\n  }\n\n  handleRemoveFile(e: CustomEvent) {\n    const removedFile = e.target as UDExUploadItem;\n    this.fireEvent(\"file-delete\", { file: removedFile });\n    this._uploadedFiles = this._uploadedFiles.filter(file => file.fileName !== removedFile.fileName);\n    this.fileUploader.value = \"\";\n  }\n\n  _isDuplicateFile(file: string): boolean {\n    return this._uploadedFiles.some(uploadedFile => uploadedFile.fileName === file);\n  }\n\n  _getExceededFiles(files: FileList): Array<FileData> {\n    const filesArray = Array.from(files);\n    const exceededFiles: Array<FileData> = [];\n\n    for (let i = 0; i < filesArray.length; i++) {\n      const fileSize = convertBytesToMegabytes(filesArray[i].size);\n      if (fileSize > this.maxFileSize) {\n        exceededFiles.push({\n          fileName: filesArray[i].name,\n          fileSize,\n        });\n      }\n    }\n    return exceededFiles;\n  }\n\n  _getDuplicateFiles(files: FileList): Array<FileData> {\n    const filesArray = Array.from(files);\n    const duplicateFiles: Array<FileData> = [];\n\n    for (let i = 0; i < filesArray.length; i++) {\n      const fileSize = convertBytesToMegabytes(filesArray[i].size);\n      const { name } = filesArray[i];\n\n      const potentialDuplicate: FileData = {\n        fileSize,\n        fileName: name,\n      };\n\n      if (this._isDuplicateFile(potentialDuplicate.fileName)) {\n        duplicateFiles.push(potentialDuplicate);\n      }\n    }\n\n    return duplicateFiles;\n  }\n\n  get fileUploader(): HTMLInputElement {\n    const uploader = this.shadowRoot!.querySelector<FileUploader>(\"[ui5-file-uploader]\")!;\n    return uploader.shadowRoot!.querySelector(\"input\")!;\n  }\n\n  get uploadButtonAriaLabel(): string {\n    return UDExUpload.i18nBundle.getText(UPLOAD_BUTTON_LABEL);\n  }\n\n  get listBusy(): boolean {\n    return !this.items.length;\n  }\n\n  get fileNumberExceeded(): boolean {\n    return !this.multiple && this.items.length >= 1;\n  }\n}\n\nUDExUpload.define();\n\nexport default UDExUpload;\n"]}
+{"version":3,"file":"Upload.js","sourceRoot":"","sources":["../src/Upload.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport { slot } from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport FileUploader from \"@ui5/webcomponents/dist/FileUploader.js\";\nimport type { FileUploaderChangeEventDetail } from \"@ui5/webcomponents/dist/FileUploader.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { UPLOAD_BUTTON_LABEL } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExButton from \"./Button.js\";\nimport { UDExButtonSize } from \"./types/Button.js\";\nimport UDExList from \"./List.js\";\nimport UDExUploadItem from \"./UploadItem.js\";\nimport UploadTemplate from \"./generated/templates/UploadTemplate.lit.js\";\nimport type FileData from \"./types/FileData.js\";\n\n// Styles\nimport UploadCss from \"./generated/themes/Upload.css.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\n\nconst convertBytesToMegabytes = (bytes: number) => (bytes / 1024) / 1024;\n\ntype UDExUploadBaseEventDetail = {\n  files: Array<FileData>\n}\n\ntype UDExUploadFileDeleteEventDetail = {\n  file: UDExUploadItem,\n}\n\ntype UDExUploadFileChangeEventDetail = {\n  files: Array<UDExUploadItem>\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-upload</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Upload.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-upload\",\n  renderer: litRender,\n  styles: UploadCss,\n  template: UploadTemplate,\n  dependencies: [FileUploader, UDExList, UDExButton, UDExUploadItem],\n})\n\n/**\n * Triggered when the uploaded file exceeds the maximum allowed size.\n *\n * @public\n */\n@event(\"file-size-exceed\", { bubbles: true })\n\n/**\n * Triggered when the user deletes the uploaded item.\n *\n * @public\n */\n@event(\"file-delete\", { bubbles: true })\n\n/**\n * Triggered when the user uploads the item.\n *\n * @public\n */\n@event(\"file-change\", { bubbles: true })\n\n/**\n * Triggered when the user attempts to upload a duplicate file.\n *\n * @public\n */\n@event(\"file-duplicate\", { bubbles: true })\n\n/**\n * Triggered when the user attempts to upload a file.\n *\n * @public\n */\n@event(\"change\", { bubbles: true })\n\nclass UDExUpload extends UI5Element {\n  eventDetails!: {\n    \"file-size-exceed\": UDExUploadBaseEventDetail,\n    \"file-delete\": UDExUploadFileDeleteEventDetail,\n    \"file-change\": UDExUploadFileChangeEventDetail,\n    \"file-duplicate\": UDExUploadBaseEventDetail,\n    \"change\": FileUploaderChangeEventDetail\n  };\n  /**\n   * Defines the title of the upload.\n   *\n   * @public\n   */\n  @property({ type: String })\n    uploadTitle!: string;\n\n  /**\n   * Defines the error message shown when more than one file is uploaded with multiple set to false.\n   *\n   * @public\n   */\n  @property({ type: String })\n    errorText!: string;\n\n  /**\n   * Defines if uploader is required.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Defines if uploading multiple files is allowed.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    multiple!: boolean;\n\n  /**\n   * Defines the acceptable file formats for uploading.\n   *\n   * @public\n   */\n  @property({ type: String })\n    accept!: string;\n\n  /**\n   * Defines the maximum allowed size of the file for uploading.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: Number })\n    maxFileSize!: number;\n\n  /**\n   * Defines the additional text below the title of the upload.\n   *\n   * @public\n   */\n  @property({ type: String })\n    additionalText!: string;\n\n  /**\n   * Defines the text in the upload button.\n   *\n   * @public\n   */\n  @property({ type: String })\n    uploadButtonText!: string;\n\n  /**\n   * Defines if a file is already uploaded when multiple is false.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _filesFull: boolean = false;\n\n  /**\n   * Defines the uploaded files.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExUploadItem>;\n\n  /**\n   * Defines the percentage of the upload.\n   *\n   * @default \"Large\"\n   * @private\n   */\n  @property({ type: String })\n    _buttonSize: `${UDExButtonSize}` = UDExButtonSize.Large;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _uploadedFiles: FileData[] = [];\n  _handleResizeBound: ResizeObserverCallback;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onAfterRendering(): void {\n    if (this._filesFull) {\n      this._filesFull = this.fileNumberExceeded;\n    }\n  }\n\n  handleUploadClick(e: Event) {\n    this._filesFull = this.fileNumberExceeded;\n    if (this.fileNumberExceeded) {\n      e.preventDefault();\n    }\n  }\n\n  handleUploadFile(e: CustomEvent<FileUploaderChangeEventDetail>) {\n    const { files } = e.target as HTMLInputElement;\n    if (!files?.length || this.fileNumberExceeded) {\n      e.stopPropagation();\n    }\n\n    const duplicateFiles = this._getDuplicateFiles(files!);\n    if (duplicateFiles.length) {\n      e.stopPropagation();\n      this.fireDecoratorEvent(\"file-duplicate\", {\n        files: duplicateFiles,\n      });\n      this.fileUploader.value = \"\";\n      return;\n    }\n\n    const newFiles = Array.from(files!).map(file => ({\n      fileName: file.name,\n      fileSize: file.size,\n    }));\n\n    this._uploadedFiles = [...this._uploadedFiles, ...newFiles];\n\n    const exceededFilesData = this.maxFileSize ? this._getExceededFiles(files!) : [];\n    if (exceededFilesData.length) {\n      e.stopPropagation();\n      this.fireDecoratorEvent(\"file-size-exceed\", {\n        files: exceededFilesData,\n      });\n      return;\n    }\n\n    this.fireEvent(\"change\", { files });\n  }\n\n  handleSelectionChange(e: CustomEvent) {\n    const uploadedFiles = e.detail.listItems as UDExUploadItem[];\n    this.fireDecoratorEvent(\"file-change\", { files: uploadedFiles });\n    this.fileUploader.value = \"\";\n  }\n\n  _handleResize() {\n    this._buttonSize = BreakpointUtils.isAtMost(\"S\") ? UDExButtonSize.Medium : UDExButtonSize.Large;\n  }\n\n  handleRemoveFile(e: CustomEvent) {\n    const removedFile = e.target as UDExUploadItem;\n    this.fireDecoratorEvent(\"file-delete\", { file: removedFile });\n    this._uploadedFiles = this._uploadedFiles.filter(file => file.fileName !== removedFile.fileName);\n    this.fileUploader.value = \"\";\n  }\n\n  _isDuplicateFile(file: string): boolean {\n    return this._uploadedFiles.some(uploadedFile => uploadedFile.fileName === file);\n  }\n\n  _getExceededFiles(files: FileList): Array<FileData> {\n    const filesArray = Array.from(files);\n    const exceededFiles: Array<FileData> = [];\n\n    for (let i = 0; i < filesArray.length; i++) {\n      const fileSize = convertBytesToMegabytes(filesArray[i].size);\n      if (fileSize > this.maxFileSize) {\n        exceededFiles.push({\n          fileName: filesArray[i].name,\n          fileSize,\n        });\n      }\n    }\n    return exceededFiles;\n  }\n\n  _getDuplicateFiles(files: FileList): Array<FileData> {\n    const filesArray = Array.from(files);\n    const duplicateFiles: Array<FileData> = [];\n\n    for (let i = 0; i < filesArray.length; i++) {\n      const fileSize = convertBytesToMegabytes(filesArray[i].size);\n      const { name } = filesArray[i];\n\n      const potentialDuplicate: FileData = {\n        fileSize,\n        fileName: name,\n      };\n\n      if (this._isDuplicateFile(potentialDuplicate.fileName)) {\n        duplicateFiles.push(potentialDuplicate);\n      }\n    }\n\n    return duplicateFiles;\n  }\n\n  get fileUploader(): HTMLInputElement {\n    const uploader = this.shadowRoot!.querySelector<FileUploader>(\"[ui5-file-uploader]\")!;\n    return uploader.shadowRoot!.querySelector(\"input\")!;\n  }\n\n  get uploadButtonAriaLabel(): string {\n    return UDExUpload.i18nBundle.getText(UPLOAD_BUTTON_LABEL);\n  }\n\n  get listBusy(): boolean {\n    return !this.items.length;\n  }\n\n  get fileNumberExceeded(): boolean {\n    return !this.multiple && this.items.length >= 1;\n  }\n}\n\nUDExUpload.define();\n\nexport default UDExUpload;\n"]}

package/dist/UploadItem.d.ts

@@ -1,9 +1,9 @@
-import { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
+import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
-import I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import UDExListItem from "./ListItem.js";
 import UDExLink from "./Link.js";
-import UDExButtonSize from "./types/ButtonSize.js";
+import { UDExButtonSize } from "./types/Button.js";
 import FileUploadState from "./types/FileUploadState.js";
 /**
  * @class
@@ -23,6 +23,9 @@ import FileUploadState from "./types/FileUploadState.js";
  * @public
  */
 declare class UDExUploadItem extends UDExListItem {
+    eventDetails: {
+        "request-delete": void;
+    } & UDExListItem["eventDetails"];
     /**
      * Defines the name of the uploaded file.
      *
@@ -47,7 +50,7 @@ declare class UDExUploadItem extends UDExListItem {
     /**
      * Defines the percentage of the upload.
      *
-     * @default 0
+     * @default "Uploaded"
      * @public
      */
     uploadState: `${FileUploadState}`;
@@ -81,7 +84,6 @@ declare class UDExUploadItem extends UDExListItem {
     _breakpointL: boolean;
     static i18nBundle: I18nBundle;
     _handleResizeBound: ResizeObserverCallback;
-    static onDefine(): Promise<void>;
     constructor();
     onEnterDOM(): void;
     onExitDOM(): void;

package/dist/UploadItem.js

@@ -10,16 +10,16 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import { slot } from "@ui5/webcomponents-base/dist/decorators.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { REMOVE_FILE_TEXT, TERMINATED_FILE_STATUS_TEXT, UPLOADING_FILE_STATUS_TEXT, } from "./generated/i18n/i18n-defaults.js";
 import UDExListItem from "./ListItem.js";
 import UDExProgressBar from "./ProgressBar.js";
 import UDExLink from "./Link.js";
 import UDExButton from "./Button.js";
-import UDExButtonSize from "./types/ButtonSize.js";
+import { UDExButtonSize } from "./types/Button.js";
 import UploadItemTemplate from "./generated/templates/UploadItemTemplate.lit.js";
 // Styles
 import UploadItemCss from "./generated/themes/UploadItem.css.js";
@@ -44,16 +44,20 @@ const BreakpointSizeM = 1279;
  * @public
  */
 let UDExUploadItem = UDExUploadItem_1 = class UDExUploadItem extends UDExListItem {
-    static async onDefine() {
-        UDExUploadItem_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
-    }
     constructor() {
         super();
+        /**
+         * Defines the percentage of the upload.
+         *
+         * @default "Uploaded"
+         * @public
+         */
+        this.uploadState = FileUploadState.Uploaded;
         this._handleResizeBound = this._handleResize.bind(this);
     }
     onEnterDOM() {
         ResizeHandler.register(this, this._handleResizeBound);
-        this.fireEvent("item-press", {
+        this.fireDecoratorEvent("item-press", {
             selected: false,
             item: this,
         });
@@ -69,12 +73,12 @@ let UDExUploadItem = UDExUploadItem_1 = class UDExUploadItem extends UDExListIte
     }
     handleButtonClick(e) {
         e.stopImmediatePropagation();
-        this.fireEvent("request-delete");
+        this.fireDecoratorEvent("request-delete");
     }
     handleButtonKeydown(e) {
         if (isEnter(e) || isSpace(e)) {
             e.stopImmediatePropagation();
-            this.fireEvent("request-delete");
+            this.fireDecoratorEvent("request-delete");
         }
     }
     _handleResize() {
@@ -95,7 +99,7 @@ let UDExUploadItem = UDExUploadItem_1 = class UDExUploadItem extends UDExListIte
         if (this.uploadState === FileUploadState.Uploading) {
             return ValueState.Information;
         }
-        return ValueState.Error;
+        return ValueState.Negative;
     }
     get uploadStatus() {
         if (this.uploadState === FileUploadState.Uploading) {
@@ -120,16 +124,16 @@ __decorate([
     property({ type: String })
 ], UDExUploadItem.prototype, "fileLink", void 0);
 __decorate([
-    property({ type: Number, validator: Integer })
+    property({ type: Number })
 ], UDExUploadItem.prototype, "uploadPercentage", void 0);
 __decorate([
-    property({ type: FileUploadState, defaultValue: FileUploadState.Uploaded })
+    property()
 ], UDExUploadItem.prototype, "uploadState", void 0);
 __decorate([
     slot({ type: HTMLElement, "default": true })
 ], UDExUploadItem.prototype, "uploadInfo", void 0);
 __decorate([
-    property({ type: UDExButtonSize })
+    property()
 ], UDExUploadItem.prototype, "_buttonSize", void 0);
 __decorate([
     property({ type: Boolean })
@@ -137,6 +141,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], UDExUploadItem.prototype, "_breakpointL", void 0);
+__decorate([
+    i18n("@sapudex/web-components")
+], UDExUploadItem, "i18nBundle", void 0);
 UDExUploadItem = UDExUploadItem_1 = __decorate([
     customElement({
         tag: "udex-upload-item",
@@ -145,6 +152,13 @@ UDExUploadItem = UDExUploadItem_1 = __decorate([
         template: UploadItemTemplate,
         dependencies: [UDExLink, UDExListItem, UDExProgressBar, UDExButton],
     })
+    /**
+     * Triggered when the upload item is deleted.
+     *
+     * @public
+     */
+    ,
+    event("request-delete", { bubbles: true })
 ], UDExUploadItem);
 UDExUploadItem.define();
 export default UDExUploadItem;

package/dist/UploadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadItem.js","sourceRoot":"","sources":["../src/UploadItem.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAC;AAClE,OAAO,aAAyC,MAAM,wDAAwD,CAAC;AAC/G,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,OAAO,MAAM,+CAA+C,CAAC;AACpE,OAAO,UAAU,MAAM,kDAAkD,CAAC;AAC1E,OAAmB,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EACL,gBAAgB,EAChB,2BAA2B,EAAE,0BAA0B,GACxD,MAAM,mCAAmC,CAAC;AAC3C,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,kBAAkB,MAAM,iDAAiD,CAAC;AAEjF,SAAS;AACT,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,eAAe,MAAM,4BAA4B,CAAC;AAEzD,MAAM,eAAe,GAAW,GAAG,CAAC;AACpC,MAAM,eAAe,GAAW,IAAI,CAAC;AAErC;;;;;;;;;;;;;;;;GAgBG;AASH,IAAM,cAAc,sBAApB,MAAM,cAAe,SAAQ,YAAY;IA2EvC,MAAM,CAAC,KAAK,CAAC,QAAQ;QACnB,gBAAc,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAC7E,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;IAED,UAAU;QACR,aAAa,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACtD,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE;YAC3B,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;IACL,CAAC;IAED,SAAS;QACP,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1D,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACxC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,oBAAoB,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC;IAED,iBAAiB,CAAC,CAAQ;QACxB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAC7B,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACnC,CAAC;IAED,mBAAmB,CAAC,CAAgB;QAClC,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YAC5B,CAAC,CAAC,wBAAwB,EAAE,CAAC;YAC7B,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;SAClC;IACH,CAAC;IAED,aAAa;QACX,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,IAAI,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC;QACvG,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,UAAU,GAAG,eAAe,CAAC;QACxD,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,QAAQ,CAAC;IACtH,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAW,aAAa,CAAE,CAAC;IAClE,CAAC;IAED,IAAI,0BAA0B;QAC5B,OAAO,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,SAAS,CAAC;IACtG,CAAC;IAED,IAAI,mBAAmB;QACrB,IAAI,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,SAAS,EAAE;YAClD,OAAO,UAAU,CAAC,WAAW,CAAC;SAC/B;QAED,OAAO,UAAU,CAAC,KAAK,CAAC;IAC1B,CAAC;IAED,IAAI,YAAY;QACd,IAAI,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,SAAS,EAAE;YAClD,OAAO,GAAG,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,0BAA0B,CAAC,IAAI,IAAI,CAAC,gBAAgB,GAAG,CAAC;SACrG;QAED,OAAO,GAAG,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,2BAA2B,CAAC,IAAI,IAAI,CAAC,gBAAgB,GAAG,CAAC;IACvG,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,QAAQ,CAAC;IACvD,CAAC;IAED,IAAI,qBAAqB;QACvB,OAAO,0BAA0B,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACjH,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClF,CAAC;CACF,CAAA;AAxJG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACP;AASlB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACP;AASlB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;wDACnB;AAS1B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,CAAC,QAAQ,EAAE,CAAC;mDACvC;AAQS;IAA7C,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;kDAAiC;AAS5E;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;mDACC;AASlC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACH;AASvB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACH;AAtErB,cAAc;IARnB,aAAa,CAAC;QACb,GAAG,EAAE,kBAAkB;QACvB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,kBAAkB;QAC5B,YAAY,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,CAAC;KACpE,CAAC;GAEI,cAAc,CAgKnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport { slot } from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport ResizeHandler, { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\n\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport I18nBundle, { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport {\n  REMOVE_FILE_TEXT,\n  TERMINATED_FILE_STATUS_TEXT, UPLOADING_FILE_STATUS_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExProgressBar from \"./ProgressBar.js\";\nimport UDExLink from \"./Link.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UploadItemTemplate from \"./generated/templates/UploadItemTemplate.lit.js\";\n\n// Styles\nimport UploadItemCss from \"./generated/themes/UploadItem.css.js\";\nimport FileUploadState from \"./types/FileUploadState.js\";\n\nconst BreakpointSizeS: number = 979;\nconst BreakpointSizeM: number = 1279;\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-upload-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/UploadItem.js\";</code>\n *\n * @constructor\n * @extends UDExListItemBase\n * @public\n */\n@customElement({\n  tag: \"udex-upload-item\",\n  renderer: litRender,\n  styles: UploadItemCss,\n  template: UploadItemTemplate,\n  dependencies: [UDExLink, UDExListItem, UDExProgressBar, UDExButton],\n})\n\nclass UDExUploadItem extends UDExListItem {\n  /**\n   * Defines the name of the uploaded file.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    fileName!: string;\n\n  /**\n   * Defines the link of the uploaded file.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    fileLink?: string;\n\n  /**\n   * Defines the percentage of the upload.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number, validator: Integer })\n    uploadPercentage!: number;\n\n  /**\n   * Defines the percentage of the upload.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: FileUploadState, defaultValue: FileUploadState.Uploaded })\n    uploadState!: `${FileUploadState}`;\n\n  /**\n   * Slot for information about the uploaded file.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true }) uploadInfo!: Array<HTMLElement>;\n\n  /**\n   * Defines the percentage of the upload.\n   *\n   * @default \"Large\"\n   * @private\n   */\n  @property({ type: UDExButtonSize })\n    _buttonSize!: `${UDExButtonSize}`;\n\n  /**\n   * Defines if the screen is at the M breakpoint.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _breakpointM!: boolean;\n\n  /**\n   * Defines if the screen is at the L breakpoint.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _breakpointL!: boolean;\n\n  static i18nBundle: I18nBundle;\n  _handleResizeBound: ResizeObserverCallback;\n\n  static async onDefine() {\n    UDExUploadItem.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n    this.fireEvent(\"item-press\", {\n      selected: false,\n      item: this,\n    });\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onAfterRendering(): void {\n    const fileLink = this.fileLinkComponent;\n    if (fileLink) {\n      fileLink._setCustomAttributes([{ attribute: \"download\", value: \"true\" }]);\n    }\n  }\n\n  handleButtonClick(e: Event) {\n    e.stopImmediatePropagation();\n    this.fireEvent(\"request-delete\");\n  }\n\n  handleButtonKeydown(e: KeyboardEvent) {\n    if (isEnter(e) || isSpace(e)) {\n      e.stopImmediatePropagation();\n      this.fireEvent(\"request-delete\");\n    }\n  }\n\n  _handleResize() {\n    this._buttonSize = window.innerWidth <= BreakpointSizeS ? UDExButtonSize.Medium : UDExButtonSize.Large;\n    this._breakpointL = window.innerWidth > BreakpointSizeM;\n    this._breakpointM = !this._breakpointL ? true : !this._breakpointL && this.uploadState === FileUploadState.Uploaded;\n  }\n\n  get fileLinkComponent(): UDExLink {\n    return this.shadowRoot!.querySelector<UDExLink>(\"[udex-link]\")!;\n  }\n\n  get removeButtonAccessibleName(): string {\n    return UDExUploadItem.i18nBundle.getText(REMOVE_FILE_TEXT);\n  }\n\n  get showUploadProgress(): boolean {\n    return this.uploadState === FileUploadState.Error || this.uploadState === FileUploadState.Uploading;\n  }\n\n  get uploadProgressState(): ValueState {\n    if (this.uploadState === FileUploadState.Uploading) {\n      return ValueState.Information;\n    }\n\n    return ValueState.Error;\n  }\n\n  get uploadStatus(): string {\n    if (this.uploadState === FileUploadState.Uploading) {\n      return `${UDExUploadItem.i18nBundle.getText(UPLOADING_FILE_STATUS_TEXT)} ${this.uploadPercentage}%`;\n    }\n\n    return `${UDExUploadItem.i18nBundle.getText(TERMINATED_FILE_STATUS_TEXT)} ${this.uploadPercentage}%`;\n  }\n\n  get fileInteractive(): boolean {\n    return this.uploadState === FileUploadState.Uploaded;\n  }\n\n  get additionalInfoClasses(): string {\n    return `udex-upload-item__info ${this.uploadState === FileUploadState.Error ? \"udex-upload-item__error\" : \"\"}`;\n  }\n\n  get uploadItemClasses(): string {\n    return this.uploadState === \"Uploaded\" ? \"udex-upload-item__info-uploaded\" : \"\";\n  }\n}\n\nUDExUploadItem.define();\n\nexport default UDExUploadItem;\n"]}
+{"version":3,"file":"UploadItem.js","sourceRoot":"","sources":["../src/UploadItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport { slot } from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  REMOVE_FILE_TEXT,\n  TERMINATED_FILE_STATUS_TEXT, UPLOADING_FILE_STATUS_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExProgressBar from \"./ProgressBar.js\";\nimport UDExLink from \"./Link.js\";\nimport UDExButton from \"./Button.js\";\nimport { UDExButtonSize } from \"./types/Button.js\";\nimport UploadItemTemplate from \"./generated/templates/UploadItemTemplate.lit.js\";\n\n// Styles\nimport UploadItemCss from \"./generated/themes/UploadItem.css.js\";\nimport FileUploadState from \"./types/FileUploadState.js\";\n\nconst BreakpointSizeS: number = 979;\nconst BreakpointSizeM: number = 1279;\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-upload-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/UploadItem.js\";</code>\n *\n * @constructor\n * @extends UDExListItemBase\n * @public\n */\n@customElement({\n  tag: \"udex-upload-item\",\n  renderer: litRender,\n  styles: UploadItemCss,\n  template: UploadItemTemplate,\n  dependencies: [UDExLink, UDExListItem, UDExProgressBar, UDExButton],\n})\n\n/**\n * Triggered when the upload item is deleted.\n *\n * @public\n */\n@event(\"request-delete\", { bubbles: true })\n\nclass UDExUploadItem extends UDExListItem {\n  eventDetails!: {\n    \"request-delete\": void\n  } & UDExListItem[\"eventDetails\"];\n  /**\n   * Defines the name of the uploaded file.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    fileName!: string;\n\n  /**\n   * Defines the link of the uploaded file.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    fileLink?: string;\n\n  /**\n   * Defines the percentage of the upload.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number })\n    uploadPercentage!: number;\n\n  /**\n   * Defines the percentage of the upload.\n   *\n   * @default \"Uploaded\"\n   * @public\n   */\n  @property()\n    uploadState: `${FileUploadState}` = FileUploadState.Uploaded;\n\n  /**\n   * Slot for information about the uploaded file.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true }) uploadInfo!: Array<HTMLElement>;\n\n  /**\n   * Defines the percentage of the upload.\n   *\n   * @default \"Large\"\n   * @private\n   */\n  @property()\n    _buttonSize!: `${UDExButtonSize}`;\n\n  /**\n   * Defines if the screen is at the M breakpoint.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _breakpointM!: boolean;\n\n  /**\n   * Defines if the screen is at the L breakpoint.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _breakpointL!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _handleResizeBound: ResizeObserverCallback;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n    this.fireDecoratorEvent(\"item-press\", {\n      selected: false,\n      item: this,\n    });\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onAfterRendering(): void {\n    const fileLink = this.fileLinkComponent;\n    if (fileLink) {\n      fileLink._setCustomAttributes([{ attribute: \"download\", value: \"true\" }]);\n    }\n  }\n\n  handleButtonClick(e: Event) {\n    e.stopImmediatePropagation();\n    this.fireDecoratorEvent(\"request-delete\");\n  }\n\n  handleButtonKeydown(e: KeyboardEvent) {\n    if (isEnter(e) || isSpace(e)) {\n      e.stopImmediatePropagation();\n      this.fireDecoratorEvent(\"request-delete\");\n    }\n  }\n\n  _handleResize() {\n    this._buttonSize = window.innerWidth <= BreakpointSizeS ? UDExButtonSize.Medium : UDExButtonSize.Large;\n    this._breakpointL = window.innerWidth > BreakpointSizeM;\n    this._breakpointM = !this._breakpointL ? true : !this._breakpointL && this.uploadState === FileUploadState.Uploaded;\n  }\n\n  get fileLinkComponent(): UDExLink {\n    return this.shadowRoot!.querySelector<UDExLink>(\"[udex-link]\")!;\n  }\n\n  get removeButtonAccessibleName(): string {\n    return UDExUploadItem.i18nBundle.getText(REMOVE_FILE_TEXT);\n  }\n\n  get showUploadProgress(): boolean {\n    return this.uploadState === FileUploadState.Error || this.uploadState === FileUploadState.Uploading;\n  }\n\n  get uploadProgressState(): ValueState {\n    if (this.uploadState === FileUploadState.Uploading) {\n      return ValueState.Information;\n    }\n\n    return ValueState.Negative;\n  }\n\n  get uploadStatus(): string {\n    if (this.uploadState === FileUploadState.Uploading) {\n      return `${UDExUploadItem.i18nBundle.getText(UPLOADING_FILE_STATUS_TEXT)} ${this.uploadPercentage}%`;\n    }\n\n    return `${UDExUploadItem.i18nBundle.getText(TERMINATED_FILE_STATUS_TEXT)} ${this.uploadPercentage}%`;\n  }\n\n  get fileInteractive(): boolean {\n    return this.uploadState === FileUploadState.Uploaded;\n  }\n\n  get additionalInfoClasses(): string {\n    return `udex-upload-item__info ${this.uploadState === FileUploadState.Error ? \"udex-upload-item__error\" : \"\"}`;\n  }\n\n  get uploadItemClasses(): string {\n    return this.uploadState === \"Uploaded\" ? \"udex-upload-item__info-uploaded\" : \"\";\n  }\n}\n\nUDExUploadItem.define();\n\nexport default UDExUploadItem;\n"]}