@ui5/webcomponents-fiori 2.5.0-rc.3 → 2.6.0-rc.0

package/dist/TimelineGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineGroupItem.js","sourceRoot":"","sources":["../src/TimelineGroupItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ToggleButton from \"@ui5/webcomponents/dist/ToggleButton.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\nimport TimelineItem from \"./TimelineItem.js\";\nimport type { ITimelineItem } from \"./Timeline.js\";\n\nimport TimelineGroupItemTemplate from \"./generated/templates/TimelineGroupItemTemplate.lit.js\";\n\n// Styles\nimport TimelineGroupItemCss from \"./generated/themes/TimelineGroupItem.css.js\";\n\nconst SHORT_LINE_WIDTH = \"ShortLineWidth\";\nconst LARGE_LINE_WIDTH = \"LargeLineWidth\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * An entry posted on the timeline.\n * It is intented to represent a group of `<ui5-timeline-item>`s.\n *\n * **Note**: Please do not use empty groups in order to preserve the intended design.\n *\n * @constructor\n * @extends UI5Element\n * @implements {ITimelineItem}\n * @public\n * @since 2.1.0\n */\n@customElement({\n\ttag: \"ui5-timeline-group-item\",\n\trenderer: litRender,\n\tstyles: TimelineGroupItemCss,\n\ttemplate: TimelineGroupItemTemplate,\n\tdependencies: [TimelineItem, ToggleButton],\n})\n/**\n * Fired when the group item is expanded or collapsed.\n * @public\n */\n@event(\"toggle\", {\n\tbubbles: true,\n})\nclass TimelineGroupItem extends UI5Element implements ITimelineItem {\n\teventDetails!: {\n\t\t\"toggle\": void\n\t}\n\t/**\n\t * Defines the text of the button that expands and collapses the group.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tgroupName?: string;\n\n\t/**\n\t * Determines if the group is collapsed or expanded.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tcollapsed = false;\n\n\t/**\n\t * Determines the content of the `ui5-timeline-group-item`.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n\titems!: Array<ITimelineItem>;\n\n\t/**\n\t * Defines the items orientation.\n\t * @default \"Vertical\"\n\t * @private\n\t */\n\t@property()\n\tlayout: `${TimelineLayout}` = \"Vertical\";\n\n\t/**\n\t * Applies to the last item in the group.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tlastItem = false;\n\n\t/**\n\t * Determines if the item afterwards is a group item.\n\t * Intended for styling purposes.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tisNextItemGroup = false;\n\n\t@property({ type: Boolean })\n\thidden = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfirstItemInTimeline = false;\n\n\t@property({ noAttribute: true })\n\tforcedTabIndex = \"-1\";\n\n\tonBeforeRendering() {\n\t\tif (!this.items.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._setGroupItemProps();\n\t}\n\n\t_setGroupItemProps() {\n\t\tconst items = this.items;\n\t\tconst itemsLength = items.length;\n\n\t\tif (itemsLength && this.firstItemInTimeline) {\n\t\t\titems[0].firstItemInTimeline = true;\n\t\t}\n\n\t\tfor (let i = 0; i < itemsLength; i++) {\n\t\t\titems[i].lastItem = false;\n\t\t\titems[i].isNextItemGroup = false;\n\t\t}\n\n\t\tif (itemsLength > 0) {\n\t\t\titems[itemsLength - 1].isNextItemGroup = this.isNextItemGroup;\n\t\t\tif (this.collapsed) {\n\t\t\t\titems[itemsLength - 1].lastItem = false;\n\t\t\t} else if (this.lastItem) {\n\t\t\t\titems[itemsLength - 1].lastItem = true;\n\t\t\t}\n\t\t}\n\n\t\tfor (let i = 0; i < itemsLength; i++) {\n\t\t\tconst item = items[i];\n\t\t\titem.positionInGroup = i + 1;\n\t\t\titem.hidden = !!this.collapsed;\n\t\t\titem.layout = this.layout;\n\n\t\t\tif (items[i + 1] && !!items[i + 1].icon) {\n\t\t\t\titem.forcedLineWidth = SHORT_LINE_WIDTH;\n\t\t\t} else if (item.icon && items[i + 1] && !items[i + 1].icon) {\n\t\t\t\titem.forcedLineWidth = LARGE_LINE_WIDTH;\n\t\t\t}\n\t\t}\n\t}\n\n\tonGroupItemClick() {\n\t\tthis.collapsed = !this.collapsed;\n\t\tthis.fireDecoratorEvent(\"toggle\");\n\t}\n\n\tget isGroupItem() {\n\t\treturn true;\n\t}\n\n\tget _groupName() {\n\t\treturn this.groupName;\n\t}\n\n\tget _groupItemIcon() {\n\t\tif (this.layout === TimelineLayout.Vertical) {\n\t\t\treturn this.collapsed ? \"slim-arrow-left\" : \"slim-arrow-down\";\n\t\t}\n\n\t\treturn this.collapsed ? \"slim-arrow-up\" : \"slim-arrow-right\";\n\t}\n}\n\nTimelineGroupItem.define();\n\nexport default TimelineGroupItem;\n"]}
+{"version":3,"file":"TimelineGroupItem.js","sourceRoot":"","sources":["../src/TimelineGroupItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport ToggleButton from \"@ui5/webcomponents/dist/ToggleButton.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\nimport TimelineItem from \"./TimelineItem.js\";\nimport type { ITimelineItem } from \"./Timeline.js\";\n\nimport TimelineGroupItemTemplate from \"./TimelineGroupItemTemplate.js\";\n\n// Styles\nimport TimelineGroupItemCss from \"./generated/themes/TimelineGroupItem.css.js\";\n\nconst SHORT_LINE_WIDTH = \"ShortLineWidth\";\nconst LARGE_LINE_WIDTH = \"LargeLineWidth\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * An entry posted on the timeline.\n * It is intented to represent a group of `<ui5-timeline-item>`s.\n *\n * **Note**: Please do not use empty groups in order to preserve the intended design.\n *\n * @constructor\n * @extends UI5Element\n * @implements {ITimelineItem}\n * @public\n * @since 2.1.0\n */\n@customElement({\n\ttag: \"ui5-timeline-group-item\",\n\trenderer: jsxRenderer,\n\tstyles: TimelineGroupItemCss,\n\ttemplate: TimelineGroupItemTemplate,\n\tdependencies: [TimelineItem, ToggleButton],\n})\n/**\n * Fired when the group item is expanded or collapsed.\n * @public\n */\n@event(\"toggle\", {\n\tbubbles: true,\n})\nclass TimelineGroupItem extends UI5Element implements ITimelineItem {\n\teventDetails!: {\n\t\t\"toggle\": void\n\t}\n\t/**\n\t * Defines the text of the button that expands and collapses the group.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tgroupName?: string;\n\n\t/**\n\t * Determines if the group is collapsed or expanded.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tcollapsed = false;\n\n\t/**\n\t * Determines the content of the `ui5-timeline-group-item`.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n\titems!: Array<ITimelineItem>;\n\n\t/**\n\t * Defines the items orientation.\n\t * @default \"Vertical\"\n\t * @private\n\t */\n\t@property()\n\tlayout: `${TimelineLayout}` = \"Vertical\";\n\n\t/**\n\t * Applies to the last item in the group.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tlastItem = false;\n\n\t/**\n\t * Determines if the item afterwards is a group item.\n\t * Intended for styling purposes.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tisNextItemGroup = false;\n\n\t@property({ type: Boolean })\n\thidden = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfirstItemInTimeline = false;\n\n\t@property({ noAttribute: true })\n\tforcedTabIndex = \"-1\";\n\n\tonBeforeRendering() {\n\t\tif (!this.items.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._setGroupItemProps();\n\t}\n\n\t_setGroupItemProps() {\n\t\tconst items = this.items;\n\t\tconst itemsLength = items.length;\n\n\t\tif (itemsLength && this.firstItemInTimeline) {\n\t\t\titems[0].firstItemInTimeline = true;\n\t\t}\n\n\t\tfor (let i = 0; i < itemsLength; i++) {\n\t\t\titems[i].lastItem = false;\n\t\t\titems[i].isNextItemGroup = false;\n\t\t}\n\n\t\tif (itemsLength > 0) {\n\t\t\titems[itemsLength - 1].isNextItemGroup = this.isNextItemGroup;\n\t\t\tif (this.collapsed) {\n\t\t\t\titems[itemsLength - 1].lastItem = false;\n\t\t\t} else if (this.lastItem) {\n\t\t\t\titems[itemsLength - 1].lastItem = true;\n\t\t\t}\n\t\t}\n\n\t\tfor (let i = 0; i < itemsLength; i++) {\n\t\t\tconst item = items[i];\n\t\t\titem.positionInGroup = i + 1;\n\t\t\titem.hidden = !!this.collapsed;\n\t\t\titem.layout = this.layout;\n\n\t\t\tif (items[i + 1] && !!items[i + 1].icon) {\n\t\t\t\titem.forcedLineWidth = SHORT_LINE_WIDTH;\n\t\t\t} else if (item.icon && items[i + 1] && !items[i + 1].icon) {\n\t\t\t\titem.forcedLineWidth = LARGE_LINE_WIDTH;\n\t\t\t}\n\t\t}\n\t}\n\n\tonGroupItemClick() {\n\t\tthis.collapsed = !this.collapsed;\n\t\tthis.fireDecoratorEvent(\"toggle\");\n\t}\n\n\tget isGroupItem() {\n\t\treturn true;\n\t}\n\n\tget _groupName() {\n\t\treturn this.groupName;\n\t}\n\n\tget _groupItemIcon() {\n\t\tif (this.layout === TimelineLayout.Vertical) {\n\t\t\treturn this.collapsed ? \"slim-arrow-left\" : \"slim-arrow-down\";\n\t\t}\n\n\t\treturn this.collapsed ? \"slim-arrow-up\" : \"slim-arrow-right\";\n\t}\n}\n\nTimelineGroupItem.define();\n\nexport default TimelineGroupItem;\n"]}

