@ui5/webcomponents-fiori 1.21.0 → 1.22.0-rc.0

package/dist/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../src/TimelineItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,oBAAoB,MAAM,mDAAmD,CAAC;AACrF,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,SAAS;AACT,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAErE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC1C,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAE1C;;;;;;;;;;;;;;GAcG;AAsBH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAiFpC;;;;;;;OAOG;IAEH;QACC,KAAK,EAAE,CAAC;IACT,CAAC;IAED,WAAW;QACV,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC;IAED;;;OAGG;IACH,SAAS;QACR,IAAI,CAAC,UAAW,CAAC,aAAa,CAAO,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;IAC7D,CAAC;IAED,IAAI,OAAO;QACV,OAAO;YACN,SAAS,EAAE;gBACV,mBAAmB,EAAE,IAAI;gBACzB,8BAA8B,EAAE,IAAI,CAAC,UAAU,KAAK,gBAAgB;gBACpE,8BAA8B,EAAE,IAAI,CAAC,UAAU,KAAK,gBAAgB;aACpE;YACD,mBAAmB,EAAE;gBACpB,sBAAsB,EAAE,IAAI;gBAC5B,4BAA4B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,QAAQ;gBACrE,2BAA2B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,UAAU;aACtE;SACD,CAAC;IACH,CAAC;CACD,CAAA;AA1GA;IADC,QAAQ,EAAE;0CACG;AAWd;IADC,QAAQ,EAAE;0CACG;AAWd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACJ;AAWxB;IADC,QAAQ,EAAE;+CACQ;AAUnB;IADC,QAAQ,EAAE;kDACW;AAGtB;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;+CACjC;AAUnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,CAAC,QAAQ,EAAE,CAAC;4CAC7C;AAS7B;IADC,QAAQ,EAAE;gDACS;AA/Ef,YAAY;IArBjB,aAAa,CAAC;QACd,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,oBAAoB;QAC9B,YAAY,EAAE;YACb,IAAI;YACJ,IAAI;SACJ;KACD,CAAC;IACF;;;;;;;;;OASG;;IACF,KAAK,CAAC,YAAY,CAAC;GACd,YAAY,CAwHjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport TimelineItemTemplate from \"./generated/templates/TimelineItemTemplate.lit.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\n// Styles\nimport TimelineItemCss from \"./generated/themes/TimelineItem.css.js\";\n\nconst SHORT_LINE_WIDTH = \"ShortLineWidth\";\nconst LARGE_LINE_WIDTH = \"LargeLineWidth\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * An entry posted on the timeline.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.TimelineItem\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-timeline-item\n * @implements sap.ui.webc.fiori.ITimelineItem\n * @public\n */\n@customElement({\n\ttag: \"ui5-timeline-item\",\n\trenderer: litRender,\n\tstyles: TimelineItemCss,\n\ttemplate: TimelineItemTemplate,\n\tdependencies: [\n\t\tIcon,\n\t\tLink,\n\t],\n})\n/**\n * Fired when the item name is pressed either with a\n * click/tap or by using the Enter or Space key.\n * <br><br>\n * <b>Note:</b> The event will not be fired if the <code>name-clickable</code>\n * attribute is not set.\n *\n * @event sap.ui.webc.fiori.TimelineItem#name-click\n * @public\n */\n@event(\"name-click\")\nclass TimelineItem extends UI5Element implements ITabbable {\n\t/**\n\t * Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>.\n\t * SAP-icons font provides numerous options.\n\t * <br><br>\n\t *\n\t * See all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.fiori.TimelineItem.prototype.icon\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\ticon!: string;\n\n\t/**\n\t * Defines the name of the item, displayed before the <code>title-text</code>.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.fiori.TimelineItem.prototype.name\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\tname!: string;\n\n\t/**\n\t * Defines if the <code>name</code> is clickable.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.TimelineItem.prototype.nameClickable\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tnameClickable!: boolean;\n\n\t/**\n\t * Defines the title text of the component.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.fiori.TimelineItem.prototype.titleText\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\ttitleText!: string;\n\n\t/**\n\t * Defines the subtitle text of the component.\n\t * @type {string}\n\t * @name sap.ui.webc.fiori.TimelineItem.prototype.subtitleText\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\tsubtitleText!: string;\n\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\t_tabIndex!: string;\n\n\t/**\n\t * Defines the items orientation.\n\t *\n\t * @type {sap.ui.webc.fiori.types.TimelineLayout}\n\t * @defaultvalue \"Vertical\"\n\t * @private\n\t */\n\t@property({ type: TimelineLayout, defaultValue: TimelineLayout.Vertical })\n\tlayout!: `${TimelineLayout}`;\n\n\t/**\n\t * Defines the indicator line width.\n\t *\n\t * @type {string}\n\t * @private\n\t */\n\t@property()\n\t_lineWidth!: string;\n\n\t/**\n\t * Determines the description of the <code>ui5-timeline-item</code>.\n\t *\n\t * @type {Node[]}\n\t * @name sap.ui.webc.fiori.TimelineItem.prototype.default\n\t * @slot\n\t * @public\n\t */\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tonNamePress() {\n\t\tthis.fireEvent(\"name-click\", {});\n\t}\n\n\t/**\n\t * Focus the internal link.\n\t * @protected\n\t */\n\tfocusLink() {\n\t\tthis.shadowRoot!.querySelector<Link>(\"[ui5-link]\")?.focus();\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tindicator: {\n\t\t\t\t\"ui5-tli-indicator\": true,\n\t\t\t\t\"ui5-tli-indicator-short-line\": this._lineWidth === SHORT_LINE_WIDTH,\n\t\t\t\t\"ui5-tli-indicator-large-line\": this._lineWidth === LARGE_LINE_WIDTH,\n\t\t\t},\n\t\t\tbubbleArrowPosition: {\n\t\t\t\t\"ui5-tli-bubble-arrow\": true,\n\t\t\t\t\"ui5-tli-bubble-arrow--left\": this.layout === TimelineLayout.Vertical,\n\t\t\t\t\"ui5-tli-bubble-arrow--top\": this.layout === TimelineLayout.Horizontal,\n\t\t\t},\n\t\t};\n\t}\n}\n\nTimelineItem.define();\n\nexport default TimelineItem;\n"]}
+{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../src/TimelineItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,oBAAoB,MAAM,mDAAmD,CAAC;AACrF,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,SAAS;AACT,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAErE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC1C,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAE1C;;;;;;;;;;;;GAYG;AAqBH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAqEpC;QACC,KAAK,EAAE,CAAC;IACT,CAAC;IAED,WAAW;QACV,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,SAAS;QACR,IAAI,CAAC,UAAW,CAAC,aAAa,CAAO,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;IAC7D,CAAC;IAED,IAAI,OAAO;QACV,OAAO;YACN,SAAS,EAAE;gBACV,mBAAmB,EAAE,IAAI;gBACzB,8BAA8B,EAAE,IAAI,CAAC,UAAU,KAAK,gBAAgB;gBACpE,8BAA8B,EAAE,IAAI,CAAC,UAAU,KAAK,gBAAgB;aACpE;YACD,mBAAmB,EAAE;gBACpB,sBAAsB,EAAE,IAAI;gBAC5B,4BAA4B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,QAAQ;gBACrE,2BAA2B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,UAAU;aACtE;SACD,CAAC;IACH,CAAC;CACD,CAAA;AAtFA;IADC,QAAQ,EAAE;0CACG;AASd;IADC,QAAQ,EAAE;0CACG;AASd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACJ;AASxB;IADC,QAAQ,EAAE;+CACQ;AAQnB;IADC,QAAQ,EAAE;kDACW;AAGtB;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;+CACjC;AASnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,CAAC,QAAQ,EAAE,CAAC;4CAC7C;AAQ7B;IADC,QAAQ,EAAE;gDACS;AAnEf,YAAY;IApBjB,aAAa,CAAC;QACd,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,oBAAoB;QAC9B,YAAY,EAAE;YACb,IAAI;YACJ,IAAI;SACJ;KACD,CAAC;IACF;;;;;;;;OAQG;;IACF,KAAK,CAAC,YAAY,CAAC;GACd,YAAY,CAkGjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport type { ITimelineItem } from \"./Interfaces.js\";\nimport TimelineItemTemplate from \"./generated/templates/TimelineItemTemplate.lit.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\n// Styles\nimport TimelineItemCss from \"./generated/themes/TimelineItem.css.js\";\n\nconst SHORT_LINE_WIDTH = \"ShortLineWidth\";\nconst LARGE_LINE_WIDTH = \"LargeLineWidth\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * An entry posted on the timeline.\n *\n * @constructor\n * @extends UI5Element\n * @implements { ITimelineItem }\n * @public\n * @slot {Node[]} default - Determines the description of the <code>ui5-timeline-item</code>.\n */\n@customElement({\n\ttag: \"ui5-timeline-item\",\n\trenderer: litRender,\n\tstyles: TimelineItemCss,\n\ttemplate: TimelineItemTemplate,\n\tdependencies: [\n\t\tIcon,\n\t\tLink,\n\t],\n})\n/**\n * Fired when the item name is pressed either with a\n * click/tap or by using the Enter or Space key.\n * <br><br>\n * <b>Note:</b> The event will not be fired if the <code>name-clickable</code>\n * attribute is not set.\n *\n * @public\n */\n@event(\"name-click\")\nclass TimelineItem extends UI5Element implements ITimelineItem {\n\t/**\n\t * Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>.\n\t * SAP-icons font provides numerous options.\n\t * <br><br>\n\t *\n\t * See all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ticon!: string;\n\n\t/**\n\t * Defines the name of the item, displayed before the <code>title-text</code>.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tname!: string;\n\n\t/**\n\t * Defines if the <code>name</code> is clickable.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tnameClickable!: boolean;\n\n\t/**\n\t * Defines the title text of the component.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttitleText!: string;\n\n\t/**\n\t * Defines the subtitle text of the component.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tsubtitleText!: string;\n\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\t_tabIndex!: string;\n\n\t/**\n\t * Defines the items orientation.\n\t *\n\t * @default \"Vertical\"\n\t * @private\n\t */\n\t@property({ type: TimelineLayout, defaultValue: TimelineLayout.Vertical })\n\tlayout!: `${TimelineLayout}`;\n\n\t/**\n\t * Defines the indicator line width.\n\t *\n\t * @private\n\t */\n\t@property()\n\t_lineWidth!: string;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tonNamePress() {\n\t\tthis.fireEvent(\"name-click\", {});\n\t}\n\n\t/**\n\t * Focus the internal link.\n\t */\n\tfocusLink() {\n\t\tthis.shadowRoot!.querySelector<Link>(\"[ui5-link]\")?.focus();\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tindicator: {\n\t\t\t\t\"ui5-tli-indicator\": true,\n\t\t\t\t\"ui5-tli-indicator-short-line\": this._lineWidth === SHORT_LINE_WIDTH,\n\t\t\t\t\"ui5-tli-indicator-large-line\": this._lineWidth === LARGE_LINE_WIDTH,\n\t\t\t},\n\t\t\tbubbleArrowPosition: {\n\t\t\t\t\"ui5-tli-bubble-arrow\": true,\n\t\t\t\t\"ui5-tli-bubble-arrow--left\": this.layout === TimelineLayout.Vertical,\n\t\t\t\t\"ui5-tli-bubble-arrow--top\": this.layout === TimelineLayout.Horizontal,\n\t\t\t},\n\t\t};\n\t}\n}\n\nTimelineItem.define();\n\nexport default TimelineItem;\n"]}

