npm - @ui5/webcomponents-fiori - Versions diffs - 1.14.0 → 1.15.0-rc.0 - Mend

@ui5/webcomponents-fiori 1.14.0 → 1.15.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (356) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.15.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.14.0...v1.15.0-rc.0) (2023-06-08)
+### Bug Fixes
+* **ui5-bar:** apply correct box-shadow parameter ([#7150](https://github.com/SAP/ui5-webcomponents/issues/7150)) ([5f9ba23](https://github.com/SAP/ui5-webcomponents/commit/5f9ba23d9c28b2860c43e4396575609f6f6ff1e8))
+* **ui5-bar:** correct padding values in dialog ([#7046](https://github.com/SAP/ui5-webcomponents/issues/7046)) ([b20c946](https://github.com/SAP/ui5-webcomponents/commit/b20c946a00a91cc25eb709f839ccaa12998bf58e))
+* **ui5-illustrated-message:** text update in Survey ([#7146](https://github.com/SAP/ui5-webcomponents/issues/7146)) ([a4299ce](https://github.com/SAP/ui5-webcomponents/commit/a4299ce1249a547c89a2335325422944974455cd))
+* **ui5-shellbar:** improve RTL styling of searchField ([#7089](https://github.com/SAP/ui5-webcomponents/issues/7089)) ([9373abf](https://github.com/SAP/ui5-webcomponents/commit/9373abfd0114650069855419f1caeb2fc5462114)), closes [#7065](https://github.com/SAP/ui5-webcomponents/issues/7065)
+* **ui5-upload-collection:** item-delete event and delete mode docs are now updated ([#7106](https://github.com/SAP/ui5-webcomponents/issues/7106)) ([b12bccb](https://github.com/SAP/ui5-webcomponents/commit/b12bccb72bdcc63a966bbb54b0d044436e01cb50))
 # [1.14.0](https://github.com/SAP/ui5-webcomponents/compare/v1.14.0-rc.2...v1.14.0) (2023-06-01)
 **Note:** Version bump only for package @ui5/webcomponents-fiori

package/config/wdio.conf.cjs CHANGED Viewed

@@ -1 +1,3 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/wdio.js");
+const wdio = require("@ui5/webcomponents-tools/components-package/wdio.js");
+wdio.config.services.push("devtools");
+module.exports = wdio;

package/dist/UploadCollection.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { ListSelectionChangeEventDetail } from "@ui5/webcomponents/dist/List.js";
 import ListMode from "@ui5/webcomponents/dist/types/ListMode.js";
 import "./illustrations/Tent.js";
 import "@ui5/webcomponents-icons/dist/upload-to-cloud.js";
@@ -43,8 +44,10 @@ declare class UploadCollection extends UI5Element {
      * <ul>
      * <li><code>None</code></li>
      * <li><code>SingleSelect</code></li>
+     * <li><code>SingleSelectBegin</code></li>
+     * <li><code>SingleSelectEnd</code></li>
      * <li><code>MultiSelect</code></li>
-     * <li><code>Delete</code></li>
+     * <li><code>Delete</code> - this mode has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>
      * </ul>
      *
      * @type {sap.ui.webc.main.types.ListMode}
@@ -136,8 +139,8 @@ declare class UploadCollection extends UI5Element {
     _ondrop(e: DragEvent): void;
     _ondragover(e: DragEvent): void;
     _ondragleave(): void;
-    _onItemDelete(e: CustomEvent<UploadCollectionItemDeleteEventDetail>): void;
-    _onSelectionChange(e: CustomEvent<UploadCollectionSelectionChangeEventDetail>): void;
+    _onItemDelete(e: CustomEvent): void;
+    _onSelectionChange(e: CustomEvent<ListSelectionChangeEventDetail>): void;
     get classes(): {
         content: {
             "ui5-uc-content": boolean;

package/dist/UploadCollection.js CHANGED Viewed

@@ -105,7 +105,7 @@ let UploadCollection = UploadCollection_1 = class UploadCollection extends UI5El
         this._dndOverlayMode = UploadCollectionDnDOverlayMode.Drag;
     }
     _onItemDelete(e) {
-        this.fireEvent("item-delete", { item: e.detail.item });
+        this.fireEvent("item-delete", { item: e.target });
     }
     _onSelectionChange(e) {
         this.fireEvent("selection-change", { selectedItems: e.detail.selectedItems });
@@ -208,12 +208,10 @@ UploadCollection = UploadCollection_1 = __decorate([
     ,
     event("drop")
     /**
-     * Fired when the Delete button of any item is pressed.
-     * <br><br>
-     * <b>Note:</b> A Delete button is displayed on each item,
-     * when the <code>ui5-upload-collection</code> <code>mode</code> property is set to <code>Delete</code>.
+     * Fired when the delete button of any item is pressed.
+     *
      * @event sap.ui.webc.fiori.UploadCollection#item-delete
-     * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was renamed.
+     * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was deleted.
      * @public
      */
     ,

package/dist/UploadCollection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadCollection.js","sourceRoot":"","sources":["../src/UploadCollection.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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport ListMode from \"@ui5/webcomponents/dist/types/ListMode.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport \"./illustrations/Tent.js\";\nimport \"@ui5/webcomponents-icons/dist/upload-to-cloud.js\";\nimport \"@ui5/webcomponents-icons/dist/document.js\";\nimport {\n\tUPLOADCOLLECTION_NO_DATA_TEXT,\n\tUPLOADCOLLECTION_NO_DATA_DESCRIPTION,\n\tUPLOADCOLLECTION_DRAG_FILE_INDICATOR,\n\tUPLOADCOLLECTION_DROP_FILE_INDICATOR,\n\tUPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport {\n\tattachBodyDnDHandler,\n\tdetachBodyDnDHandler,\n\tdraggingFiles,\n} from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport type UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport type { DnDEventListener, DnDEventListenerParam } from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport UploadCollectionDnDOverlayMode from \"./types/UploadCollectionDnDMode.js\";\n\n// Template\nimport UploadCollectionTemplate from \"./generated/templates/UploadCollectionTemplate.lit.js\";\n\n// Styles\nimport UploadCollectionCss from \"./generated/themes/UploadCollection.css.js\";\n\ntype UploadCollectionSelectionChangeEventDetail = {\n\tselectedItems: Array<UploadCollectionItem>,\n};\n\ntype UploadCollectionItemDeleteEventDetail = {\n\titem: UploadCollectionItem,\n};\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n * This component allows you to represent files before uploading them to a server, with the help of <code>ui5-upload-collection-item</code>.\n * It also allows you to show already uploaded files.\n \n <h3>ES6 Module Import</h3>\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollection.js\";</code>\n * <br>\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code> (for <code>ui5-upload-collection-item</code>)\n \n @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.UploadCollection\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-upload-collection\n * @appenddocs sap.ui.webc.fiori.UploadCollectionItem\n * @public\n * @since 1.0.0-rc.7\n /\n@customElement({\n\ttag: \"ui5-upload-collection\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: UploadCollectionCss,\n\ttemplate: UploadCollectionTemplate,\n\tdependencies: [\n\t\tIcon,\n\t\tLabel,\n\t\tList,\n\t\tTitle,\n\t\tIllustratedMessage,\n\t],\n})\n/\n Fired when an element is dropped inside the drag and drop overlay.\n * <br><br>\n * <b>Note:</b> The <code>drop</code> event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the <code>ui5-upload-collection</code>.\n \n @event sap.ui.webc.fiori.UploadCollection#drop\n * @readonly\n * @param {DataTransfer} dataTransfer The <code>drop</code> event operation data.\n * @public\n * @native\n /\n@event(\"drop\")\n\n/\n Fired when the Delete button of any item is pressed.\n * <br><br>\n * <b>Note:</b> A Delete button is displayed on each item,\n * when the <code>ui5-upload-collection</code> <code>mode</code> property is set to <code>Delete</code>.\n * @event sap.ui.webc.fiori.UploadCollection#item-delete\n * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was renamed.\n * @public\n /\n@event(\"item-delete\", {\n\tdetail: {\n\t\titem: { type: HTMLElement },\n\t},\n})\n\n/\n Fired when selection is changed by user interaction\n * in <code>SingleSelect</code> and <code>MultiSelect</code> modes.\n \n @event sap.ui.webc.fiori.UploadCollection#selection-change\n * @param {Array} selectedItems An array of the selected items.\n * @public\n /\n@event(\"selection-change\", {\n\tdetail: {\n\t\tselectedItems: { type: Array },\n\t},\n})\nclass UploadCollection extends UI5Element {\n\t/\n\t Defines the mode of the <code>ui5-upload-collection</code>.\n\t \n\t <br><br>\n\t * <b>Note:</b>\n\t * <ul>\n\t * <li><code>None</code></li>\n\t * <li><code>SingleSelect</code></li>\n\t * <li><code>MultiSelect</code></li>\n\t * <li><code>Delete</code></li>\n\t * </ul>\n\t \n\t @type {sap.ui.webc.main.types.ListMode}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.mode\n\t * @defaultvalue \"None\"\n\t * @public\n\t /\n\t@property({ type: ListMode, defaultValue: ListMode.None })\n\tmode!: `${ListMode}`;\n\n\t/\n\t Allows you to set your own text for the 'No data' description.\n\t \n\t @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataDescription\n\t * @defaultvalue \"\"\n\t * @public\n\t /\n\t@property()\n\tnoDataDescription!: string;\n\n\t/\n\t Allows you to set your own text for the 'No data' text.\n\t \n\t @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataText\n\t * @defaultvalue \"\"\n\t * @public\n\t /\n\t@property()\n\tnoDataText!: string;\n\n\t/\n\t By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> when files\n\t * are dragged. If you don't intend to use drag and drop, set this property.\n\t * <br><br>\n\t * <b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it.\n\t * <code>ui5-upload-collection</code> only displays an overlay.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.hideDragOverlay\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\thideDragOverlay!: boolean;\n\n\t/\n\t Defines the accessible ARIA name of the component.\n\t \n\t @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.accessibleName\n\t * @defaultvalue \"\"\n\t * @public\n\t * @since 1.0.0-rc.16\n\t /\n\t @property()\n\t accessibleName!: string;\n\n\t/\n\t Indicates what overlay to show when files are being dragged.\n\t \n\t @type {sap.ui.webc.fiori.types.UploadCollectionDnDOverlayMode}\n\t * @defaultvalue \"None\"\n\t * @private\n\t /\n\t@property({ type: UploadCollectionDnDOverlayMode, defaultValue: UploadCollectionDnDOverlayMode.None })\n\t_dndOverlayMode!: UploadCollectionDnDOverlayMode;\n\n\t/\n\t Defines the items of the <code>ui5-upload-collection</code>.\n\t * <br><b>Note:</b> Use <code>ui5-upload-collection-item</code> for the intended design.\n\t \n\t @type {sap.ui.webc.fiori.IUploadCollectionItem[]}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.default\n\t * @slot items\n\t * @public\n\t /\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<UploadCollectionItem>;\n\n\t/\n\t Defines the <code>ui5-upload-collection</code> header.\n\t * <br><br>\n\t * <b>Note:</b> If <code>header</code> slot is provided,\n\t * the labelling of the <code>UploadCollection</code> is a responsibility of the application developer.\n\t * <code>accessibleName</code> should be used.\n\t \n\t @type {HTMLElement[]}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.header\n\t * @slot\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\theader!: Array<HTMLElement>;\n\n\t_bodyDnDHandler: DnDEventListener;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tUploadCollection.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._bodyDnDHandler = this.bodyDnDHandler.bind(this);\n\t}\n\n\tbodyDnDHandler(e: DnDEventListenerParam) {\n\t\tif (this._dndOverlayMode !== UploadCollectionDnDOverlayMode.Drop) {\n\t\t\tthis._dndOverlayMode = e.mode;\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tattachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\tonExitDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tdetachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\t_ondragenter(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!draggingFiles(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drop;\n\t}\n\n\t_ondrop(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.target !== this.shadowRoot!.querySelector(\".uc-dnd-overlay\")) {\n\t\t\te.stopPropagation();\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.None;\n\t}\n\n\t_ondragover(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t}\n\n\t_ondragleave() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drag;\n\t}\n\n\t_onItemDelete(e: CustomEvent<UploadCollectionItemDeleteEventDetail>) {\n\t\tthis.fireEvent(\"item-delete\", { item: e.detail.item });\n\t}\n\n\t_onSelectionChange(e: CustomEvent<UploadCollectionSelectionChangeEventDetail>) {\n\t\tthis.fireEvent(\"selection-change\", { selectedItems: e.detail.selectedItems });\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tcontent: {\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\tdndOverlay: {\n\t\t\t\t\"uc-dnd-overlay\": true,\n\t\t\t\t\"uc-drag-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,\n\t\t\t\t\"uc-drop-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,\n\t\t\t},\n\t\t\tnoFiles: {\n\t\t\t\t\"uc-no-files\": true,\n\t\t\t\t\"uc-no-files-dnd-overlay\": this._showDndOverlay,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _root() {\n\t\treturn this.shadowRoot!.querySelector(\".ui5-uc-root\");\n\t}\n\n\tget _dndOverlay() {\n\t\treturn this._root?.querySelector(\".uc-dnd-overlay\");\n\t}\n\n\tget _showDndOverlay() {\n\t\treturn this._dndOverlayMode !== UploadCollectionDnDOverlayMode.None;\n\t}\n\n\tget _showNoData() {\n\t\treturn this.items.length === 0;\n\t}\n\n\tget _noDataText() {\n\t\treturn this.noDataText \|\| UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_TEXT);\n\t}\n\n\tget _noDataDescription() {\n\t\treturn this.noDataDescription \|\| UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_DESCRIPTION);\n\t}\n\n\tget _roleDescription() {\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION);\n\t}\n\n\tget _dndOverlayText() {\n\t\tif (this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag) {\n\t\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DRAG_FILE_INDICATOR);\n\t\t}\n\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DROP_FILE_INDICATOR);\n\t}\n}\n\nUploadCollection.define();\n\nexport default UploadCollection;\nexport type {\n\tUploadCollectionItemDeleteEventDetail,\n\tUploadCollectionSelectionChangeEventDetail,\n};\n"]}
1	+ {"version":3,"file":"UploadCollection.js","sourceRoot":"","sources":["../src/UploadCollection.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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport type { ListSelectionChangeEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport ListMode from \"@ui5/webcomponents/dist/types/ListMode.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport \"./illustrations/Tent.js\";\nimport \"@ui5/webcomponents-icons/dist/upload-to-cloud.js\";\nimport \"@ui5/webcomponents-icons/dist/document.js\";\nimport {\n\tUPLOADCOLLECTION_NO_DATA_TEXT,\n\tUPLOADCOLLECTION_NO_DATA_DESCRIPTION,\n\tUPLOADCOLLECTION_DRAG_FILE_INDICATOR,\n\tUPLOADCOLLECTION_DROP_FILE_INDICATOR,\n\tUPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport {\n\tattachBodyDnDHandler,\n\tdetachBodyDnDHandler,\n\tdraggingFiles,\n} from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport type UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport type { DnDEventListener, DnDEventListenerParam } from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport UploadCollectionDnDOverlayMode from \"./types/UploadCollectionDnDMode.js\";\n\n// Template\nimport UploadCollectionTemplate from \"./generated/templates/UploadCollectionTemplate.lit.js\";\n\n// Styles\nimport UploadCollectionCss from \"./generated/themes/UploadCollection.css.js\";\n\ntype UploadCollectionSelectionChangeEventDetail = {\n\tselectedItems: Array<UploadCollectionItem>,\n};\n\ntype UploadCollectionItemDeleteEventDetail = {\n\titem: UploadCollectionItem,\n};\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n * This component allows you to represent files before uploading them to a server, with the help of <code>ui5-upload-collection-item</code>.\n * It also allows you to show already uploaded files.\n \n <h3>ES6 Module Import</h3>\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollection.js\";</code>\n * <br>\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code> (for <code>ui5-upload-collection-item</code>)\n \n @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.UploadCollection\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-upload-collection\n * @appenddocs sap.ui.webc.fiori.UploadCollectionItem\n * @public\n * @since 1.0.0-rc.7\n /\n@customElement({\n\ttag: \"ui5-upload-collection\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: UploadCollectionCss,\n\ttemplate: UploadCollectionTemplate,\n\tdependencies: [\n\t\tIcon,\n\t\tLabel,\n\t\tList,\n\t\tTitle,\n\t\tIllustratedMessage,\n\t],\n})\n/\n Fired when an element is dropped inside the drag and drop overlay.\n * <br><br>\n * <b>Note:</b> The <code>drop</code> event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the <code>ui5-upload-collection</code>.\n \n @event sap.ui.webc.fiori.UploadCollection#drop\n * @readonly\n * @param {DataTransfer} dataTransfer The <code>drop</code> event operation data.\n * @public\n * @native\n /\n@event(\"drop\")\n\n/\n Fired when the delete button of any item is pressed.\n \n @event sap.ui.webc.fiori.UploadCollection#item-delete\n * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was deleted.\n * @public\n /\n@event(\"item-delete\", {\n\tdetail: {\n\t\titem: { type: HTMLElement },\n\t},\n})\n\n/\n Fired when selection is changed by user interaction\n * in <code>SingleSelect</code> and <code>MultiSelect</code> modes.\n \n @event sap.ui.webc.fiori.UploadCollection#selection-change\n * @param {Array} selectedItems An array of the selected items.\n * @public\n /\n@event(\"selection-change\", {\n\tdetail: {\n\t\tselectedItems: { type: Array },\n\t},\n})\nclass UploadCollection extends UI5Element {\n\t/\n\t Defines the mode of the <code>ui5-upload-collection</code>.\n\t \n\t <br><br>\n\t * <b>Note:</b>\n\t * <ul>\n\t * <li><code>None</code></li>\n\t * <li><code>SingleSelect</code></li>\n\t * <li><code>SingleSelectBegin</code></li>\n\t * <li><code>SingleSelectEnd</code></li>\n\t * <li><code>MultiSelect</code></li>\n\t * <li><code>Delete</code> - this mode has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>\n\t * </ul>\n\t \n\t @type {sap.ui.webc.main.types.ListMode}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.mode\n\t * @defaultvalue \"None\"\n\t * @public\n\t /\n\t@property({ type: ListMode, defaultValue: ListMode.None })\n\tmode!: `${ListMode}`;\n\n\t/\n\t Allows you to set your own text for the 'No data' description.\n\t \n\t @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataDescription\n\t * @defaultvalue \"\"\n\t * @public\n\t /\n\t@property()\n\tnoDataDescription!: string;\n\n\t/\n\t Allows you to set your own text for the 'No data' text.\n\t \n\t @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataText\n\t * @defaultvalue \"\"\n\t * @public\n\t /\n\t@property()\n\tnoDataText!: string;\n\n\t/\n\t By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> when files\n\t * are dragged. If you don't intend to use drag and drop, set this property.\n\t * <br><br>\n\t * <b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it.\n\t * <code>ui5-upload-collection</code> only displays an overlay.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.hideDragOverlay\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\thideDragOverlay!: boolean;\n\n\t/\n\t Defines the accessible ARIA name of the component.\n\t \n\t @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.accessibleName\n\t * @defaultvalue \"\"\n\t * @public\n\t * @since 1.0.0-rc.16\n\t /\n\t @property()\n\t accessibleName!: string;\n\n\t/\n\t Indicates what overlay to show when files are being dragged.\n\t \n\t @type {sap.ui.webc.fiori.types.UploadCollectionDnDOverlayMode}\n\t * @defaultvalue \"None\"\n\t * @private\n\t /\n\t@property({ type: UploadCollectionDnDOverlayMode, defaultValue: UploadCollectionDnDOverlayMode.None })\n\t_dndOverlayMode!: UploadCollectionDnDOverlayMode;\n\n\t/\n\t Defines the items of the <code>ui5-upload-collection</code>.\n\t * <br><b>Note:</b> Use <code>ui5-upload-collection-item</code> for the intended design.\n\t \n\t @type {sap.ui.webc.fiori.IUploadCollectionItem[]}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.default\n\t * @slot items\n\t * @public\n\t /\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<UploadCollectionItem>;\n\n\t/\n\t Defines the <code>ui5-upload-collection</code> header.\n\t * <br><br>\n\t * <b>Note:</b> If <code>header</code> slot is provided,\n\t * the labelling of the <code>UploadCollection</code> is a responsibility of the application developer.\n\t * <code>accessibleName</code> should be used.\n\t \n\t @type {HTMLElement[]}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.header\n\t * @slot\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\theader!: Array<HTMLElement>;\n\n\t_bodyDnDHandler: DnDEventListener;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tUploadCollection.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._bodyDnDHandler = this.bodyDnDHandler.bind(this);\n\t}\n\n\tbodyDnDHandler(e: DnDEventListenerParam) {\n\t\tif (this._dndOverlayMode !== UploadCollectionDnDOverlayMode.Drop) {\n\t\t\tthis._dndOverlayMode = e.mode;\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tattachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\tonExitDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tdetachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\t_ondragenter(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!draggingFiles(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drop;\n\t}\n\n\t_ondrop(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.target !== this.shadowRoot!.querySelector(\".uc-dnd-overlay\")) {\n\t\t\te.stopPropagation();\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.None;\n\t}\n\n\t_ondragover(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t}\n\n\t_ondragleave() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drag;\n\t}\n\n\t_onItemDelete(e: CustomEvent) {\n\t\tthis.fireEvent<UploadCollectionItemDeleteEventDetail>(\"item-delete\", { item: e.target as UploadCollectionItem });\n\t}\n\n\t_onSelectionChange(e: CustomEvent<ListSelectionChangeEventDetail>) {\n\t\tthis.fireEvent<UploadCollectionSelectionChangeEventDetail>(\"selection-change\", { selectedItems: e.detail.selectedItems as UploadCollectionItem[] });\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tcontent: {\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\tdndOverlay: {\n\t\t\t\t\"uc-dnd-overlay\": true,\n\t\t\t\t\"uc-drag-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,\n\t\t\t\t\"uc-drop-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,\n\t\t\t},\n\t\t\tnoFiles: {\n\t\t\t\t\"uc-no-files\": true,\n\t\t\t\t\"uc-no-files-dnd-overlay\": this._showDndOverlay,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _root() {\n\t\treturn this.shadowRoot!.querySelector(\".ui5-uc-root\");\n\t}\n\n\tget _dndOverlay() {\n\t\treturn this._root?.querySelector(\".uc-dnd-overlay\");\n\t}\n\n\tget _showDndOverlay() {\n\t\treturn this._dndOverlayMode !== UploadCollectionDnDOverlayMode.None;\n\t}\n\n\tget _showNoData() {\n\t\treturn this.items.length === 0;\n\t}\n\n\tget _noDataText() {\n\t\treturn this.noDataText \|\| UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_TEXT);\n\t}\n\n\tget _noDataDescription() {\n\t\treturn this.noDataDescription \|\| UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_DESCRIPTION);\n\t}\n\n\tget _roleDescription() {\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION);\n\t}\n\n\tget _dndOverlayText() {\n\t\tif (this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag) {\n\t\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DRAG_FILE_INDICATOR);\n\t\t}\n\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DROP_FILE_INDICATOR);\n\t}\n}\n\nUploadCollection.define();\n\nexport default UploadCollection;\nexport type {\n\tUploadCollectionItemDeleteEventDetail,\n\tUploadCollectionSelectionChangeEventDetail,\n};\n"]}

package/dist/UploadCollectionItem.d.ts CHANGED Viewed

@@ -62,12 +62,13 @@ declare class UploadCollectionItem extends ListItem {
      */
     disableDeleteButton: boolean;
     /**
-     * By default, the Delete button will always be shown, regardless of the <code>ui5-upload-collection</code>'s property <code>mode</code>.
+     * By default, the delete button will always be shown, regardless of the <code>ui5-upload-collection</code>'s property <code>mode</code>.
      * Setting this property to <code>true</code> will hide the delete button.
      *
      * @type {boolean}
      * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.hideDeleteButton
      * @defaultvalue false
+     * @public
      */
     hideDeleteButton: boolean;
     /**
@@ -158,6 +159,7 @@ declare class UploadCollectionItem extends ListItem {
     _onRetryKeyup(e: KeyboardEvent): void;
     _onTerminate(): void;
     _onTerminateKeyup(e: KeyboardEvent): void;
+    _onDelete(): void;
     getFocusDomRef(): HTMLElement | undefined;
     /**
      * @override

package/dist/UploadCollectionItem.js CHANGED Viewed

@@ -149,6 +149,9 @@ let UploadCollectionItem = UploadCollectionItem_1 = class UploadCollectionItem e
             this._onTerminate();
         }
     }
+    _onDelete() {
+        this.fireEvent("_uci-delete");
+    }
     getFocusDomRef() {
         return this.getDomRef();
     }
@@ -339,6 +342,11 @@ UploadCollectionItem = UploadCollectionItem_1 = __decorate([
      */
     ,
     event("_focus-requested")
+    /**
+     * @private
+     */
+    ,
+    event("_uci-delete")
 ], UploadCollectionItem);
 UploadCollectionItem.define();
 export default UploadCollectionItem;

package/dist/UploadCollectionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport ListItemType from \"@ui5/webcomponents/dist/types/ListItemType.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Input from \"@ui5/webcomponents/dist/Input.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport ProgressIndicator from \"@ui5/webcomponents/dist/ProgressIndicator.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 { isEnter, isEscape, isSpace } 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 \"./generated/templates/UploadCollectionItemTemplate.lit.js\";\n\n// Styles\nimport UploadCollectionItemCss from \"./generated/themes/UploadCollectionItem.css.js\";\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n * A component to be used within the <code>ui5-upload-collection</code>.\n \n <h3>ES6 Module Import</h3>\n \n <code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code>\n \n @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.UploadCollectionItem\n * @extends sap.ui.webc.main.ListItem\n * @tagname ui5-upload-collection-item\n * @public\n * @implements sap.ui.webc.fiori.IUploadCollectionItem\n * @since 1.0.0-rc.7\n /\n@customElement({\n\ttag: \"ui5-upload-collection-item\",\n\tlanguageAware: true,\n\tstyles: [ListItem.styles, UploadCollectionItemCss],\n\ttemplate: UploadCollectionItemTemplate,\n\tdependencies: [\n\t\t...ListItem.dependencies,\n\t\tButton,\n\t\tInput,\n\t\tLink,\n\t\tLabel,\n\t\tProgressIndicator,\n\t],\n})\n\n/\n Fired when the file name is clicked.\n * <br><br>\n * <b>Note:</b> This event is only available when <code>fileNameClickable</code> property is <code>true</code>.\n \n @event sap.ui.webc.fiori.UploadCollectionItem#file-name-click\n * @public\n /\n@event(\"file-name-click\")\n\n/\n Fired when the <code>fileName</code> property gets changed.\n * <br><br>\n * <b>Note:</b> An edit button is displayed on each item,\n * when the <code>ui5-upload-collection-item</code> <code>type</code> property is set to <code>Detail</code>.\n \n @event sap.ui.webc.fiori.UploadCollectionItem#rename\n * @public\n /\n@event(\"rename\")\n\n/\n Fired when the terminate button is pressed.\n * <br><br>\n * <b>Note:</b> Terminate button is displayed when <code>uploadState</code> property is set to <code>Uploading</code>.\n \n @event sap.ui.webc.fiori.UploadCollectionItem#terminate\n * @public\n /\n@event(\"terminate\")\n\n/\n Fired when the retry button is pressed.\n * <br><br>\n * <b>Note:</b> Retry button is displayed when <code>uploadState</code> property is set to <code>Error</code>.\n \n @event sap.ui.webc.fiori.UploadCollectionItem#retry\n * @public\n /\n@event(\"retry\")\n\n/\n @since 1.0.0-rc.8\n \n @event\n * @private\n /\n@event(\"_focus-requested\")\n\nclass UploadCollectionItem extends ListItem {\n\t/\n\t Holds an instance of <code>File</code> associated with this item.\n\t \n\t @type {File}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.file\n\t * @defaultvalue null\n\t * @public\n\t /\n\t@property({ type: Object, noAttribute: true, defaultValue: null })\n\tfile?: object;\n\n\t/\n\t The name of the file.\n\t \n\t @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.fileName\n\t * @defaultvalue \"\"\n\t * @public\n\t /\n\t@property()\n\tfileName!: string;\n\n\t/\n\t If set to <code>true</code> the file name will be clickable and it will fire <code>file-name-click</code> event upon click.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.fileNameClickable\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tfileNameClickable!: boolean;\n\n\t/\n\t Disables the delete button.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.disableDeleteButton\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean, noAttribute: false })\n\tdisableDeleteButton!: boolean;\n\n\t/\n\t By default, the Delete button will always be shown, regardless of the <code>ui5-upload-collection</code>'s property <code>mode</code>.\n\t * Setting this property to <code>true</code> will hide the delete button.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.hideDeleteButton\n\t * @defaultvalue false\n\t /\n\t@property({ type: Boolean })\n\thideDeleteButton!: boolean;\n\n\t/\n\t Hides the retry button when <code>uploadState</code> property is <code>Error</code>.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.hideRetryButton\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\thideRetryButton!: boolean;\n\n\t/\n\t Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.hideTerminateButton\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\thideTerminateButton!: boolean;\n\n\t/\n\t The upload progress in percentage.\n\t * <br><br>\n\t * <b>Note:</b> Expected values are in the interval [0, 100].\n\t \n\t @type {sap.ui.webc.base.types.Integer}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.progress\n\t * @defaultvalue 0\n\t * @public\n\t /\n\t@property({ validator: Integer, defaultValue: 0 })\n\tprogress!: number;\n\n\t/\n\t If set to <code>Uploading</code> or <code>Error</code>, a progress indicator showing the <code>progress</code> is displayed.\n\t * Also if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired.\n\t * If set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired.\n\t \n\t @type {sap.ui.webc.fiori.types.UploadState}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.uploadState\n\t * @defaultvalue \"Ready\"\n\t * @public\n\t /\n\t@property({ type: UploadState, defaultValue: UploadState.Ready })\n\tuploadState!: `${UploadState}`;\n\n\t/\n\t Indicates if editing.\n\t \n\t @type {boolean}\n\t * @defaultvalue false\n\t * @private\n\t /\n\t@property({ type: Boolean })\n\t_editing!: boolean;\n\n\t/\n\t A thumbnail, which will be shown in the beginning of the <code>ui5-upload-collection-item</code>.\n\t * <br><br>\n\t * <b>Note:</b> Use <code>ui5-icon</code> or <code>img</code> for the intended design.\n\t \n\t @type {HTMLElement}\n\t * @slot\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.thumbnail\n\t * @public\n\t /\n\t@slot({ type: HTMLElement })\n\tthumbnail!: Array<HTMLElement>;\n\n\t/\n\t Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.\n\t \n\t @type {Node[]}\n\t * @slot\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.default\n\t * @public\n\t /\n\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\t[UploadCollectionItem.i18nFioriBundle] = await Promise.all([\n\t\t\tgetI18nBundle(\"@ui5/webcomponents-fiori\"),\n\t\t\tsuper.onDefine(),\n\t\t]);\n\t}\n\n\tonBeforeRendering() {\n\t\t// In the base class the item can become \"actionable\",\n\t\t// that's why we are overriding this method.\n\t}\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\tconst inp = this.shadowRoot!.querySelector<Input>(\"#ui5-uci-edit-input\")!;\n\t\tinp.value = this._fileNameWithoutExtension;\n\n\t\tawait renderFinished();\n\n\t\tconst inpFocusDomRef = inp.getFocusDomRef() as HTMLInputElement;\n\t\tif (inpFocusDomRef) {\n\t\t\tinpFocusDomRef.focus();\n\t\t\tinpFocusDomRef.setSelectionRange(0, this._fileNameWithoutExtension.length);\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.fireEvent(\"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) {\n\t\tthis._editing = false;\n\n\t\tif (isEscape(e)) {\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.fireEvent(\"_focus-requested\");\n\t}\n\n\t_onFileNameClick() {\n\t\tthis.fireEvent(\"file-name-click\");\n\t}\n\n\t_onRetry() {\n\t\tthis.fireEvent(\"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.fireEvent(\"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\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\t/\n\t @override\n\t /\n\tget renderDeleteButton() {\n\t\treturn !this.hideDeleteButton;\n\t}\n\n\t/\n\t @override\n\t /\n\tget placeSelectionElementAfter() {\n\t\treturn true;\n\t}\n\n\t/\n\t @override\n\t /\n\tget placeSelectionElementBefore() {\n\t\treturn false;\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.Error;\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"]}
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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport ListItemType from \"@ui5/webcomponents/dist/types/ListItemType.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Input from \"@ui5/webcomponents/dist/Input.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport ProgressIndicator from \"@ui5/webcomponents/dist/ProgressIndicator.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 { isEnter, isEscape, isSpace } 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 \"./generated/templates/UploadCollectionItemTemplate.lit.js\";\n\n// Styles\nimport UploadCollectionItemCss from \"./generated/themes/UploadCollectionItem.css.js\";\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n * A component to be used within the <code>ui5-upload-collection</code>.\n \n <h3>ES6 Module Import</h3>\n \n <code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code>\n \n @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.UploadCollectionItem\n * @extends sap.ui.webc.main.ListItem\n * @tagname ui5-upload-collection-item\n * @public\n * @implements sap.ui.webc.fiori.IUploadCollectionItem\n * @since 1.0.0-rc.7\n /\n@customElement({\n\ttag: \"ui5-upload-collection-item\",\n\tlanguageAware: true,\n\tstyles: [ListItem.styles, UploadCollectionItemCss],\n\ttemplate: UploadCollectionItemTemplate,\n\tdependencies: [\n\t\t...ListItem.dependencies,\n\t\tButton,\n\t\tInput,\n\t\tLink,\n\t\tLabel,\n\t\tProgressIndicator,\n\t],\n})\n\n/\n Fired when the file name is clicked.\n * <br><br>\n * <b>Note:</b> This event is only available when <code>fileNameClickable</code> property is <code>true</code>.\n \n @event sap.ui.webc.fiori.UploadCollectionItem#file-name-click\n * @public\n /\n@event(\"file-name-click\")\n\n/\n Fired when the <code>fileName</code> property gets changed.\n * <br><br>\n * <b>Note:</b> An edit button is displayed on each item,\n * when the <code>ui5-upload-collection-item</code> <code>type</code> property is set to <code>Detail</code>.\n \n @event sap.ui.webc.fiori.UploadCollectionItem#rename\n * @public\n /\n@event(\"rename\")\n\n/\n Fired when the terminate button is pressed.\n * <br><br>\n * <b>Note:</b> Terminate button is displayed when <code>uploadState</code> property is set to <code>Uploading</code>.\n \n @event sap.ui.webc.fiori.UploadCollectionItem#terminate\n * @public\n /\n@event(\"terminate\")\n\n/\n Fired when the retry button is pressed.\n * <br><br>\n * <b>Note:</b> Retry button is displayed when <code>uploadState</code> property is set to <code>Error</code>.\n \n @event sap.ui.webc.fiori.UploadCollectionItem#retry\n * @public\n /\n@event(\"retry\")\n\n/\n @since 1.0.0-rc.8\n \n @event\n * @private\n /\n@event(\"_focus-requested\")\n\n/\n @private\n /\n@event(\"_uci-delete\")\nclass UploadCollectionItem extends ListItem {\n\t/\n\t Holds an instance of <code>File</code> associated with this item.\n\t \n\t @type {File}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.file\n\t * @defaultvalue null\n\t * @public\n\t /\n\t@property({ type: Object, noAttribute: true, defaultValue: null })\n\tfile?: object;\n\n\t/\n\t The name of the file.\n\t \n\t @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.fileName\n\t * @defaultvalue \"\"\n\t * @public\n\t /\n\t@property()\n\tfileName!: string;\n\n\t/\n\t If set to <code>true</code> the file name will be clickable and it will fire <code>file-name-click</code> event upon click.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.fileNameClickable\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tfileNameClickable!: boolean;\n\n\t/\n\t Disables the delete button.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.disableDeleteButton\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean, noAttribute: false })\n\tdisableDeleteButton!: boolean;\n\n\t/\n\t By default, the delete button will always be shown, regardless of the <code>ui5-upload-collection</code>'s property <code>mode</code>.\n\t * Setting this property to <code>true</code> will hide the delete button.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.hideDeleteButton\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\thideDeleteButton!: boolean;\n\n\t/\n\t Hides the retry button when <code>uploadState</code> property is <code>Error</code>.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.hideRetryButton\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\thideRetryButton!: boolean;\n\n\t/\n\t Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>.\n\t \n\t @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.hideTerminateButton\n\t * @defaultvalue false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\thideTerminateButton!: boolean;\n\n\t/\n\t The upload progress in percentage.\n\t * <br><br>\n\t * <b>Note:</b> Expected values are in the interval [0, 100].\n\t \n\t @type {sap.ui.webc.base.types.Integer}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.progress\n\t * @defaultvalue 0\n\t * @public\n\t /\n\t@property({ validator: Integer, defaultValue: 0 })\n\tprogress!: number;\n\n\t/\n\t If set to <code>Uploading</code> or <code>Error</code>, a progress indicator showing the <code>progress</code> is displayed.\n\t * Also if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired.\n\t * If set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired.\n\t \n\t @type {sap.ui.webc.fiori.types.UploadState}\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.uploadState\n\t * @defaultvalue \"Ready\"\n\t * @public\n\t /\n\t@property({ type: UploadState, defaultValue: UploadState.Ready })\n\tuploadState!: `${UploadState}`;\n\n\t/\n\t Indicates if editing.\n\t \n\t @type {boolean}\n\t * @defaultvalue false\n\t * @private\n\t /\n\t@property({ type: Boolean })\n\t_editing!: boolean;\n\n\t/\n\t A thumbnail, which will be shown in the beginning of the <code>ui5-upload-collection-item</code>.\n\t * <br><br>\n\t * <b>Note:</b> Use <code>ui5-icon</code> or <code>img</code> for the intended design.\n\t \n\t @type {HTMLElement}\n\t * @slot\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.thumbnail\n\t * @public\n\t /\n\t@slot({ type: HTMLElement })\n\tthumbnail!: Array<HTMLElement>;\n\n\t/\n\t Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.\n\t \n\t @type {Node[]}\n\t * @slot\n\t * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.default\n\t * @public\n\t /\n\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\t[UploadCollectionItem.i18nFioriBundle] = await Promise.all([\n\t\t\tgetI18nBundle(\"@ui5/webcomponents-fiori\"),\n\t\t\tsuper.onDefine(),\n\t\t]);\n\t}\n\n\tonBeforeRendering() {\n\t\t// In the base class the item can become \"actionable\",\n\t\t// that's why we are overriding this method.\n\t}\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\tconst inp = this.shadowRoot!.querySelector<Input>(\"#ui5-uci-edit-input\")!;\n\t\tinp.value = this._fileNameWithoutExtension;\n\n\t\tawait renderFinished();\n\n\t\tconst inpFocusDomRef = inp.getFocusDomRef() as HTMLInputElement;\n\t\tif (inpFocusDomRef) {\n\t\t\tinpFocusDomRef.focus();\n\t\t\tinpFocusDomRef.setSelectionRange(0, this._fileNameWithoutExtension.length);\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.fireEvent(\"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) {\n\t\tthis._editing = false;\n\n\t\tif (isEscape(e)) {\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.fireEvent(\"_focus-requested\");\n\t}\n\n\t_onFileNameClick() {\n\t\tthis.fireEvent(\"file-name-click\");\n\t}\n\n\t_onRetry() {\n\t\tthis.fireEvent(\"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.fireEvent(\"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.fireEvent(\"_uci-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\t/\n\t @override\n\t /\n\tget renderDeleteButton() {\n\t\treturn !this.hideDeleteButton;\n\t}\n\n\t/\n\t @override\n\t /\n\tget placeSelectionElementAfter() {\n\t\treturn true;\n\t}\n\n\t/\n\t @override\n\t /\n\tget placeSelectionElementBefore() {\n\t\treturn false;\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.Error;\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"]}