package/dist/TimelineGroupItemTemplate.d.ts

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

package/dist/TimelineGroupItemTemplate.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import ToggleButton from "@ui5/webcomponents/dist/ToggleButton.js";
+export default function TimelineGroupItemTemplate() {
+    return (_jsxs("div", { class: "ui5-tlgi-root", children: [_jsxs("div", { class: "ui5-tlgi-btn-root", children: [_jsx("div", { class: "ui5-tlgi-icon-placeholder", children: _jsx("div", { class: "ui5-tlgi-icon-dot" }) }), _jsx("div", { class: "ui5-tlgi-line-placeholder", children: _jsx("div", { class: "ui5-tlgi-line" }) }), _jsx(ToggleButton, { class: "ui5-tlgi-btn", icon: this._groupItemIcon, pressed: this.collapsed, onClick: this.onGroupItemClick, children: this.groupName })] }), _jsx("ul", { class: "ui5-tl-group-item", children: this.items.map(item => _jsx("li", { class: "ui5-timeline-group-list-item", children: _jsx("slot", { name: item._individualSlot }) })) })] }));
+}
+//# sourceMappingURL=TimelineGroupItemTemplate.js.map

package/dist/TimelineGroupItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineGroupItemTemplate.js","sourceRoot":"","sources":["../src/TimelineGroupItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,yCAAyC,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,yBAAyB;IAChD,OAAO,CACN,eAAK,KAAK,EAAC,eAAe,aACzB,eAAK,KAAK,EAAC,mBAAmB,aAC7B,cAAK,KAAK,EAAC,2BAA2B,YACrC,cAAK,KAAK,EAAC,mBAAmB,GAAO,GAChC,EAEN,cAAK,KAAK,EAAC,2BAA2B,YACrC,cAAK,KAAK,EAAC,eAAe,GAAO,GAC5B,EAEN,KAAC,YAAY,IACZ,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,cAAc,EACzB,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,OAAO,EAAE,IAAI,CAAC,gBAAgB,YAE7B,IAAI,CAAC,SAAS,GACD,IACV,EACN,aAAI,KAAK,EAAC,mBAAmB,YAC3B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACtB,aAAI,KAAK,EAAC,8BAA8B,YACvC,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAS,GACrC,CACL,GACG,IACA,CACN,CAAC;AACH,CAAC","sourcesContent":["import type TimelineGroupItem from \"./TimelineGroupItem.js\";\nimport ToggleButton from \"@ui5/webcomponents/dist/ToggleButton.js\";\n\nexport default function TimelineGroupItemTemplate(this: TimelineGroupItem) {\n\treturn (\n\t\t<div class=\"ui5-tlgi-root\">\n\t\t\t<div class=\"ui5-tlgi-btn-root\">\n\t\t\t\t<div class=\"ui5-tlgi-icon-placeholder\">\n\t\t\t\t\t<div class=\"ui5-tlgi-icon-dot\"></div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"ui5-tlgi-line-placeholder\">\n\t\t\t\t\t<div class=\"ui5-tlgi-line\"></div>\n\t\t\t\t</div>\n\n\t\t\t\t<ToggleButton\n\t\t\t\t\tclass=\"ui5-tlgi-btn\"\n\t\t\t\t\ticon={this._groupItemIcon}\n\t\t\t\t\tpressed={this.collapsed}\n\t\t\t\t\tonClick={this.onGroupItemClick}\n\t\t\t\t>\n\t\t\t\t\t{this.groupName}\n\t\t\t\t</ToggleButton>\n\t\t\t</div>\n\t\t\t<ul class=\"ui5-tl-group-item\">\n\t\t\t\t{this.items.map(item =>\n\t\t\t\t\t<li class=\"ui5-timeline-group-list-item\">\n\t\t\t\t\t\t<slot name={item._individualSlot}></slot>\n\t\t\t\t\t</li>\n\t\t\t\t)}\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n"]}