package/dist/UploadCollection.d.ts

@@ -5,14 +5,14 @@ import ListMode from "@ui5/webcomponents/dist/types/ListMode.js";
 import "./illustrations/Tent.js";
 import "@ui5/webcomponents-icons/dist/upload-to-cloud.js";
 import "@ui5/webcomponents-icons/dist/document.js";
-import type UploadCollectionItem from "./UploadCollectionItem.js";
+import type IUploadCollectionItem from "./UploadCollectionItem.js";
 import type { DnDEventListener, DnDEventListenerParam } from "./upload-utils/UploadCollectionBodyDnD.js";
 import UploadCollectionDnDOverlayMode from "./types/UploadCollectionDnDMode.js";
 type UploadCollectionSelectionChangeEventDetail = {
-    selectedItems: Array<UploadCollectionItem>;
+    selectedItems: Array<IUploadCollectionItem>;
 };
 type UploadCollectionItemDeleteEventDetail = {
-    item: UploadCollectionItem;
+    item: IUploadCollectionItem;
 };
 /**
  * @class
@@ -27,11 +27,7 @@ type UploadCollectionItemDeleteEventDetail = {
  * <code>import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";</code> (for <code>ui5-upload-collection-item</code>)
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.UploadCollection
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-upload-collection
- * @appenddocs sap.ui.webc.fiori.UploadCollectionItem
+ * @extends UI5Element
  * @public
  * @since 1.0.0-rc.7
  */
