@ui5/webcomponents-fiori 0.0.0-037d08c67

package/dist/UploadCollectionItem.js

@@ -0,0 +1,400 @@
+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-strict.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 ListItem from "@ui5/webcomponents/dist/ListItem.js";
+import getFileExtension from "@ui5/webcomponents-base/dist/util/getFileExtension.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/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 "./UploadCollectionItemTemplate.js";
+// Styles
+import UploadCollectionItemCss from "./generated/themes/UploadCollectionItem.css.js";
+/**
+ * @class
+ *
+ * ### Overview
+ * A component to be used within the `ui5-upload-collection`.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";`
+ * @constructor
+ * @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
+ */
+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

package/dist/UploadCollectionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadCollectionItem.js","sourceRoot":"","sources":["../src/UploadCollectionItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport ListItemType from \"@ui5/webcomponents/dist/types/ListItemType.js\";\nimport type Button from \"@ui5/webcomponents/dist/Button.js\";\nimport type Input from \"@ui5/webcomponents/dist/Input.js\";\nimport ListItem from \"@ui5/webcomponents/dist/ListItem.js\";\nimport getFileExtension from \"@ui5/webcomponents-base/dist/util/getFileExtension.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport type { UI5CustomEvent } from \"@ui5/webcomponents-base\";\nimport {\n\tisDelete,\n\tisEnter,\n\tisEscape,\n\tisSpace,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UploadState from \"./types/UploadState.js\";\nimport \"@ui5/webcomponents-icons/dist/refresh.js\";\nimport \"@ui5/webcomponents-icons/dist/stop.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport {\n\tUPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_ERROR_STATE,\n\tUPLOADCOLLECTIONITEM_UPLOADING_STATE,\n\tUPLOADCOLLECTIONITEM_READY_STATE,\n\tUPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport UploadCollectionItemTemplate from \"./UploadCollectionItemTemplate.js\";\n\n// Styles\nimport UploadCollectionItemCss from \"./generated/themes/UploadCollectionItem.css.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\n/**\n * @class\n *\n * ### Overview\n * A component to be used within the `ui5-upload-collection`.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";`\n * @constructor\n * @extends ListItem\n * @public\n * @slot {Node[]} default - Hold the description of the `ui5-upload-collection-item`. Will be shown below the file name.\n * @since 1.0.0-rc.7\n */\n@customElement({\n\ttag: \"ui5-upload-collection-item\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: [ListItem.styles, UploadCollectionItemCss],\n\ttemplate: UploadCollectionItemTemplate,\n})\n\n/**\n * Fired when the file name is clicked.\n *\n * **Note:** This event is only available when `fileNameClickable` property is `true`.\n * @public\n */\n@event(\"file-name-click\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the `fileName` property gets changed.\n *\n * **Note:** An edit button is displayed on each item,\n * when the `ui5-upload-collection-item` `type` property is set to `Detail`.\n * @public\n */\n@event(\"rename\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the terminate button is pressed.\n *\n * **Note:** Terminate button is displayed when `uploadState` property is set to `Uploading`.\n * @public\n */\n@event(\"terminate\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the retry button is pressed.\n *\n * **Note:** Retry button is displayed when `uploadState` property is set to `Error`.\n * @public\n */\n@event(\"retry\", {\n\tbubbles: true,\n})\n\n/**\n * @since 1.0.0-rc.8\n * @private\n */\n@event(\"focus-requested\", {\n\tbubbles: true,\n})\n\n/**\n * @private\n */\n@event(\"request-delete\", {\n\tbubbles: true,\n})\nclass UploadCollectionItem extends ListItem {\n\teventDetails!: ListItem[\"eventDetails\"] & {\n\t\t\"file-name-click\": void;\n\t\t\"rename\": void;\n\t\t\"terminate\": void;\n\t\t\"retry\": void;\n\t\t\"focus-requested\": void;\n\t\t\"_uci-delete\": void;\n\t\t\"request-delete\": void;\n\t}\n\t/**\n\t * Holds an instance of `File` associated with this item.\n\t * @default null\n\t * @public\n\t */\n\t@property({ type: Object, noAttribute: true })\n\tfile: File | null = null;\n\n\t/**\n\t * The name of the file.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tfileName = \"\";\n\n\t/**\n\t * If set to `true` the file name will be clickable and it will fire `file-name-click` event upon click.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tfileNameClickable = false;\n\n\t/**\n\t * Disables the delete button.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisableDeleteButton = false;\n\n\t/**\n\t * Hides the delete button.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideDeleteButton = false;\n\n\t/**\n\t * Hides the retry button when `uploadState` property is `Error`.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideRetryButton = false;\n\n\t/**\n\t * Hides the terminate button when `uploadState` property is `Uploading`.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideTerminateButton = false;\n\n\t/**\n\t * The upload progress in percentage.\n\t *\n\t * **Note:** Expected values are in the interval [0, 100].\n\t * @default 0\n\t * @public\n\t */\n\t@property({ type: Number })\n\tprogress = 0;\n\n\t/**\n\t * Upload state.\n\t *\n\t * Depending on this property, the item displays the following:\n\t *\n\t * - `Ready` - progress indicator is displayed.\n\t * - `Uploading` - progress indicator and terminate button are displayed. When the terminate button is pressed, `terminate` event is fired.\n\t * - `Error` - progress indicator and retry button are displayed. When the retry button is pressed, `retry` event is fired.\n\t * - `Complete` - progress indicator is not displayed.\n\t *\n\t * @default \"Ready\"\n\t * @public\n\t */\n\t@property()\n\tuploadState: `${UploadState}` = \"Ready\";\n\n\t/**\n\t * Indicates if editing.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_editing = false;\n\n\t/**\n\t * A thumbnail, which will be shown in the beginning of the `ui5-upload-collection-item`.\n\t *\n\t * **Note:** Use `ui5-icon` or `img` for the intended design.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\tthumbnail!: Slot<HTMLElement>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nFioriBundle: I18nBundle;\n\n\t/**\n\t * @override\n\t */\n\tasync onDetailClick() {\n\t\tsuper.onDetailClick();\n\t\tthis._editing = true;\n\n\t\tawait this._initInputField();\n\t}\n\n\tasync _initInputField() {\n\t\tawait renderFinished();\n\n\t\tif (this.editInpElement) {\n\t\t\tthis.editInpElement.value = this._fileNameWithoutExtension;\n\t\t}\n\n\t\tawait renderFinished();\n\n\t\tconst inpFocusDomRef = this.editInpElement?.getFocusDomRef();\n\t\tif (inpFocusDomRef) {\n\t\t\tinpFocusDomRef.focus();\n\t\t\t(inpFocusDomRef as HTMLInputElement).setSelectionRange(0, this._fileNameWithoutExtension.length);\n\t\t}\n\t}\n\n\tget editInpElement() {\n\t\treturn this.shadowRoot!.querySelector<Input>(\"#ui5-uci-edit-input\");\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tsuper._onkeyup(e);\n\n\t\tif (this.getFocusDomRef()!.matches(\":has(:focus-within)\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isDelete(e) && !this.disableDeleteButton && !this.hideDeleteButton && !this.disabled) {\n\t\t\tthis._onDelete();\n\t\t}\n\t}\n\n\t_onDetailKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis.onDetailClick();\n\t\t}\n\t}\n\n\t_onInputFocusin(e: FocusEvent) {\n\t\t// prevent focusing the whole upload collection item.\n\t\te.stopPropagation();\n\t}\n\n\t_onInputKeyDown(e: KeyboardEvent) {\n\t\tif (isEscape(e)) {\n\t\t\tthis._onRenameCancel(e);\n\t\t} else if (isEnter(e)) {\n\t\t\tthis._onRename();\n\t\t} else if (isSpace(e)) {\n\t\t\te.stopImmediatePropagation();\n\t\t}\n\t}\n\n\t_onRename() {\n\t\tconst inp = this.shadowRoot!.querySelector<Input>(\"#ui5-uci-edit-input\")!;\n\t\tthis.fileName = inp.value + this._fileExtension;\n\t\tthis.fireDecoratorEvent(\"rename\");\n\n\t\tthis._editing = false;\n\t\tthis._focus();\n\t}\n\n\t_onRenameKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRename();\n\t\t}\n\t}\n\n\tasync _onRenameCancel(e: KeyboardEvent | UI5CustomEvent<Button, \"click\">) {\n\t\tthis._editing = false;\n\n\t\tif (isEscape(e as KeyboardEvent)) {\n\t\t\tawait renderFinished();\n\t\t\tthis.shadowRoot!.querySelector<Button>(`#${this._id}-editing-button`)!.focus();\n\t\t} else {\n\t\t\tthis._focus();\n\t\t}\n\t}\n\n\t_onRenameCancelKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRenameCancel(e);\n\t\t}\n\t}\n\n\t_focus() {\n\t\tthis.fireDecoratorEvent(\"focus-requested\");\n\t}\n\n\t_onFileNameClick() {\n\t\tthis.fireDecoratorEvent(\"file-name-click\");\n\t}\n\n\t_onRetry() {\n\t\tthis.fireDecoratorEvent(\"retry\");\n\t}\n\n\t_onRetryKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRetry();\n\t\t}\n\t}\n\n\t_onTerminate() {\n\t\tthis.fireDecoratorEvent(\"terminate\");\n\t}\n\n\t_onTerminateKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onTerminate();\n\t\t}\n\t}\n\n\t_onDelete() {\n\t\tthis.fireDecoratorEvent(\"request-delete\");\n\t}\n\n\tgetFocusDomRef() {\n\t\treturn this.getDomRef();\n\t}\n\n\t/**\n\t * @override\n\t */\n\tget classes() {\n\t\tconst result = super.classes;\n\n\t\treturn {\n\t\t\tmain: {\n\t\t\t\t...result.main,\n\t\t\t\t\"ui5-uci-root\": true,\n\t\t\t\t\"ui5-uci-root-editing\": this._editing,\n\t\t\t\t\"ui5-uci-root-uploading\": this.uploadState === UploadState.Uploading,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _fileNameWithoutExtension() {\n\t\treturn this.fileName.substring(0, this.fileName.length - this._fileExtension.length);\n\t}\n\n\tget _fileExtension() {\n\t\treturn getFileExtension(this.fileName);\n\t}\n\n\tget _renameBtnText() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT);\n\t}\n\n\tget _cancelRenameBtnText() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT);\n\t}\n\n\tget _showProgressIndicator() {\n\t\treturn this.uploadState !== UploadState.Complete;\n\t}\n\n\tget _progressText() {\n\t\tif (this.uploadState === UploadState.Uploading) {\n\t\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_UPLOADING_STATE);\n\t\t}\n\n\t\tif (this.uploadState === UploadState.Error) {\n\t\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_ERROR_STATE);\n\t\t}\n\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_READY_STATE);\n\t}\n\n\tget _showRetry() {\n\t\treturn !this.hideRetryButton && this.uploadState === UploadState.Error;\n\t}\n\n\tget _showTerminate() {\n\t\treturn !this.hideTerminateButton && this.uploadState === UploadState.Uploading;\n\t}\n\n\tget _retryButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT);\n\t}\n\n\tget _terminateButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT);\n\t}\n\n\tget _editButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT);\n\t}\n\n\tget valueStateName(): ValueState {\n\t\tif (this.uploadState === UploadState.Error) {\n\t\t\treturn ValueState.Negative;\n\t\t}\n\n\t\tif (this.uploadState === UploadState.Ready || this.uploadState === UploadState.Uploading) {\n\t\t\treturn ValueState.Information;\n\t\t}\n\n\t\treturn ValueState.None;\n\t}\n\n\t/**\n\t * override\n\t */\n\tget typeDetail() {\n\t\treturn false;\n\t}\n\n\tget showEditButton() {\n\t\treturn this.type === ListItemType.Detail;\n\t}\n}\n\nUploadCollectionItem.define();\n\nexport default UploadCollectionItem;\n"]}