package/dist/TimelineItem.d.ts

@@ -1,6 +1,6 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { ITimelineItem } from "./Timeline.js";
-import TimelineLayout from "./types/TimelineLayout.js";
+import type TimelineLayout from "./types/TimelineLayout.js";
 /**
  * @class
  *
@@ -98,18 +98,6 @@ declare class TimelineItem extends UI5Element implements ITimelineItem {
      * Focus the internal link.
      */
     focusLink(): void;
-    get classes(): {
-        indicator: {
-            "ui5-tli-indicator": boolean;
-            "ui5-tli-indicator-short-line": boolean;
-            "ui5-tli-indicator-large-line": boolean;
-        };
-        bubbleArrowPosition: {
-            "ui5-tli-bubble-arrow": boolean;
-            "ui5-tli-bubble-arrow--left": boolean;
-            "ui5-tli-bubble-arrow--top": boolean;
-        };
-    };
     get isGroupItem(): boolean;
 }
 export default TimelineItem;

package/dist/TimelineItem.js

@@ -9,15 +9,12 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import Link from "@ui5/webcomponents/dist/Link.js";
-import TimelineItemTemplate from "./generated/templates/TimelineItemTemplate.lit.js";
-import TimelineLayout from "./types/TimelineLayout.js";
+import TimelineItemTemplate from "./TimelineItemTemplate.js";
 // Styles
 import TimelineItemCss from "./generated/themes/TimelineItem.css.js";
-const SHORT_LINE_WIDTH = "ShortLineWidth";
-const LARGE_LINE_WIDTH = "LargeLineWidth";
 /**
  * @class
  *
@@ -76,20 +73,6 @@ let TimelineItem = class TimelineItem extends UI5Element {
     focusLink() {
         this.shadowRoot.querySelector("[ui5-link]")?.focus();
     }
-    get classes() {
-        return {
-            indicator: {
-                "ui5-tli-indicator": true,
-                "ui5-tli-indicator-short-line": this.forcedLineWidth === SHORT_LINE_WIDTH,
-                "ui5-tli-indicator-large-line": this.forcedLineWidth === LARGE_LINE_WIDTH,
-            },
-            bubbleArrowPosition: {
-                "ui5-tli-bubble-arrow": true,
-                "ui5-tli-bubble-arrow--left": this.layout === TimelineLayout.Vertical,
-                "ui5-tli-bubble-arrow--top": this.layout === TimelineLayout.Horizontal,
-            },
-        };
-    }
     get isGroupItem() {
         return false;
     }
@@ -142,7 +125,7 @@ __decorate([
 TimelineItem = __decorate([
     customElement({
         tag: "ui5-timeline-item",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: TimelineItemCss,
         template: TimelineItemTemplate,
         dependencies: [

package/dist/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../src/TimelineItem.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-strict.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 Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport type { ITimelineItem } from \"./Timeline.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 * ### Overview\n *\n * An entry posted on the timeline.\n * @constructor\n * @extends UI5Element\n * @implements { 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 *\n * **Note:** The event will not be fired if the `name-clickable`\n * attribute is not set.\n * @public\n */\n@event(\"name-click\", {\n\tbubbles: true,\n})\nclass TimelineItem extends UI5Element implements ITimelineItem {\n\teventDetails!: {\n\t\t\"name-click\": void\n\t}\n\t/**\n\t * Defines the icon to be displayed as graphical element within the `ui5-timeline-item`.\n\t * SAP-icons font provides numerous options.\n\t *\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default undefined\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 `title-text`.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tname?: string;\n\n\t/**\n\t * Defines if the `name` is clickable.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tnameClickable = false;\n\n\t/**\n\t * Defines the title text of the component.\n\t * @default undefined\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 undefined\n\t * @public\n\t */\n\t@property()\n\tsubtitleText?: string;\n\n\t/**\n\t * Defines the content of the `ui5-timeline-item`.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent!: Array<Node>;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfirstItemInTimeline = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tisNextItemGroup = false;\n\n\t@property({ noAttribute: true })\n\tforcedTabIndex = \"-1\";\n\n\t/**\n\t * Defines the items orientation.\n\t * @default \"Vertical\"\n\t * @private\n\t */\n\t@property()\n\tlayout: `${TimelineLayout}` = \"Vertical\";\n\n\t/**\n\t * Defines the indicator line width.\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\tforcedLineWidth?: string;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\thideBubble = false;\n\n\t/**\n\t * Marks the last `<ui5-timeline-item>`\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tlastItem = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\thidden = false;\n\n\t/**\n\t * Defines the position of the item in a group.\n\t * @private\n\t */\n\t@property({ type: Number })\n\tpositionInGroup?: number;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tonNamePress() {\n\t\tthis.fireDecoratorEvent(\"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.forcedLineWidth === SHORT_LINE_WIDTH,\n\t\t\t\t\"ui5-tli-indicator-large-line\": this.forcedLineWidth === 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\tget isGroupItem() {\n\t\treturn false;\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,yDAAyD,CAAC;AAC5E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAE7D,SAAS;AACT,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAErE;;;;;;;;;;GAUG;AAsBH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IA8GpC;QACC,KAAK,EAAE,CAAC;QAxFT;;;;WAIG;QAEH,kBAAa,GAAG,KAAK,CAAC;QAyBtB;;WAEG;QAEH,wBAAmB,GAAG,KAAK,CAAC;QAE5B;;WAEG;QAEH,oBAAe,GAAG,KAAK,CAAC;QAGxB,mBAAc,GAAG,IAAI,CAAC;QAEtB;;;;WAIG;QAEH,WAAM,GAAwB,UAAU,CAAC;QASzC;;WAEG;QAEH,eAAU,GAAG,KAAK,CAAC;QAEnB;;;WAGG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;IAWf,CAAC;IAED,WAAW;QACV,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC;IAED;;OAEG;IACH,SAAS;QACR,IAAI,CAAC,UAAW,CAAC,aAAa,CAAO,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;IAC7D,CAAC;IAED,IAAI,WAAW;QACd,OAAO,KAAK,CAAC;IACd,CAAC;CACD,CAAA;AAnHA;IADC,QAAQ,EAAE;0CACG;AAQd;IADC,QAAQ,EAAE;0CACG;AAQd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACN;AAQtB;IADC,QAAQ,EAAE;+CACQ;AAQnB;IADC,QAAQ,EAAE;kDACW;AAOtB;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;6CACvB;AAMtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACA;AAM5B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACJ;AAGxB;IADC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oDACV;AAQtB;IADC,QAAQ,EAAE;4CAC8B;AAOzC;IADC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;qDACP;AAMzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACT;AAOnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CACX;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACb;AAOf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACF;AA5GpB,YAAY;IArBjB,aAAa,CAAC;QACd,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,oBAAoB;QAC9B,YAAY,EAAE;YACb,IAAI;YACJ,IAAI;SACJ;KACD,CAAC;IACF;;;;;;;OAOG;;IACF,KAAK,CAAC,YAAY,EAAE;QACpB,OAAO,EAAE,IAAI;KACb,CAAC;GACI,YAAY,CAgIjB;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-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport type { ITimelineItem } from \"./Timeline.js\";\nimport TimelineItemTemplate from \"./TimelineItemTemplate.js\";\nimport type TimelineLayout from \"./types/TimelineLayout.js\";\n// Styles\nimport TimelineItemCss from \"./generated/themes/TimelineItem.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * An entry posted on the timeline.\n * @constructor\n * @extends UI5Element\n * @implements { ITimelineItem }\n * @public\n */\n@customElement({\n\ttag: \"ui5-timeline-item\",\n\trenderer: jsxRenderer,\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 *\n * **Note:** The event will not be fired if the `name-clickable`\n * attribute is not set.\n * @public\n */\n@event(\"name-click\", {\n\tbubbles: true,\n})\nclass TimelineItem extends UI5Element implements ITimelineItem {\n\teventDetails!: {\n\t\t\"name-click\": void\n\t}\n\t/**\n\t * Defines the icon to be displayed as graphical element within the `ui5-timeline-item`.\n\t * SAP-icons font provides numerous options.\n\t *\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default undefined\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 `title-text`.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tname?: string;\n\n\t/**\n\t * Defines if the `name` is clickable.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tnameClickable = false;\n\n\t/**\n\t * Defines the title text of the component.\n\t * @default undefined\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 undefined\n\t * @public\n\t */\n\t@property()\n\tsubtitleText?: string;\n\n\t/**\n\t * Defines the content of the `ui5-timeline-item`.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent!: Array<Node>;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfirstItemInTimeline = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tisNextItemGroup = false;\n\n\t@property({ noAttribute: true })\n\tforcedTabIndex = \"-1\";\n\n\t/**\n\t * Defines the items orientation.\n\t * @default \"Vertical\"\n\t * @private\n\t */\n\t@property()\n\tlayout: `${TimelineLayout}` = \"Vertical\";\n\n\t/**\n\t * Defines the indicator line width.\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\tforcedLineWidth?: string;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\thideBubble = false;\n\n\t/**\n\t * Marks the last `<ui5-timeline-item>`\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tlastItem = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\thidden = false;\n\n\t/**\n\t * Defines the position of the item in a group.\n\t * @private\n\t */\n\t@property({ type: Number })\n\tpositionInGroup?: number;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tonNamePress() {\n\t\tthis.fireDecoratorEvent(\"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 isGroupItem() {\n\t\treturn false;\n\t}\n}\n\nTimelineItem.define();\n\nexport default TimelineItem;\n"]}