@@ -42,27 +38,21 @@ declare class UploadCollection extends UI5Element {
      * <br><b>Note:</b>
      * Mode "Delete" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>
      *
-     * @type {sap.ui.webc.main.types.ListMode}
-     * @name sap.ui.webc.fiori.UploadCollection.prototype.mode
-     * @defaultvalue "None"
+     * @default "None"
      * @public
      */
     mode: `${ListMode}`;
     /**
      * Allows you to set your own text for the 'No data' description.
      *
-     * @type {string}
-     * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataDescription
-     * @defaultvalue ""
+     * @default ""
      * @public
      */
     noDataDescription: string;
     /**
      * Allows you to set your own text for the 'No data' text.
      *
-     * @type {string}
-     * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataText
-     * @defaultvalue ""
+     * @default ""
      * @public
      */
     noDataText: string;
@@ -73,18 +63,14 @@ declare class UploadCollection extends UI5Element {
      * <b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it.
      * <code>ui5-upload-collection</code> only displays an overlay.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.UploadCollection.prototype.hideDragOverlay
-     * @defaultvalue false
+     * @default false
      * @public
      */
     hideDragOverlay: boolean;
     /**
      * Defines the accessible ARIA name of the component.
      *
-     * @type {string}
-     * @name sap.ui.webc.fiori.UploadCollection.prototype.accessibleName
-     * @defaultvalue ""
+     * @default ""
      * @public
      * @since 1.0.0-rc.16
      */
@@ -92,8 +78,7 @@ declare class UploadCollection extends UI5Element {
     /**
      * Indicates what overlay to show when files are being dragged.
      *
-     * @type {sap.ui.webc.fiori.types.UploadCollectionDnDOverlayMode}
-     * @defaultvalue "None"
+     * @default "None"
      * @private
      */
     _dndOverlayMode: UploadCollectionDnDOverlayMode;
@@ -101,12 +86,9 @@ declare class UploadCollection extends UI5Element {
      * Defines the items of the <code>ui5-upload-collection</code>.
      * <br><b>Note:</b> Use <code>ui5-upload-collection-item</code> for the intended design.
      *
-     * @type {sap.ui.webc.fiori.IUploadCollectionItem[]}
-     * @name sap.ui.webc.fiori.UploadCollection.prototype.default
-     * @slot items
      * @public
      */
-    items: Array<UploadCollectionItem>;
+    items: Array<IUploadCollectionItem>;
     /**
      * Defines the <code>ui5-upload-collection</code> header.
      * <br><br>
@@ -114,9 +96,6 @@ declare class UploadCollection extends UI5Element {
      * the labelling of the <code>UploadCollection</code> is a responsibility of the application developer.
      * <code>accessibleName</code> should be used.
      *
-     * @type {HTMLElement[]}
-     * @name sap.ui.webc.fiori.UploadCollection.prototype.header
-     * @slot
      * @public
      */
     header: Array<HTMLElement>;

package/dist/UploadCollection.js

@@ -41,11 +41,7 @@ import UploadCollectionCss from "./generated/themes/UploadCollection.css.js";
  * <code>import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";</code> (for <code>ui5-upload-collection-item</code>)
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.UploadCollection
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-upload-collection
- * @appenddocs sap.ui.webc.fiori.UploadCollectionItem
+ * @extends UI5Element
  * @public
  * @since 1.0.0-rc.7
  */
@@ -199,8 +195,6 @@ UploadCollection = UploadCollection_1 = __decorate([
      * <br><br>
      * <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>.
      *
-     * @event sap.ui.webc.fiori.UploadCollection#drop
-     * @readonly
      * @param {DataTransfer} dataTransfer The <code>drop</code> event operation data.
      * @public
      * @native
@@ -210,13 +204,15 @@ UploadCollection = UploadCollection_1 = __decorate([
     /**
      * 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 deleted.
      * @public
      */
     ,
     event("item-delete", {
         detail: {
+            /**
+             * @public
+             */
             item: { type: HTMLElement },
         },
     })
@@ -224,13 +220,15 @@ UploadCollection = UploadCollection_1 = __decorate([
      * Fired when selection is changed by user interaction
      * in <code>SingleSelect</code> and <code>MultiSelect</code> modes.
      *
-     * @event sap.ui.webc.fiori.UploadCollection#selection-change
      * @param {Array} selectedItems An array of the selected items.
      * @public
      */
     ,
     event("selection-change", {
         detail: {
+            /**
+             * @public
+             */
             selectedItems: { type: Array },
         },
     })

package/dist/UploadCollection.js.map

@@ -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 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><b>Note:</b>\n\t * Mode \"Delete\" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>\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"]}
+{"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 IUploadCollectionItem 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<IUploadCollectionItem>,\n};\n\ntype UploadCollectionItemDeleteEventDetail = {\n\titem: IUploadCollectionItem,\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 * @extends UI5Element\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 * @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 * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was deleted.\n * @public\n */\n@event(\"item-delete\", {\n\tdetail: {\n\t\t/**\n\t\t * @public\n\t\t */\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 * @param {Array} selectedItems An array of the selected items.\n * @public\n */\n@event(\"selection-change\", {\n\tdetail: {\n\t\t/**\n\t\t * @public\n\t\t */\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><b>Note:</b>\n\t * Mode \"Delete\" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>\n\t *\n\t * @default \"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 * @default \"\"\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 * @default \"\"\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 * @default 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 * @default \"\"\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 * @default \"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 * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<IUploadCollectionItem>;\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 * @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 IUploadCollectionItem });\n\t}\n\n\t_onSelectionChange(e: CustomEvent<ListSelectionChangeEventDetail>) {\n\t\tthis.fireEvent<UploadCollectionSelectionChangeEventDetail>(\"selection-change\", { selectedItems: e.detail.selectedItems as IUploadCollectionItem[] });\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

@@ -5,6 +5,7 @@ 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 type { IUploadCollectionItem } from "./Interfaces.js";
 /**
  * @class
  *
@@ -16,48 +17,38 @@ import "@ui5/webcomponents-icons/dist/edit.js";
  * <code>import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";</code>
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.UploadCollectionItem
- * @extends sap.ui.webc.main.ListItem
- * @tagname ui5-upload-collection-item
+ * @extends ListItem
  * @public
- * @implements sap.ui.webc.fiori.IUploadCollectionItem
+ * @implements {IUploadCollectionItem}
+ * @slot {Node[]} default - Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.
  * @since 1.0.0-rc.7
  */
-declare class UploadCollectionItem extends ListItem {
+declare class UploadCollectionItem extends ListItem implements IUploadCollectionItem {
     /**
      * Holds an instance of <code>File</code> associated with this item.
      *
-     * @type {File}
-     * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.file
-     * @defaultvalue null
+     * @default null
      * @public
      */
-    file?: object;
+    file?: File | null;
     /**
      * The name of the file.
      *
-     * @type {string}
-     * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.fileName
-     * @defaultvalue ""
+     * @default ""
      * @public
      */
     fileName: string;
     /**
      * If set to <code>true</code> the file name will be clickable and it will fire <code>file-name-click</code> event upon click.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.fileNameClickable
-     * @defaultvalue false
+     * @default false
      * @public
      */
     fileNameClickable: boolean;
     /**
      * Disables the delete button.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.disableDeleteButton
-     * @defaultvalue false
+     * @default false
      * @public
      */
     disableDeleteButton: boolean;
@@ -65,27 +56,21 @@ declare class UploadCollectionItem extends ListItem {
      * 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
+     * @default false
      * @public
      */
     hideDeleteButton: boolean;
     /**
      * Hides the retry button when <code>uploadState</code> property is <code>Error</code>.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.hideRetryButton
-     * @defaultvalue false
+     * @default false
      * @public
      */
     hideRetryButton: boolean;
     /**
      * Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.hideTerminateButton
-     * @defaultvalue false
+     * @default false
      * @public
      */
     hideTerminateButton: boolean;
@@ -94,9 +79,7 @@ declare class UploadCollectionItem extends ListItem {
      * <br><br>
      * <b>Note:</b> Expected values are in the interval [0, 100].
      *
-     * @type {sap.ui.webc.base.types.Integer}
-     * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.progress
-     * @defaultvalue 0
+     * @default 0
      * @public
      */
     progress: number;
@@ -105,17 +88,14 @@ declare class UploadCollectionItem extends ListItem {
      * Also if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired.
      * If set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired.
      *
-     * @type {sap.ui.webc.fiori.types.UploadState}
-     * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.uploadState
-     * @defaultvalue "Ready"
+     * @default "Ready"
      * @public
      */
     uploadState: `${UploadState}`;
     /**
      * Indicates if editing.
      *
-     * @type {boolean}
-     * @defaultvalue false
+     * @default false
      * @private
      */
     _editing: boolean;
@@ -124,20 +104,9 @@ declare class UploadCollectionItem extends ListItem {
      * <br><br>
      * <b>Note:</b> Use <code>ui5-icon</code> or <code>img</code> for the intended design.
      *
-     * @type {HTMLElement}
-     * @slot
-     * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.thumbnail
      * @public
      */
     thumbnail: Array<HTMLElement>;
-    /**
-     * Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.
-     *
-     * @type {Node[]}
-     * @slot
-     * @name sap.ui.webc.fiori.UploadCollectionItem.prototype.default
-     * @public
-     */
     static i18nFioriBundle: I18nBundle;
     static onDefine(): Promise<void>;
     /**

package/dist/UploadCollectionItem.js

@@ -42,12 +42,10 @@ import UploadCollectionItemCss from "./generated/themes/UploadCollectionItem.css
  * <code>import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";</code>
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.UploadCollectionItem
- * @extends sap.ui.webc.main.ListItem
- * @tagname ui5-upload-collection-item
+ * @extends ListItem
  * @public
- * @implements sap.ui.webc.fiori.IUploadCollectionItem
+ * @implements {IUploadCollectionItem}
+ * @slot {Node[]} default - Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.
  * @since 1.0.0-rc.7
  */
 let UploadCollectionItem = UploadCollectionItem_1 = class UploadCollectionItem extends ListItem {
@@ -282,7 +280,6 @@ UploadCollectionItem = UploadCollectionItem_1 = __decorate([
      * <br><br>
      * <b>Note:</b> This event is only available when <code>fileNameClickable</code> property is <code>true</code>.
      *
-     * @event sap.ui.webc.fiori.UploadCollectionItem#file-name-click
      * @public
      */
     ,
@@ -293,7 +290,6 @@ UploadCollectionItem = UploadCollectionItem_1 = __decorate([
      * <b>Note:</b> An edit button is displayed on each item,
      * when the <code>ui5-upload-collection-item</code> <code>type</code> property is set to <code>Detail</code>.
      *
-     * @event sap.ui.webc.fiori.UploadCollectionItem#rename
      * @public
      */
     ,
@@ -303,7 +299,6 @@ UploadCollectionItem = UploadCollectionItem_1 = __decorate([
      * <br><br>
      * <b>Note:</b> Terminate button is displayed when <code>uploadState</code> property is set to <code>Uploading</code>.
      *
-     * @event sap.ui.webc.fiori.UploadCollectionItem#terminate
      * @public
      */
     ,
@@ -313,7 +308,6 @@ UploadCollectionItem = UploadCollectionItem_1 = __decorate([
      * <br><br>
      * <b>Note:</b> Retry button is displayed when <code>uploadState</code> property is set to <code>Error</code>.
      *
-     * @event sap.ui.webc.fiori.UploadCollectionItem#retry
      * @public
      */
     ,
@@ -321,7 +315,6 @@ UploadCollectionItem = UploadCollectionItem_1 = __decorate([
     /**
      * @since 1.0.0-rc.8
      *
-     * @event
      * @private
      */
     ,

package/dist/UploadCollectionItem.js.map

@@ -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\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\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 renderUploadCollectionDeleteButton() {\n\t\treturn !this.hideDeleteButton;\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"]}
+{"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\";\nimport type { IUploadCollectionItem } from \"./Interfaces.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 * @extends ListItem\n * @public\n * @implements {IUploadCollectionItem}\n * @slot {Node[]} default - Hold the description of the <code>ui5-upload-collection-item</code>. 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\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 * @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 * @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 * @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 * @public\n */\n@event(\"retry\")\n\n/**\n * @since 1.0.0-rc.8\n *\n * @private\n */\n@event(\"_focus-requested\")\n\n/**\n * @private\n */\n@event(\"_uci-delete\")\nclass UploadCollectionItem extends ListItem implements IUploadCollectionItem {\n\t/**\n\t * Holds an instance of <code>File</code> associated with this item.\n\t *\n\t * @default null\n\t * @public\n\t */\n\t@property({ type: Object, noAttribute: true, defaultValue: null })\n\tfile?: File | null;\n\n\t/**\n\t * The name of the file.\n\t *\n\t * @default \"\"\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 * @default 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 * @default 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 * @default 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 * @default 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 * @default 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 * @default 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 * @default \"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 * @default 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 * @public\n\t */\n\t@slot({ type: HTMLElement })\n\tthumbnail!: Array<HTMLElement>;\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\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 renderUploadCollectionDeleteButton() {\n\t\treturn !this.hideDeleteButton;\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"]}