package/dist/UploadCollectionItemTemplate.d.ts

@@ -0,0 +1,3 @@
+import type UploadCollectionItem from "./UploadCollectionItem.js";
+import type { ListItemHooks } from "@ui5/webcomponents/dist/ListItemTemplate.js";
+export default function UploadCollectionItemTemplate(this: UploadCollectionItem, hooks?: Partial<ListItemHooks>): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/UploadCollectionItemTemplate.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import Input from "@ui5/webcomponents/dist/Input.js";
+import ListItemTemplate from "@ui5/webcomponents/dist/ListItemTemplate.js";
+import Link from "@ui5/webcomponents/dist/Link.js";
+import ProgressIndicator from "@ui5/webcomponents/dist/ProgressIndicator.js";
+import Label from "@ui5/webcomponents/dist/Label.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import refreshIcon from "@ui5/webcomponents-icons/dist/refresh.js";
+import stopIcon from "@ui5/webcomponents-icons/dist/stop.js";
+import editIcon from "@ui5/webcomponents-icons/dist/edit.js";
+import declineIcon from "@ui5/webcomponents-icons/dist/decline.js";
+const predefinedHooks = {
+    listItemContent,
+};
+export default function UploadCollectionItemTemplate(hooks) {
+    const currentHooks = { ...predefinedHooks, ...hooks };
+    return ListItemTemplate.call(this, currentHooks);
+}
+function listItemContent() {
+    return _jsxs(_Fragment, { children: [_jsxs("div", { class: "ui5-uci-thumbnail-and-content-container", children: [_jsx("div", { class: "ui5-uci-thumbnail", children: _jsx("slot", { name: "thumbnail" }) }), _jsxs("div", { class: "ui5-uci-content-and-progress", children: [_jsxs("div", { class: "ui5-uci-content", children: [this._editing ? (_jsxs("div", { class: "ui5-uci-edit-container", children: [_jsx(Input, { id: "ui5-uci-edit-input", "data-sap-focus-ref": true, onFocusIn: this._onInputFocusin, onKeyDown: this._onInputKeyDown }), _jsx("span", { class: "ui5-uci-file-extension", children: this._fileExtension })] })) : (this.fileNameClickable ? (_jsx(Link, { class: "ui5-uci-file-name", onClick: this._onFileNameClick, wrappingType: "None", children: this.fileName })) : (_jsx("span", { class: "ui5-uci-file-name ui5-uci-file-name-text", children: this.fileName }))), _jsx("div", { class: "ui5-uci-description", children: _jsx("slot", {}) })] }), this._showProgressIndicator && (_jsxs("div", { class: "ui5-uci-progress-box", children: [_jsx(ProgressIndicator, { class: "ui5-uci-progress-indicator", hideValue: true, value: this.progress, valueState: this.valueStateName }), _jsxs("div", { class: "ui5-uci-progress-labels", children: [_jsx(Label, { showColon: true, wrappingType: "None", children: this._progressText }), _jsxs(Label, { children: [this.progress, "%"] })] })] }))] })] }), _jsx("div", { class: "ui5-uci-buttons", children: this._editing ? (_jsxs(_Fragment, { children: [_jsx(Button, { design: "Transparent", class: "ui5-uci-edit-rename-btn", onClick: this._onRename, onKeyUp: this._onRenameKeyup, children: this._renameBtnText }), _jsx(Button, { design: "Transparent", id: "ui5-uci-edit-cancel", onClick: this._onRenameCancel, onKeyUp: this._onRenameCancelKeyup, children: this._cancelRenameBtnText })] })) : (_jsxs(_Fragment, { children: [this._showRetry && (_jsx(Button, { icon: refreshIcon, design: "Transparent", tooltip: this._retryButtonTooltip, onClick: this._onRetry, onKeyUp: this._onRetryKeyup })), this._showTerminate && (_jsx(Button, { icon: stopIcon, design: "Transparent", tooltip: this._terminateButtonTooltip, onClick: this._onTerminate, onKeyUp: this._onTerminateKeyup })), this.showEditButton && (_jsx(Button, { id: `${this._id}-editing-button`, design: "Transparent", tooltip: this._editButtonTooltip, icon: editIcon, onClick: this.onDetailClick, onKeyUp: this._onDetailKeyup, class: "ui5-li-detailbtn ui5-uci-edit" })), !this.hideDeleteButton && (this.hasDeleteButtonSlot ? (_jsx("slot", { name: "deleteButton" })) : (_jsx(Button, { class: "ui5-upload-collection-deletebtn", id: `${this._id}-deleteSelectionElement`, design: "Transparent", icon: declineIcon, disabled: this.disableDeleteButton, onClick: this._onDelete, tooltip: this.deleteText })))] })) })] });
+}
+//# sourceMappingURL=UploadCollectionItemTemplate.js.map