package/dist/TimelineItemTemplate.d.ts

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

package/dist/TimelineItemTemplate.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import Link from "@ui5/webcomponents/dist/Link.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import TimelineLayout from "./types/TimelineLayout.js";
+export default function TimelineItemTemplate() {
+    return (_jsxs("div", { class: "ui5-tli-root", children: [_jsx("div", { class: {
+                    "ui5-tli-indicator": true,
+                    "ui5-tli-indicator-short-line": this.forcedLineWidth === "ShortLineWidth",
+                    "ui5-tli-indicator-large-line": this.forcedLineWidth === "LargeLineWidth",
+                }, children: _jsx("div", { class: "ui5-tli-icon-outer", children: this.icon ?
+                        _jsx(Icon, { class: "ui5-tli-icon", name: this.icon })
+                        :
+                            _jsx("div", { class: "ui5-tli-dummy-icon-container" }) }) }), !this.hideBubble &&
+                _jsxs("div", { "data-sap-focus-ref": true, class: "ui5-tli-bubble", tabindex: parseInt(this.forcedTabIndex), children: [_jsxs("div", { class: "ui5-tli-title", children: [this.name && name.call(this), _jsx("span", { children: this.titleText })] }), _jsx("div", { class: "ui5-tli-subtitle", children: this.subtitleText }), this.content &&
+                            _jsx("div", { class: "ui5-tli-desc", children: _jsx("slot", {}) }), _jsx("span", { class: {
+                                "ui5-tli-bubble-arrow": true,
+                                "ui5-tli-bubble-arrow--left": this.layout === TimelineLayout.Vertical,
+                                "ui5-tli-bubble-arrow--top": this.layout === TimelineLayout.Horizontal,
+                            } })] })] }));
+}
+function name() {
+    return (_jsx(_Fragment, { children: this.nameClickable ?
+            _jsxs(Link, { class: "ui5-tli-title-name-clickable", wrappingType: "None", onClick: this.onNamePress, children: [this.name, "\u00A0"] })
+            :
+                _jsxs("span", { class: "ui5-tli-title-name", children: [this.name, "\u00A0"] }) }));
+}
+//# sourceMappingURL=TimelineItemTemplate.js.map

