@ui5/webcomponents-fiori 0.0.0-dff5837d7 → 0.0.0-e03cd01f3

package/dist/UploadCollectionItem.js

@@ -1,493 +1,400 @@
-import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var UploadCollectionItem_1;
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 import ListItemType from "@ui5/webcomponents/dist/types/ListItemType.js";
-import Button from "@ui5/webcomponents/dist/Button.js";
-import Input from "@ui5/webcomponents/dist/Input.js";
-import Label from "@ui5/webcomponents/dist/Label.js";
-import Link from "@ui5/webcomponents/dist/Link.js";
 import ListItem from "@ui5/webcomponents/dist/ListItem.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import getFileExtension from "@ui5/webcomponents-base/dist/util/getFileExtension.js";
-import RenderScheduler from "@ui5/webcomponents-base/dist/RenderScheduler.js";
-import { isEnter, isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
+import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
+import { isDelete, isEnter, isEscape, isSpace, } from "@ui5/webcomponents-base/dist/Keys.js";
 import UploadState from "./types/UploadState.js";
-import "@ui5/webcomponents-icons/dist/icons/refresh.js";
-import "@ui5/webcomponents-icons/dist/icons/stop.js";
-import "@ui5/webcomponents-icons/dist/icons/edit.js";
-import {
-	UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT,
-	UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT,
-	UPLOADCOLLECTIONITEM_ERROR_STATE,
-	UPLOADCOLLECTIONITEM_UPLOADING_STATE,
-	UPLOADCOLLECTIONITEM_READY_STATE,
-	UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT,
-	UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT,
-} from "./generated/i18n/i18n-defaults.js";
-
+import "@ui5/webcomponents-icons/dist/refresh.js";
+import "@ui5/webcomponents-icons/dist/stop.js";
+import "@ui5/webcomponents-icons/dist/edit.js";
+import { UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT, UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT, UPLOADCOLLECTIONITEM_ERROR_STATE, UPLOADCOLLECTIONITEM_UPLOADING_STATE, UPLOADCOLLECTIONITEM_READY_STATE, UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT, UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT, UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT, } from "./generated/i18n/i18n-defaults.js";
 // Template
-import UploadCollectionItemTemplate from "./generated/templates/UploadCollectionItemTemplate.lit.js";
-
+import UploadCollectionItemTemplate from "./UploadCollectionItemTemplate.js";
 // Styles
 import UploadCollectionItemCss from "./generated/themes/UploadCollectionItem.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-upload-collection-item",
-	languageAware: true,
-	properties: /** @lends sap.ui.webcomponents.fiori.UploadCollectionItem.prototype */ {
-		/**
-		 * Holds <code>File</code>, associated with this item.
-		 *
-		 * @type {File}
-		 * @defaultvalue null
-		 * @public
-		 */
-		file: {
-			type: Object,
-			defaultValue: null,
-		},
-
-		/**
-		 * The name of the file.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		fileName: {
-			type: String,
-		},
-
-		/**
-		 * If set to <code>true</code> the file name will be clickable and it will fire <code>file-name-click</code> event upon click.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		fileNameClickable: {
-			type: Boolean,
-		},
-
-		/**
-		 * Removes delete option from <code>ui5-upload-collection</code> with <code>mode</code> <code>Delete</code> for this item.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		noDelete: {
-			type: Boolean,
-		},
-
-		/**
-		 * Hides the retry button when <code>uploadState</code> property is <code>Error</code>.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		noRetry: {
-			type: Boolean,
-		},
-
-		/**
-		 * Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		noTerminate: {
-			type: Boolean,
-		},
-
-		/**
-		 * The upload progress in percentage.
-		 * <br><br>
-		 * <b>Note:</b> Expected values are in the interval [0, 100].
-		 *
-		 * @type {Integer}
-		 * @defaultvalue 0
-		 * @public
-		 */
-		progress: {
-			type: Integer,
-			defaultValue: 0,
-		},
-
-		/**
-		 * If set to <code>Uploading</code> or <code>Error</code>, a progress indicator showing the <code>progress</code> is displayed.
-		 * Also if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired.
-		 * If set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired.
-		 *
-		 * @type {UploadState}
-		 * @defaultvalue "Ready"
-		 * @public
-		 */
-		uploadState: {
-			type: UploadState,
-			defaultValue: UploadState.Ready,
-		},
-
-		/**
-		 * Indicates if editing.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @private
-		 */
-		_editing: {
-			type: Boolean,
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.fiori.UploadCollectionItem.prototype */ {
-		/**
-		 * Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.
-		 *
-		 * @type {Node[]}
-		 * @slot
-		 * @public
-		 */
-		"default": {
-			type: Node,
-		},
-
-		/**
-		 * A thumbnail, which will be shown in the beginning of the <code>ui5-upload-collection-item</code>.
-		 * <br><br>
-		 * <b>Note:</b> Use <code>ui5-icon</code> or <code>img</code> for the intended design.
-		 *
-		 * @type {HTMLElement}
-		 * @slot
-		 * @public
-		 */
-		thumbnail: {
-			type: HTMLElement,
-		},
-	},
-	events: /** @lends sap.ui.webcomponents.fiori.UploadCollectionItem.prototype */ {
-		/**
-		 * Fired when the file name is clicked.
-		 * <br><br>
-		 * <b>Note:</b> This event is only available when <code>fileNameClickable</code> property is <code>true</code>.
-		 *
-		 * @event sap.ui.webcomponents.fiori.UploadCollectionItem#file-name-click
-		 * @public
-		 */
-		"file-name-click": { },
-
-		/**
-		 * Fired when the <code>fileName</code> property gets changed.
-		 * <br><br>
-		 * <b>Note:</b> An edit button is displayed on each item,
-		 * when the <code>ui5-upload-collection-item</code> <code>type</code> property is set to <code>Detail</code>.
-		 *
-		 * @event
-		 * @public
-		 */
-		rename: { },
-
-		/**
-		 * Fired when the terminate button is pressed.
-		 * <br><br>
-		 * <b>Note:</b> Terminate button is displayed when <code>uploadState</code> property is set to <code>Uploading</code>.
-		 *
-		 * @event
-		 * @public
-		 */
-		terminate: {},
-
-		/**
-		 * Fired when the retry button is pressed.
-		 * <br><br>
-		 * <b>Note:</b> Retry button is displayed when <code>uploadState</code> property is set to <code>Error</code>.
-		 * @event
-		 * @public
-		 */
-		retry: {},
-
-		/**
-		 * @since 1.0.0-rc.8
-		 * @event
-		 * @private
-		 */
-		"_focus-requested": {},
-	},
-};
-
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
- * A component to be used within the <code>ui5-upload-collection</code>.
- *
- * <h3>ES6 Module Import</h3>
+ * ### Overview
+ * A component to be used within the `ui5-upload-collection`.
  *
- * <code>import @ui5/webcomponents-fiori/dist/UploadCollectionItem.js";</code>
+ * ### ES6 Module Import
  *
+ * `import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";`
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.UploadCollectionItem
- * @extends UI5Element
- * @tagname ui5-upload-collection-item
+ * @extends ListItem
  * @public
+ * @slot {Node[]} default - Hold the description of the `ui5-upload-collection-item`. Will be shown below the file name.
  * @since 1.0.0-rc.7
  */
-class UploadCollectionItem extends ListItem {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get styles() {
-		return [...ListItem.styles, UploadCollectionItemCss];
-	}
-
-	static get template() {
-		return UploadCollectionItemTemplate;
-	}
-
-	static async onDefine() {
-		await Promise.all([
-			Button.define(),
-			Input.define(),
-			Link.define(),
-			Label.define(),
-			fetchI18nBundle("@ui5/webcomponents-fiori"),
-		]);
-	}
-
-	constructor() {
-		super();
-		this.i18nBundle = getI18nBundle("@ui5/webcomponents-fiori");
-
-		this._editPressed = false; // indicates if the edit btn has been pressed
-		this.doNotCloseInput = false; // Indicates whether the input should be closed when using keybord for navigation
-		this.isEnter = false;
-	}
-
-	onAfterRendering() {
-		if (this._editPressed) {
-			this._editing = true;
-			this._editPressed = false;
-			this.focusAndSelectText();
-		}
-	}
-
-	async focusAndSelectText() {
-		await this.focus();
-
-		const inp = this.shadowRoot.getElementById("ui5-uci-edit-input");
-
-		await RenderScheduler.whenDOMUpdated();
-		if (inp.getFocusDomRef()) {
-			inp.getFocusDomRef().setSelectionRange(0, this._fileNameWithoutExtension.length);
-		}
-	}
-
-	/**
-	 * @override
-	 */
-	onDetailClick(event) {
-		super.onDetailClick(event);
-		this._editing = true;
-	}
-
-	/**
-	 * @override
-	 */
-	_onfocusout(event) {
-		super._onfocusout(event);
-
-		const path = event.path || (event.composedPath && event.composedPath());
-
-		this._editPressed = this.isDetailPressed(event);
-
-		if (!this._editPressed && path.indexOf(this) > -1) {
-			this._editing = false;
-		}
-	}
-
-	_onInputKeydown(event) {
-		this.isEnter = isEnter(event);
-		this.isEscape = isEscape(event);
-	}
-
-	_onInputKeyUp(event) {
-		this.doNotCloseInput = true;
-		this.tempValue = event.target.value + this._fileExtension;
-
-		if (this.isEscape) {
-			[this.fileName, this.tempValue] = [this.tempValue, this.fileName];
-			return this._onRenameCancel();
-		}
-	}
-
-	isDetailPressed(event) {
-		const path = event.path || (event.composedPath && event.composedPath());
-
-		return path.some(e => {
-			return e.classList && e.classList.contains("ui5-uci-edit");
-		});
-	}
-
-	_onInputChange(event) {
-		if (this.shadowRoot.getElementById("ui5-uci-edit-cancel").active) {
-			return;
-		}
-
-		if ((!this.isEnter && this.doNotCloseInput) || this.isEscape) {
-			[this.fileName, this.tempValue] = [this.tempValue, this.fileName];
-			this.isEscape = false;
-			return;
-		}
-
-		this._editing = false;
-		this.fileName = event.target.value + this._fileExtension;
-		this.fireEvent("rename");
-
-		if (this.isEnter) {
-			this._focus();
-		}
-	}
-
-	_onRename(event) {
-		this.doNotCloseInput = false;
-		this._editing = false;
-		this._focus();
-	}
-
-	_onRenameCancel(event) {
-		if (!this.isEscape) {
-			[this.fileName, this.tempValue] = [this.tempValue, this.fileName];
-		}
-
-		this._editing = false;
-		this.doNotCloseInput = false;
-
-		this._focus();
-	}
-
-	_focus() {
-		this.fireEvent("_focus-requested");
-	}
-
-	_onFileNameClick(event) {
-		this.fireEvent("file-name-click");
-	}
-
-	_onRetry(event) {
-		this.fireEvent("retry");
-	}
-
-	_onTerminate(event) {
-		this.fireEvent("terminate");
-	}
-
-	get list() {
-		return this.assignedSlot.parentElement;
-	}
-
-	/**
-	 * @override
-	 */
-	get classes() {
-		const result = super.classes;
-
-		return {
-			main: {
-				...result.main,
-				"ui5-uci-root": true,
-				"ui5-uci-root-editing": this._editing,
-				"ui5-uci-root-uploading": this.uploadState === UploadState.Uploading,
-			},
-			progressIndicator: {
-				"ui5-uci-progress-indicator": true,
-				"error": this.uploadState === UploadState.Error,
-			},
-		};
-	}
-
-	get styles() {
-		return {
-			progressBar: {
-				"flex-basis": `${this.progress}%`,
-			},
-			progressBarRemaining: {
-				"border-left": this.progress !== 0 ? "none" : "",
-				"border-radius": this.progress === 0 ? "0.5rem" : "0 0.5rem 0.5rem 0",
-			},
-		};
-	}
-
-	/**
-	 * @override
-	 */
-	get modeDelete() {
-		return !this.noDelete && super.modeDelete;
-	}
-
-	get _fileNameWithoutExtension() {
-		return this.fileName.substring(0, this.fileName.length - this._fileExtension.length);
-	}
-
-	get _fileExtension() {
-		return getFileExtension(this.fileName);
-	}
-
-	get _renameBtnText() {
-		return this.i18nBundle.getText(UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT);
-	}
-
-	get _cancelRenameBtnText() {
-		return this.i18nBundle.getText(UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT);
-	}
-
-	get _showProgressIndicator() {
-		return this.uploadState !== UploadState.Complete;
-	}
-
-	get _progressText() {
-		if (this.uploadState === UploadState.Uploading) {
-			return this.i18nBundle.getText(UPLOADCOLLECTIONITEM_UPLOADING_STATE);
-		}
-
-		if (this.uploadState === UploadState.Error) {
-			return this.i18nBundle.getText(UPLOADCOLLECTIONITEM_ERROR_STATE);
-		}
-
-		return this.i18nBundle.getText(UPLOADCOLLECTIONITEM_READY_STATE);
-	}
-
-	get _showRetry() {
-		return !this.noRetry && this.uploadState === UploadState.Error;
-	}
-
-	get _showTerminate() {
-		return !this.noTerminate && this.uploadState === UploadState.Uploading;
-	}
-
-	get _retryButtonTooltip() {
-		return this.i18nBundle.getText(UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT);
-	}
-
-	get _terminateButtonTooltip() {
-		return this.i18nBundle.getText(UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT);
-	}
-
-	/**
-	 * override
-	 */
-	get typeDetail() {
-		return false;
-	}
-
-	get showEditButton() {
-		return this.type === ListItemType.Detail;
-	}
-}
-
+let UploadCollectionItem = UploadCollectionItem_1 = class UploadCollectionItem extends ListItem {
+    constructor() {
+        super(...arguments);
+        /**
+         * Holds an instance of `File` associated with this item.
+         * @default null
+         * @public
+         */
+        this.file = null;
+        /**
+         * The name of the file.
+         * @default ""
+         * @public
+         */
+        this.fileName = "";
+        /**
+         * If set to `true` the file name will be clickable and it will fire `file-name-click` event upon click.
+         * @default false
+         * @public
+         */
+        this.fileNameClickable = false;
+        /**
+         * Disables the delete button.
+         * @default false
+         * @public
+         */
+        this.disableDeleteButton = false;
+        /**
+         * Hides the delete button.
+         * @default false
+         * @public
+         */
+        this.hideDeleteButton = false;
+        /**
+         * Hides the retry button when `uploadState` property is `Error`.
+         * @default false
+         * @public
+         */
+        this.hideRetryButton = false;
+        /**
+         * Hides the terminate button when `uploadState` property is `Uploading`.
+         * @default false
+         * @public
+         */
+        this.hideTerminateButton = false;
+        /**
+         * The upload progress in percentage.
+         *
+         * **Note:** Expected values are in the interval [0, 100].
+         * @default 0
+         * @public
+         */
+        this.progress = 0;
+        /**
+         * Upload state.
+         *
+         * Depending on this property, the item displays the following:
+         *
+         * - `Ready` - progress indicator is displayed.
+         * - `Uploading` - progress indicator and terminate button are displayed. When the terminate button is pressed, `terminate` event is fired.
+         * - `Error` - progress indicator and retry button are displayed. When the retry button is pressed, `retry` event is fired.
+         * - `Complete` - progress indicator is not displayed.
+         *
+         * @default "Ready"
+         * @public
+         */
+        this.uploadState = "Ready";
+        /**
+         * Indicates if editing.
+         * @default false
+         * @private
+         */
+        this._editing = false;
+    }
+    /**
+     * @override
+     */
+    async onDetailClick() {
+        super.onDetailClick();
+        this._editing = true;
+        await this._initInputField();
+    }
+    async _initInputField() {
+        await renderFinished();
+        if (this.editInpElement) {
+            this.editInpElement.value = this._fileNameWithoutExtension;
+        }
+        await renderFinished();
+        const inpFocusDomRef = this.editInpElement?.getFocusDomRef();
+        if (inpFocusDomRef) {
+            inpFocusDomRef.focus();
+            inpFocusDomRef.setSelectionRange(0, this._fileNameWithoutExtension.length);
+        }
+    }
+    get editInpElement() {
+        return this.shadowRoot.querySelector("#ui5-uci-edit-input");
+    }
+    _onkeyup(e) {
+        super._onkeyup(e);
+        if (this.getFocusDomRef().matches(":has(:focus-within)")) {
+            return;
+        }
+        if (isDelete(e) && !this.disableDeleteButton && !this.hideDeleteButton && !this.disabled) {
+            this._onDelete();
+        }
+    }
+    _onDetailKeyup(e) {
+        if (isSpace(e)) {
+            this.onDetailClick();
+        }
+    }
+    _onInputFocusin(e) {
+        // prevent focusing the whole upload collection item.
+        e.stopPropagation();
+    }
+    _onInputKeyDown(e) {
+        if (isEscape(e)) {
+            this._onRenameCancel(e);
+        }
+        else if (isEnter(e)) {
+            this._onRename();
+        }
+        else if (isSpace(e)) {
+            e.stopImmediatePropagation();
+        }
+    }
+    _onRename() {
+        const inp = this.shadowRoot.querySelector("#ui5-uci-edit-input");
+        this.fileName = inp.value + this._fileExtension;
+        this.fireDecoratorEvent("rename");
+        this._editing = false;
+        this._focus();
+    }
+    _onRenameKeyup(e) {
+        if (isSpace(e)) {
+            this._onRename();
+        }
+    }
+    async _onRenameCancel(e) {
+        this._editing = false;
+        if (isEscape(e)) {
+            await renderFinished();
+            this.shadowRoot.querySelector(`#${this._id}-editing-button`).focus();
+        }
+        else {
+            this._focus();
+        }
+    }
+    _onRenameCancelKeyup(e) {
+        if (isSpace(e)) {
+            this._onRenameCancel(e);
+        }
+    }
+    _focus() {
+        this.fireDecoratorEvent("focus-requested");
+    }
+    _onFileNameClick() {
+        this.fireDecoratorEvent("file-name-click");
+    }
+    _onRetry() {
+        this.fireDecoratorEvent("retry");
+    }
+    _onRetryKeyup(e) {
+        if (isSpace(e)) {
+            this._onRetry();
+        }
+    }
+    _onTerminate() {
+        this.fireDecoratorEvent("terminate");
+    }
+    _onTerminateKeyup(e) {
+        if (isSpace(e)) {
+            this._onTerminate();
+        }
+    }
+    _onDelete() {
+        this.fireDecoratorEvent("request-delete");
+    }
+    getFocusDomRef() {
+        return this.getDomRef();
+    }
+    /**
+     * @override
+     */
+    get classes() {
+        const result = super.classes;
+        return {
+            main: {
+                ...result.main,
+                "ui5-uci-root": true,
+                "ui5-uci-root-editing": this._editing,
+                "ui5-uci-root-uploading": this.uploadState === UploadState.Uploading,
+            },
+        };
+    }
+    get _fileNameWithoutExtension() {
+        return this.fileName.substring(0, this.fileName.length - this._fileExtension.length);
+    }
+    get _fileExtension() {
+        return getFileExtension(this.fileName);
+    }
+    get _renameBtnText() {
+        return UploadCollectionItem_1.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT);
+    }
+    get _cancelRenameBtnText() {
+        return UploadCollectionItem_1.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT);
+    }
+    get _showProgressIndicator() {
+        return this.uploadState !== UploadState.Complete;
+    }
+    get _progressText() {
+        if (this.uploadState === UploadState.Uploading) {
+            return UploadCollectionItem_1.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_UPLOADING_STATE);
+        }
+        if (this.uploadState === UploadState.Error) {
+            return UploadCollectionItem_1.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_ERROR_STATE);
+        }
+        return UploadCollectionItem_1.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_READY_STATE);
+    }
+    get _showRetry() {
+        return !this.hideRetryButton && this.uploadState === UploadState.Error;
+    }
+    get _showTerminate() {
+        return !this.hideTerminateButton && this.uploadState === UploadState.Uploading;
+    }
+    get _retryButtonTooltip() {
+        return UploadCollectionItem_1.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT);
+    }
+    get _terminateButtonTooltip() {
+        return UploadCollectionItem_1.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT);
+    }
+    get _editButtonTooltip() {
+        return UploadCollectionItem_1.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT);
+    }
+    get valueStateName() {
+        if (this.uploadState === UploadState.Error) {
+            return ValueState.Negative;
+        }
+        if (this.uploadState === UploadState.Ready || this.uploadState === UploadState.Uploading) {
+            return ValueState.Information;
+        }
+        return ValueState.None;
+    }
+    /**
+     * override
+     */
+    get typeDetail() {
+        return false;
+    }
+    get showEditButton() {
+        return this.type === ListItemType.Detail;
+    }
+};
+__decorate([
+    property({ type: Object, noAttribute: true })
+], UploadCollectionItem.prototype, "file", void 0);
+__decorate([
+    property()
+], UploadCollectionItem.prototype, "fileName", void 0);
+__decorate([
+    property({ type: Boolean })
+], UploadCollectionItem.prototype, "fileNameClickable", void 0);
+__decorate([
+    property({ type: Boolean })
+], UploadCollectionItem.prototype, "disableDeleteButton", void 0);
+__decorate([
+    property({ type: Boolean })
+], UploadCollectionItem.prototype, "hideDeleteButton", void 0);
+__decorate([
+    property({ type: Boolean })
+], UploadCollectionItem.prototype, "hideRetryButton", void 0);
+__decorate([
+    property({ type: Boolean })
+], UploadCollectionItem.prototype, "hideTerminateButton", void 0);
+__decorate([
+    property({ type: Number })
+], UploadCollectionItem.prototype, "progress", void 0);
+__decorate([
+    property()
+], UploadCollectionItem.prototype, "uploadState", void 0);
+__decorate([
+    property({ type: Boolean })
+], UploadCollectionItem.prototype, "_editing", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], UploadCollectionItem.prototype, "thumbnail", void 0);
+__decorate([
+    i18n("@ui5/webcomponents-fiori")
+], UploadCollectionItem, "i18nFioriBundle", void 0);
+UploadCollectionItem = UploadCollectionItem_1 = __decorate([
+    customElement({
+        tag: "ui5-upload-collection-item",
+        languageAware: true,
+        renderer: jsxRenderer,
+        styles: [ListItem.styles, UploadCollectionItemCss],
+        template: UploadCollectionItemTemplate,
+    })
+    /**
+     * Fired when the file name is clicked.
+     *
+     * **Note:** This event is only available when `fileNameClickable` property is `true`.
+     * @public
+     */
+    ,
+    event("file-name-click", {
+        bubbles: true,
+    })
+    /**
+     * Fired when the `fileName` property gets changed.
+     *
+     * **Note:** An edit button is displayed on each item,
+     * when the `ui5-upload-collection-item` `type` property is set to `Detail`.
+     * @public
+     */
+    ,
+    event("rename", {
+        bubbles: true,
+    })
+    /**
+     * Fired when the terminate button is pressed.
+     *
+     * **Note:** Terminate button is displayed when `uploadState` property is set to `Uploading`.
+     * @public
+     */
+    ,
+    event("terminate", {
+        bubbles: true,
+    })
+    /**
+     * Fired when the retry button is pressed.
+     *
+     * **Note:** Retry button is displayed when `uploadState` property is set to `Error`.
+     * @public
+     */
+    ,
+    event("retry", {
+        bubbles: true,
+    })
+    /**
+     * @since 1.0.0-rc.8
+     * @private
+     */
+    ,
+    event("focus-requested", {
+        bubbles: true,
+    })
+    /**
+     * @private
+     */
+    ,
+    event("request-delete", {
+        bubbles: true,
+    })
+], UploadCollectionItem);
 UploadCollectionItem.define();
-
 export default UploadCollectionItem;
+//# sourceMappingURL=UploadCollectionItem.js.map