package/dist/UploadCollectionItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadCollectionItemTemplate.js","sourceRoot":"","sources":["../src/UploadCollectionItemTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Input from \"@ui5/webcomponents/dist/Input.js\";\nimport type UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport type { ListItemHooks } from \"@ui5/webcomponents/dist/ListItemTemplate.js\";\nimport ListItemTemplate from \"@ui5/webcomponents/dist/ListItemTemplate.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport ProgressIndicator from \"@ui5/webcomponents/dist/ProgressIndicator.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport refreshIcon from \"@ui5/webcomponents-icons/dist/refresh.js\";\nimport stopIcon from \"@ui5/webcomponents-icons/dist/stop.js\";\nimport editIcon from \"@ui5/webcomponents-icons/dist/edit.js\";\nimport declineIcon from \"@ui5/webcomponents-icons/dist/decline.js\";\n\nconst predefinedHooks: Partial<ListItemHooks> = {\n\tlistItemContent,\n};\n\nexport default function UploadCollectionItemTemplate(this: UploadCollectionItem, hooks?: Partial<ListItemHooks>) {\n\tconst currentHooks = { ...predefinedHooks, ...hooks };\n\n\treturn ListItemTemplate.call(this, currentHooks);\n}\n\nfunction listItemContent(this: UploadCollectionItem) {\n\treturn <>\n\t\t<div class=\"ui5-uci-thumbnail-and-content-container\">\n\t\t\t<div class=\"ui5-uci-thumbnail\">\n\t\t\t\t<slot name=\"thumbnail\"></slot>\n\t\t\t</div>\n\t\t\t<div class=\"ui5-uci-content-and-progress\">\n\t\t\t\t<div class=\"ui5-uci-content\">\n\n\t\t\t\t\t{this._editing ? (\n\t\t\t\t\t\t<div class=\"ui5-uci-edit-container\">\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"ui5-uci-edit-input\"\n\t\t\t\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t\t\t\t\tonFocusIn={this._onInputFocusin}\n\t\t\t\t\t\t\t\tonKeyDown={this._onInputKeyDown}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span class=\"ui5-uci-file-extension\">{this._fileExtension}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\n\t\t\t\t\t\tthis.fileNameClickable ? (\n\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\tclass=\"ui5-uci-file-name\"\n\t\t\t\t\t\t\t\tonClick={this._onFileNameClick}\n\t\t\t\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\t\t\t>{this.fileName}</Link>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span class=\"ui5-uci-file-name ui5-uci-file-name-text\">{this.fileName}</span>\n\t\t\t\t\t\t)\n\t\t\t\t\t)}\n\t\t\t\t\t<div class=\"ui5-uci-description\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div >\n\t\t\t\t{this._showProgressIndicator && (\n\t\t\t\t\t<div class=\"ui5-uci-progress-box\">\n\t\t\t\t\t\t<ProgressIndicator\n\t\t\t\t\t\t\tclass=\"ui5-uci-progress-indicator\"\n\t\t\t\t\t\t\thideValue={true}\n\t\t\t\t\t\t\tvalue={this.progress}\n\t\t\t\t\t\t\tvalueState={this.valueStateName}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div class=\"ui5-uci-progress-labels\">\n\t\t\t\t\t\t\t<Label showColon wrappingType=\"None\">{this._progressText}</Label>\n\t\t\t\t\t\t\t<Label>{this.progress}%</Label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div >\n\t\t</div >\n\n\t\t<div class=\"ui5-uci-buttons\">\n\t\t\t{this._editing ? (\n\t\t\t\t<>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tclass=\"ui5-uci-edit-rename-btn\"\n\t\t\t\t\t\tonClick={this._onRename}\n\t\t\t\t\t\tonKeyUp={this._onRenameKeyup}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._renameBtnText}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tid=\"ui5-uci-edit-cancel\"\n\t\t\t\t\t\tonClick={this._onRenameCancel}\n\t\t\t\t\t\tonKeyUp={this._onRenameCancelKeyup}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._cancelRenameBtnText}\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{this._showRetry && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={refreshIcon}\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\ttooltip={this._retryButtonTooltip}\n\t\t\t\t\t\t\tonClick={this._onRetry}\n\t\t\t\t\t\t\tonKeyUp={this._onRetryKeyup}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{this._showTerminate && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={stopIcon}\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\ttooltip={this._terminateButtonTooltip}\n\t\t\t\t\t\t\tonClick={this._onTerminate}\n\t\t\t\t\t\t\tonKeyUp={this._onTerminateKeyup}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.showEditButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tid={`${this._id}-editing-button`}\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\ttooltip={this._editButtonTooltip}\n\t\t\t\t\t\t\ticon={editIcon}\n\t\t\t\t\t\t\tonClick={this.onDetailClick}\n\t\t\t\t\t\t\tonKeyUp={this._onDetailKeyup}\n\t\t\t\t\t\t\tclass=\"ui5-li-detailbtn ui5-uci-edit\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{!this.hideDeleteButton && (\n\t\t\t\t\t\tthis.hasDeleteButtonSlot ? (\n\t\t\t\t\t\t\t<slot name=\"deleteButton\"></slot>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclass=\"ui5-upload-collection-deletebtn\"\n\t\t\t\t\t\t\t\tid={`${this._id}-deleteSelectionElement`}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\ticon={declineIcon}\n\t\t\t\t\t\t\t\tdisabled={this.disableDeleteButton}\n\t\t\t\t\t\t\t\tonClick={this._onDelete}\n\t\t\t\t\t\t\t\ttooltip={this.deleteText}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t</>;\n}\n"]}