package/dist/TimelineItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItemTemplate.js","sourceRoot":"","sources":["../src/TimelineItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,cAAc,MAAM,2BAA2B,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,oBAAoB;IAC3C,OAAO,CACN,eAAK,KAAK,EAAC,cAAc,aACxB,cACC,KAAK,EAAE;oBACN,mBAAmB,EAAE,IAAI;oBACzB,8BAA8B,EAAE,IAAI,CAAC,eAAe,KAAK,gBAAgB;oBACzE,8BAA8B,EAAE,IAAI,CAAC,eAAe,KAAK,gBAAgB;iBACzE,YAED,cAAK,KAAK,EAAC,oBAAoB,YAE7B,IAAI,CAAC,IAAI,CAAC,CAAC;wBACV,KAAC,IAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG;wBAC7C,CAAC;4BACD,cAAK,KAAK,EAAC,8BAA8B,GAAO,GAE7C,GACD,EAEL,CAAC,IAAI,CAAC,UAAU;gBAChB,2CAEC,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,aAEvC,eAAK,KAAK,EAAC,eAAe,aACvB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAC9B,yBAAO,IAAI,CAAC,SAAS,GAAQ,IACxB,EAEN,cAAK,KAAK,EAAC,kBAAkB,YAAE,IAAI,CAAC,YAAY,GAAO,EAEtD,IAAI,CAAC,OAAO;4BACZ,cAAK,KAAK,EAAC,cAAc,YACxB,gBAAa,GACR,EAEP,eAAM,KAAK,EAAE;gCACZ,sBAAsB,EAAE,IAAI;gCAC5B,4BAA4B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,QAAQ;gCACrE,2BAA2B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,UAAU;6BACtE,GAAS,IACL,IAEF,CACN,CAAC;AACH,CAAC;AAED,SAAS,IAAI;IACZ,OAAO,CACN,4BACE,IAAI,CAAC,aAAa,CAAC,CAAC;YACpB,MAAC,IAAI,IACJ,KAAK,EAAC,8BAA8B,EACpC,YAAY,EAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,WAAW,aAExB,IAAI,CAAC,IAAI,cACJ;YACP,CAAC;gBACD,gBAAM,KAAK,EAAC,oBAAoB,aAAE,IAAI,CAAC,IAAI,cAAc,GAExD,CACH,CAAC;AACH,CAAC","sourcesContent":["import type TimelineItem from \"./TimelineItem.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\n\nexport default function TimelineItemTemplate(this: TimelineItem) {\n\treturn (\n\t\t<div class=\"ui5-tli-root\">\n\t\t\t<div\n\t\t\t\tclass={{\n\t\t\t\t\t\"ui5-tli-indicator\": true,\n\t\t\t\t\t\"ui5-tli-indicator-short-line\": this.forcedLineWidth === \"ShortLineWidth\",\n\t\t\t\t\t\"ui5-tli-indicator-large-line\": this.forcedLineWidth === \"LargeLineWidth\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div class=\"ui5-tli-icon-outer\">\n\t\t\t\t\t{\n\t\t\t\t\t\tthis.icon ?\n\t\t\t\t\t\t\t<Icon class=\"ui5-tli-icon\" name={this.icon}/>\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t<div class=\"ui5-tli-dummy-icon-container\"></div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{!this.hideBubble &&\n\t\t\t\t<div\n\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t\tclass=\"ui5-tli-bubble\"\n\t\t\t\t\ttabindex={parseInt(this.forcedTabIndex)}\n\t\t\t\t>\n\t\t\t\t\t<div class=\"ui5-tli-title\">\n\t\t\t\t\t\t{ this.name && name.call(this) }\n\t\t\t\t\t\t<span>{this.titleText}</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"ui5-tli-subtitle\">{this.subtitleText}</div>\n\n\t\t\t\t\t{this.content &&\n\t\t\t\t\t\t<div class=\"ui5-tli-desc\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<span class={{\n\t\t\t\t\t\t\"ui5-tli-bubble-arrow\": true,\n\t\t\t\t\t\t\"ui5-tli-bubble-arrow--left\": this.layout === TimelineLayout.Vertical,\n\t\t\t\t\t\t\"ui5-tli-bubble-arrow--top\": this.layout === TimelineLayout.Horizontal,\n\t\t\t\t\t}}></span>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t);\n}\n\nfunction name(this: TimelineItem) {\n\treturn (\n\t\t<>\n\t\t\t{this.nameClickable ?\n\t\t\t\t<Link\n\t\t\t\t\tclass=\"ui5-tli-title-name-clickable\"\n\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\tonClick={this.onNamePress}\n\t\t\t\t>\n\t\t\t\t\t{this.name}&nbsp;\n\t\t\t\t</Link>\n\t\t\t\t:\n\t\t\t\t<span class=\"ui5-tli-title-name\">{this.name}&nbsp;</span>\n\t\t\t}\n\t\t</>\n\t);\n}\n"]}

package/dist/TimelineTemplate.d.ts

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

package/dist/TimelineTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+export default function TimelineTemplate() {
+    return (_jsx("div", { class: "ui5-timeline-root", onFocusIn: this._onfocusin, onKeyDown: this._onkeydown, children: _jsx("div", { class: "ui5-timeline-scroll-container", children: _jsx("ul", { class: "ui5-timeline-list", "aria-live": "polite", "aria-label": this.ariaLabel, children: this.items.map(item => _jsx("li", { class: "ui5-timeline-list-item", children: _jsx("slot", { name: item._individualSlot }) })) }) }) }));
+}
+//# sourceMappingURL=TimelineTemplate.js.map

package/dist/TimelineTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineTemplate.js","sourceRoot":"","sources":["../src/TimelineTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACvC,OAAO,CACN,cAAK,KAAK,EAAC,mBAAmB,EAC7B,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,SAAS,EAAE,IAAI,CAAC,UAAU,YAE1B,cAAK,KAAK,EAAC,+BAA+B,YACzC,aAAI,KAAK,EAAC,mBAAmB,eAAW,QAAQ,gBAAa,IAAI,CAAC,SAAS,YACzE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACtB,aAAI,KAAK,EAAC,wBAAwB,YACjC,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAS,GACrC,CACL,GACG,GACA,GACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import type Timeline from \"./Timeline.js\";\n\nexport default function TimelineTemplate(this: Timeline) {\n\treturn (\n\t\t<div class=\"ui5-timeline-root\"\n\t\t\tonFocusIn={this._onfocusin}\n\t\t\tonKeyDown={this._onkeydown}>\n\n\t\t\t<div class=\"ui5-timeline-scroll-container\">\n\t\t\t\t<ul class=\"ui5-timeline-list\" aria-live=\"polite\" aria-label={this.ariaLabel}>\n\t\t\t\t\t{this.items.map(item =>\n\t\t\t\t\t\t<li class=\"ui5-timeline-list-item\">\n\t\t\t\t\t\t\t<slot name={item._individualSlot}></slot>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/UploadCollection.d.ts

@@ -3,7 +3,6 @@ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type { ListSelectionChangeEventDetail } from "@ui5/webcomponents/dist/List.js";
 import "./illustrations/Tent.js";
 import type UploadCollectionItem from "./UploadCollectionItem.js";