package/dist/UploadCollectionTemplate.d.ts

@@ -0,0 +1,2 @@
+import type UploadCollection from "./UploadCollection.js";
+export default function UploadCollectionTemplate(this: UploadCollection): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/UploadCollectionTemplate.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import List from "@ui5/webcomponents/dist/List.js";
+import Title from "@ui5/webcomponents/dist/Title.js";
+import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import uploadToCloud from "@ui5/webcomponents-icons/dist/upload-to-cloud.js";
+import IllustratedMessage from "./IllustratedMessage.js";
+import UploadCollectionDnDOverlayMode from "./types/UploadCollectionDnDMode.js";
+export default function UploadCollectionTemplate() {
+    return (_jsx("div", { role: "region", class: "ui5-uc-root", "aria-roledescription": this._roleDescription, onDrop: this._ondrop, "onui5-request-delete": this._onItemDelete, children: _jsxs("div", { class: {
+                "ui5-uc-content": true,
+                "ui5-uc-content-no-data": this.items.length === 0
+            }, children: [_jsxs(List, { accessibleName: this.accessibleName, selectionMode: this.selectionMode, onSelectionChange: this._onSelectionChange, children: [_jsx("slot", { slot: "header", name: "header" }), _jsx("slot", {}), this._showNoData &&
+                            _jsx(ListItemCustom, { class: {
+                                    "uc-no-files": true,
+                                    "uc-no-files-dnd-overlay": this._showDndOverlay,
+                                }, type: "Inactive", children: _jsxs(IllustratedMessage, { name: "Tent", children: [_jsx(Title, { slot: "title", wrappingType: "None", level: this.noDataHeaderLevel, children: this._noDataText }), _jsx("span", { slot: "subtitle", children: this._noDataDescription })] }) })] }), this._showDndOverlay &&
+                    _jsxs("div", { class: {
+                            "uc-dnd-overlay": true,
+                            "uc-drag-overlay": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,
+                            "uc-drop-overlay": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,
+                        }, onDragEnter: this._ondragenter, onDragLeave: this._ondragleave, onDragOver: this._ondragover, children: [_jsx(Icon, { name: uploadToCloud }), _jsx("span", { class: "dnd-overlay-text", children: this._dndOverlayText })] })] }) }));
+}
+//# sourceMappingURL=UploadCollectionTemplate.js.map

package/dist/UploadCollectionTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadCollectionTemplate.js","sourceRoot":"","sources":["../src/UploadCollectionTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,cAAc,MAAM,2CAA2C,CAAC;AACvE,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,aAAa,MAAM,kDAAkD,CAAC;AAC7E,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,OAAO,8BAA8B,MAAM,oCAAoC,CAAC;AAEhF,MAAM,CAAC,OAAO,UAAU,wBAAwB;IAC/C,OAAO,CACN,cACC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,aAAa,0BACG,IAAI,CAAC,gBAAgB,EAC3C,MAAM,EAAE,IAAI,CAAC,OAAO,0BACE,IAAI,CAAC,aAAa,YAExC,eAAK,KAAK,EAAE;gBACX,gBAAgB,EAAE,IAAI;gBACtB,wBAAwB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;aACjD,aACA,MAAC,IAAI,IACJ,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,aAE1C,eAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAQ,EACzC,gBAAa,EACZ,IAAI,CAAC,WAAW;4BAChB,KAAC,cAAc,IACd,KAAK,EAAE;oCACN,aAAa,EAAE,IAAI;oCACnB,yBAAyB,EAAE,IAAI,CAAC,eAAe;iCAC/C,EACD,IAAI,EAAC,UAAU,YAEf,MAAC,kBAAkB,IAAC,IAAI,EAAC,MAAM,aAC9B,KAAC,KAAK,IAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,YAAG,IAAI,CAAC,WAAW,GAAS,EACjG,eAAM,IAAI,EAAC,UAAU,YAAE,IAAI,CAAC,kBAAkB,GAAQ,IAClC,GACL,IAEZ,EAEN,IAAI,CAAC,eAAe;oBACpB,eACC,KAAK,EAAE;4BACN,gBAAgB,EAAE,IAAI;4BACtB,iBAAiB,EAAE,IAAI,CAAC,eAAe,KAAK,8BAA8B,CAAC,IAAI;4BAC/E,iBAAiB,EAAE,IAAI,CAAC,eAAe,KAAK,8BAA8B,CAAC,IAAI;yBAC/E,EACD,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,UAAU,EAAE,IAAI,CAAC,WAAW,aAE5B,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAG,EAC5B,eAAM,KAAK,EAAC,kBAAkB,YAAE,IAAI,CAAC,eAAe,GAAQ,IACvD,IAEF,GACD,CAAC,CAAC;AACV,CAAC","sourcesContent":["import List from \"@ui5/webcomponents/dist/List.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport ListItemCustom from \"@ui5/webcomponents/dist/ListItemCustom.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport uploadToCloud from \"@ui5/webcomponents-icons/dist/upload-to-cloud.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport type UploadCollection from \"./UploadCollection.js\";\nimport UploadCollectionDnDOverlayMode from \"./types/UploadCollectionDnDMode.js\";\n\nexport default function UploadCollectionTemplate(this: UploadCollection) {\n\treturn (\n\t\t<div\n\t\t\trole=\"region\"\n\t\t\tclass=\"ui5-uc-root\"\n\t\t\taria-roledescription={this._roleDescription}\n\t\t\tonDrop={this._ondrop}\n\t\t\tonui5-request-delete={this._onItemDelete}\n\t\t>\n\t\t\t<div class={{\n\t\t\t\t\"ui5-uc-content\": true,\n\t\t\t\t\"ui5-uc-content-no-data\": this.items.length === 0\n\t\t\t}}>\n\t\t\t\t<List\n\t\t\t\t\taccessibleName={this.accessibleName}\n\t\t\t\t\tselectionMode={this.selectionMode}\n\t\t\t\t\tonSelectionChange={this._onSelectionChange}\n\t\t\t\t>\n\t\t\t\t\t<slot slot=\"header\" name=\"header\"></slot>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this._showNoData &&\n\t\t\t\t\t\t<ListItemCustom\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\"uc-no-files\": true,\n\t\t\t\t\t\t\t\t\"uc-no-files-dnd-overlay\": this._showDndOverlay,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttype=\"Inactive\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IllustratedMessage\tname=\"Tent\">\n\t\t\t\t\t\t\t\t<Title slot=\"title\" wrappingType=\"None\" level={this.noDataHeaderLevel}>{this._noDataText}</Title>\n\t\t\t\t\t\t\t\t<span slot=\"subtitle\">{this._noDataDescription}</span>\n\t\t\t\t\t\t\t</IllustratedMessage>\n\t\t\t\t\t\t</ListItemCustom>\n\t\t\t\t\t}\n\t\t\t\t</List>\n\n\t\t\t\t{this._showDndOverlay &&\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\"uc-dnd-overlay\": true,\n\t\t\t\t\t\t\t\"uc-drag-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,\n\t\t\t\t\t\t\t\"uc-drop-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonDragEnter={this._ondragenter}\n\t\t\t\t\t\tonDragLeave={this._ondragleave}\n\t\t\t\t\t\tonDragOver={this._ondragover}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon name={uploadToCloud}/>\n\t\t\t\t\t\t<span class=\"dnd-overlay-text\">{this._dndOverlayText}</span>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>);\n}\n"]}