-import "@ui5/webcomponents-icons/dist/upload-to-cloud.js";
 import "@ui5/webcomponents-icons/dist/document.js";
 import type { DnDEventListener, DnDEventListenerParam } from "./upload-utils/UploadCollectionBodyDnD.js";
 import UploadCollectionDnDOverlayMode from "./types/UploadCollectionDnDMode.js";
@@ -110,15 +109,6 @@ declare class UploadCollection extends UI5Element {
             "ui5-uc-content": boolean;
             "ui5-uc-content-no-data": boolean;
         };
-        dndOverlay: {
-            "uc-dnd-overlay": boolean;
-            "uc-drag-overlay": boolean;
-            "uc-drop-overlay": boolean;
-        };
-        noFiles: {
-            "uc-no-files": boolean;
-            "uc-no-files-dnd-overlay": boolean;
-        };
     };
     get _root(): Element | null;
     get _dndOverlay(): Element | null | undefined;

package/dist/UploadCollection.js

@@ -11,7 +11,7 @@ import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import Label from "@ui5/webcomponents/dist/Label.js";
 import List from "@ui5/webcomponents/dist/List.js";
@@ -19,13 +19,12 @@ import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
 import Title from "@ui5/webcomponents/dist/Title.js";
 import IllustratedMessage from "./IllustratedMessage.js";
 import "./illustrations/Tent.js";
-import "@ui5/webcomponents-icons/dist/upload-to-cloud.js";
 import "@ui5/webcomponents-icons/dist/document.js";
 import { UPLOADCOLLECTION_NO_DATA_TEXT, UPLOADCOLLECTION_NO_DATA_DESCRIPTION, UPLOADCOLLECTION_DRAG_FILE_INDICATOR, UPLOADCOLLECTION_DROP_FILE_INDICATOR, UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION, } from "./generated/i18n/i18n-defaults.js";
 import { attachBodyDnDHandler, detachBodyDnDHandler, draggingFiles, } from "./upload-utils/UploadCollectionBodyDnD.js";
 import UploadCollectionDnDOverlayMode from "./types/UploadCollectionDnDMode.js";
 // Template
-import UploadCollectionTemplate from "./generated/templates/UploadCollectionTemplate.lit.js";
+import UploadCollectionTemplate from "./UploadCollectionTemplate.js";
 // Styles
 import UploadCollectionCss from "./generated/themes/UploadCollection.css.js";
 /**
@@ -131,15 +130,6 @@ let UploadCollection = UploadCollection_1 = class UploadCollection extends UI5El
                 "ui5-uc-content": true,
                 "ui5-uc-content-no-data": this.items.length === 0,
             },
-            dndOverlay: {
-                "uc-dnd-overlay": true,
-                "uc-drag-overlay": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,
-                "uc-drop-overlay": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,
-            },
-            noFiles: {
-                "uc-no-files": true,
-                "uc-no-files-dnd-overlay": this._showDndOverlay,
-            },
         };
     }
     get _root() {
@@ -201,7 +191,7 @@ UploadCollection = UploadCollection_1 = __decorate([
     customElement({
         tag: "ui5-upload-collection",
         languageAware: true,
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: UploadCollectionCss,
         template: UploadCollectionTemplate,
         dependencies: [

package/dist/UploadCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadCollection.js","sourceRoot":"","sources":["../src/UploadCollection.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,cAAc,MAAM,2CAA2C,CAAC;AAEvE,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,yBAAyB,CAAC;AAEjC,OAAO,kDAAkD,CAAC;AAC1D,OAAO,2CAA2C,CAAC;AACnD,OAAO,EACN,6BAA6B,EAC7B,oCAAoC,EACpC,oCAAoC,EACpC,oCAAoC,EACpC,sCAAsC,GACtC,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACN,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,GACb,MAAM,2CAA2C,CAAC;AAEnD,OAAO,8BAA8B,MAAM,oCAAoC,CAAC;AAGhF,WAAW;AACX,OAAO,wBAAwB,MAAM,uDAAuD,CAAC;AAE7F,SAAS;AACT,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAU7E;;;;;;;;;;;;;;;GAeG;AA8CH,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAoFxC;QACC,KAAK,EAAE,CAAC;QAhFT;;;;;WAKG;QAEH,kBAAa,GAAuC,MAAM,CAAC;QAkB3D;;;;;;;;WAQG;QAEH,oBAAe,GAAG,KAAK,CAAC;QAWxB;;;;WAIG;QAEH,oBAAe,GAAwC,MAAM,CAAC;QA6B7D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,cAAc,CAAC,CAAwB;QACtC,IAAI,IAAI,CAAC,eAAe,KAAK,8BAA8B,CAAC,IAAI,EAAE,CAAC;YAClE,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC;QAC/B,CAAC;IACF,CAAC;IAED,UAAU;QACT,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,OAAO;QACR,CAAC;QAED,oBAAoB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC;IAED,SAAS;QACR,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,OAAO;QACR,CAAC;QAED,oBAAoB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC;IAED,YAAY,CAAC,CAAY;QACxB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,OAAO;QACR,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACvB,OAAO;QACR,CAAC;QAED,IAAI,CAAC,eAAe,GAAG,8BAA8B,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED,OAAO,CAAC,CAAY;QACnB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,OAAO;QACR,CAAC;QAED,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,CAAC;YACpE,CAAC,CAAC,eAAe,EAAE,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,eAAe,GAAG,8BAA8B,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED,WAAW,CAAC,CAAY;QACvB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,OAAO;QACR,CAAC;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;IACpB,CAAC;IAED,YAAY;QACX,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,OAAO;QACR,CAAC;QAED,IAAI,CAAC,eAAe,GAAG,8BAA8B,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED,aAAa,CAAC,CAAc;QAC3B,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,MAA8B,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,kBAAkB,CAAC,CAA8C;QAChE,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,EAAE,EAAE,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,aAAuC,EAAE,CAAC,CAAC;IAClH,CAAC;IAED,IAAI,OAAO;QACV,OAAO;YACN,OAAO,EAAE;gBACR,gBAAgB,EAAE,IAAI;gBACtB,wBAAwB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;aACjD;YACD,UAAU,EAAE;gBACX,gBAAgB,EAAE,IAAI;gBACtB,iBAAiB,EAAE,IAAI,CAAC,eAAe,KAAK,8BAA8B,CAAC,IAAI;gBAC/E,iBAAiB,EAAE,IAAI,CAAC,eAAe,KAAK,8BAA8B,CAAC,IAAI;aAC/E;YACD,OAAO,EAAE;gBACR,aAAa,EAAE,IAAI;gBACnB,yBAAyB,EAAE,IAAI,CAAC,eAAe;aAC/C;SACD,CAAC;IACH,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,eAAe;QAClB,OAAO,IAAI,CAAC,eAAe,KAAK,8BAA8B,CAAC,IAAI,CAAC;IACrE,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,UAAU,IAAI,kBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAC9F,CAAC;IAED,IAAI,kBAAkB;QACrB,OAAO,IAAI,CAAC,iBAAiB,IAAI,kBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAAC;IAC5G,CAAC;IAED,IAAI,gBAAgB;QACnB,OAAO,kBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,sCAAsC,CAAC,CAAC;IACpF,CAAC;IAED,IAAI,eAAe;QAClB,IAAI,IAAI,CAAC,eAAe,KAAK,8BAA8B,CAAC,IAAI,EAAE,CAAC;YAClE,OAAO,kBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAAC;QAClF,CAAC;QAED,OAAO,kBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAAC;IAClF,CAAC;CACD,CAAA;AAxMA;IADC,QAAQ,EAAE;uDACgD;AAQ3D;IADC,QAAQ,EAAE;2DACgB;AAQ3B;IADC,QAAQ,EAAE;oDACS;AAYpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACJ;AASvB;IADC,QAAQ,EAAE;wDACa;AAQzB;IADC,QAAQ,EAAE;yDACmD;AAS9D;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CACT;AAWpC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;gDACA;AAKrB;IADN,IAAI,CAAC,0BAA0B,CAAC;0CACH;AAlFzB,gBAAgB;IA7CrB,aAAa,CAAC;QACd,GAAG,EAAE,uBAAuB;QAC5B,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,mBAAmB;QAC3B,QAAQ,EAAE,wBAAwB;QAClC,YAAY,EAAE;YACb,IAAI;YACJ,KAAK;YACL,IAAI;YACJ,cAAc;YACd,KAAK;YACL,kBAAkB;SAClB;KACD,CAAC;IACF;;;;;;;OAOG;IACH,mBAAmB;IACnB,kBAAkB;IAClB,KAAK;IAEL;;;;OAIG;;IACF,KAAK,CAAC,aAAa,EAAE;QACrB,OAAO,EAAE,IAAI;KACb,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAAC,kBAAkB,EAAE;QAC1B,OAAO,EAAE,IAAI;KACb,CAAC;GACI,gBAAgB,CAoNrB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,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-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.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 ListItemCustom from \"@ui5/webcomponents/dist/ListItemCustom.js\";\nimport type { ListSelectionChangeEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport \"./illustrations/Tent.js\";\nimport type UploadCollectionItem from \"./UploadCollectionItem.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 { DnDEventListener, DnDEventListenerParam } from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport UploadCollectionDnDOverlayMode from \"./types/UploadCollectionDnDMode.js\";\nimport type UploadCollectionSelectionMode from \"./types/UploadCollectionSelectionMode.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 * ### Overview\n * This component allows you to represent files before uploading them to a server, with the help of `ui5-upload-collection-item`.\n * It also allows you to show already uploaded files.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UploadCollection.js\";`\n *\n * `import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";` (for `ui5-upload-collection-item`)\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\tListItemCustom,\n\t\tTitle,\n\t\tIllustratedMessage,\n\t],\n})\n/**\n * Fired when an element is dropped inside the drag and drop overlay.\n *\n * **Note:** The `drop` event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the `ui5-upload-collection`.\n * @param {DataTransfer} dataTransfer The `drop` event operation data.\n * @public\n * @native\n */\n// @event(\"drop\", {\n// \tbubbles: true,\n// })\n\n/**\n * Fired when the delete button of any item is pressed.\n * @param {HTMLElement} item The `ui5-upload-collection-item` which was deleted.\n * @public\n */\n@event(\"item-delete\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when selection is changed by user interaction\n * in `Single` and `Multiple` modes.\n * @param {Array} selectedItems An array of the selected items.\n * @public\n */\n@event(\"selection-change\", {\n\tbubbles: true,\n})\nclass UploadCollection extends UI5Element {\n\teventDetails!: {\n\t\t\"item-delete\": UploadCollectionItemDeleteEventDetail,\n\t\t\"selection-change\": UploadCollectionSelectionChangeEventDetail,\n\t}\n\t/**\n\t * Defines the selection mode of the `ui5-upload-collection`.\n\t *\n\t * @default \"None\"\n\t * @public\n\t */\n\t@property()\n\tselectionMode: `${UploadCollectionSelectionMode}` = \"None\";\n\n\t/**\n\t * Allows you to set your own text for the 'No data' description.\n\t * @default undefined\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 * @default undefined\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 `ui5-upload-collection` when files\n\t * are dragged. If you don't intend to use drag and drop, set this property.\n\t *\n\t * **Note:** It is up to the application developer to add handler for `drop` event and handle it.\n\t * `ui5-upload-collection` only displays an overlay.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideDragOverlay = false;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\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 * @default \"None\"\n\t * @private\n\t */\n\t@property()\n\t_dndOverlayMode: `${UploadCollectionDnDOverlayMode}` = \"None\";\n\n\t/**\n\t * Defines the items of the `ui5-upload-collection`.\n\t *\n\t * **Note:** Use `ui5-upload-collection-item` for the intended design.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<UploadCollectionItem>;\n\n\t/**\n\t * Defines the `ui5-upload-collection` header.\n\t *\n\t * **Note:** If `header` slot is provided,\n\t * the labelling of the `UploadCollection` is a responsibility of the application developer.\n\t * `accessibleName` should be used.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\theader!: Array<HTMLElement>;\n\n\t_bodyDnDHandler: DnDEventListener;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\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.fireDecoratorEvent(\"item-delete\", { item: e.target as UploadCollectionItem });\n\t}\n\n\t_onSelectionChange(e: CustomEvent<ListSelectionChangeEventDetail>) {\n\t\tthis.fireDecoratorEvent(\"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-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.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 ListItemCustom from \"@ui5/webcomponents/dist/ListItemCustom.js\";\nimport type { ListSelectionChangeEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport \"./illustrations/Tent.js\";\nimport type UploadCollectionItem from \"./UploadCollectionItem.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 { DnDEventListener, DnDEventListenerParam } from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport UploadCollectionDnDOverlayMode from \"./types/UploadCollectionDnDMode.js\";\nimport type UploadCollectionSelectionMode from \"./types/UploadCollectionSelectionMode.js\";\n\n// Template\nimport UploadCollectionTemplate from \"./UploadCollectionTemplate.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 * ### Overview\n * This component allows you to represent files before uploading them to a server, with the help of `ui5-upload-collection-item`.\n * It also allows you to show already uploaded files.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UploadCollection.js\";`\n *\n * `import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";` (for `ui5-upload-collection-item`)\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: jsxRenderer,\n\tstyles: UploadCollectionCss,\n\ttemplate: UploadCollectionTemplate,\n\tdependencies: [\n\t\tIcon,\n\t\tLabel,\n\t\tList,\n\t\tListItemCustom,\n\t\tTitle,\n\t\tIllustratedMessage,\n\t],\n})\n/**\n * Fired when an element is dropped inside the drag and drop overlay.\n *\n * **Note:** The `drop` event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the `ui5-upload-collection`.\n * @param {DataTransfer} dataTransfer The `drop` event operation data.\n * @public\n * @native\n */\n// @event(\"drop\", {\n// \tbubbles: true,\n// })\n\n/**\n * Fired when the delete button of any item is pressed.\n * @param {HTMLElement} item The `ui5-upload-collection-item` which was deleted.\n * @public\n */\n@event(\"item-delete\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when selection is changed by user interaction\n * in `Single` and `Multiple` modes.\n * @param {Array} selectedItems An array of the selected items.\n * @public\n */\n@event(\"selection-change\", {\n\tbubbles: true,\n})\nclass UploadCollection extends UI5Element {\n\teventDetails!: {\n\t\t\"item-delete\": UploadCollectionItemDeleteEventDetail,\n\t\t\"selection-change\": UploadCollectionSelectionChangeEventDetail,\n\t}\n\t/**\n\t * Defines the selection mode of the `ui5-upload-collection`.\n\t *\n\t * @default \"None\"\n\t * @public\n\t */\n\t@property()\n\tselectionMode: `${UploadCollectionSelectionMode}` = \"None\";\n\n\t/**\n\t * Allows you to set your own text for the 'No data' description.\n\t * @default undefined\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 * @default undefined\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 `ui5-upload-collection` when files\n\t * are dragged. If you don't intend to use drag and drop, set this property.\n\t *\n\t * **Note:** It is up to the application developer to add handler for `drop` event and handle it.\n\t * `ui5-upload-collection` only displays an overlay.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideDragOverlay = false;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\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 * @default \"None\"\n\t * @private\n\t */\n\t@property()\n\t_dndOverlayMode: `${UploadCollectionDnDOverlayMode}` = \"None\";\n\n\t/**\n\t * Defines the items of the `ui5-upload-collection`.\n\t *\n\t * **Note:** Use `ui5-upload-collection-item` for the intended design.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<UploadCollectionItem>;\n\n\t/**\n\t * Defines the `ui5-upload-collection` header.\n\t *\n\t * **Note:** If `header` slot is provided,\n\t * the labelling of the `UploadCollection` is a responsibility of the application developer.\n\t * `accessibleName` should be used.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\theader!: Array<HTMLElement>;\n\n\t_bodyDnDHandler: DnDEventListener;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\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.fireDecoratorEvent(\"item-delete\", { item: e.target as UploadCollectionItem });\n\t}\n\n\t_onSelectionChange(e: CustomEvent<ListSelectionChangeEventDetail>) {\n\t\tthis.fireDecoratorEvent(\"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};\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

@@ -26,8 +26,9 @@ declare class UploadCollectionItem extends ListItem {
         "rename": void;
         "terminate": void;
         "retry": void;
-        "_focus-requested": void;
+        "focus-requested": void;
         "_uci-delete": void;
+        "request-delete": void;
     };
     /**
      * Holds an instance of `File` associated with this item.
@@ -118,7 +119,7 @@ declare class UploadCollectionItem extends ListItem {
     _onInputKeyDown(e: KeyboardEvent): void;
     _onRename(): void;
     _onRenameKeyup(e: KeyboardEvent): void;
-    _onRenameCancel(e: KeyboardEvent): Promise<void>;
+    _onRenameCancel(e: KeyboardEvent | MouseEvent): Promise<void>;
     _onRenameCancelKeyup(e: KeyboardEvent): void;
     _focus(): void;
     _onFileNameClick(): void;

package/dist/UploadCollectionItem.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var UploadCollectionItem_1;
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
@@ -27,7 +28,7 @@ import "@ui5/webcomponents-icons/dist/stop.js";
 import "@ui5/webcomponents-icons/dist/edit.js";
 import { UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT, UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT, UPLOADCOLLECTIONITEM_ERROR_STATE, UPLOADCOLLECTIONITEM_UPLOADING_STATE, UPLOADCOLLECTIONITEM_READY_STATE, UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT, UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT, UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT, } from "./generated/i18n/i18n-defaults.js";
 // Template
-import UploadCollectionItemTemplate from "./generated/templates/UploadCollectionItemTemplate.lit.js";
+import UploadCollectionItemTemplate from "./UploadCollectionItemTemplate.js";
 // Styles
 import UploadCollectionItemCss from "./generated/themes/UploadCollectionItem.css.js";
 /**
@@ -186,7 +187,7 @@ let UploadCollectionItem = UploadCollectionItem_1 = class UploadCollectionItem e
         }
     }
     _focus() {
-        this.fireDecoratorEvent("_focus-requested");
+        this.fireDecoratorEvent("focus-requested");
     }
     _onFileNameClick() {
         this.fireDecoratorEvent("file-name-click");
@@ -208,7 +209,7 @@ let UploadCollectionItem = UploadCollectionItem_1 = class UploadCollectionItem e
         }
     }
     _onDelete() {
-        this.fireDecoratorEvent("_uci-delete");
+        this.fireDecoratorEvent("request-delete");
     }
     getFocusDomRef() {
         return this.getDomRef();
@@ -325,6 +326,7 @@ UploadCollectionItem = UploadCollectionItem_1 = __decorate([
     customElement({
         tag: "ui5-upload-collection-item",
         languageAware: true,
+        renderer: jsxRenderer,
         styles: [ListItem.styles, UploadCollectionItemCss],
         template: UploadCollectionItemTemplate,
         dependencies: [
@@ -382,14 +384,14 @@ UploadCollectionItem = UploadCollectionItem_1 = __decorate([
      * @private
      */
     ,
-    event("_focus-requested", {
+    event("focus-requested", {
         bubbles: true,
     })
     /**
      * @private
      */
     ,
-    event("_uci-delete", {
+    event("request-delete", {
         bubbles: true,
     })
 ], UploadCollectionItem);

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

package/dist/UploadCollectionItemTemplate.d.ts

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

package/dist/UploadCollectionItemTemplate.js

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