@ui5/webcomponents-fiori 1.23.0-rc.5 → 1.23.0

package/dist/SortItem.js

@@ -10,16 +10,14 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
+ * ### Overview
  *
+ * ### Usage
  *
- * <h3>Usage</h3>
- *
- * For the <code>ui5-sort-item</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import @ui5/webcomponents-fiori/dist/SortItem.js";</code>
+ * For the `ui5-sort-item`
+ * ### ES6 Module Import
  *
+ * `import @ui5/webcomponents-fiori/dist/SortItem.js";`
  * @constructor
  * @extends UI5Element
  * @abstract

package/dist/SortItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortItem.js","sourceRoot":"","sources":["../src/SortItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF;;;;;;;;;;;;;;;;;;GAkBG;AAEH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;CAkBhC,CAAA;AAVA;IADC,QAAQ,EAAE;sCACG;AASd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACT;AAjBd,QAAQ;IADb,aAAa,CAAC,eAAe,CAAC;GACzB,QAAQ,CAkBb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>ui5-sort-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @ui5/webcomponents-fiori/dist/SortItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @abstract\n * @since 1.0.0-rc.16\n * @public\n */\n@customElement(\"ui5-sort-item\")\nclass SortItem extends UI5Element {\n\t/**\n\t * Defines the text of the component.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttext!: string;\n\n\t/**\n\t * Defines if the component is selected.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n}\n\nSortItem.define();\n\nexport default SortItem;\n"]}
+{"version":3,"file":"SortItem.js","sourceRoot":"","sources":["../src/SortItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF;;;;;;;;;;;;;;;;GAgBG;AAEH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;CAgBhC,CAAA;AATA;IADC,QAAQ,EAAE;sCACG;AAQd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACT;AAfd,QAAQ;IADb,aAAa,CAAC,eAAe,CAAC;GACzB,QAAQ,CAgBb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * ### Usage\n *\n * For the `ui5-sort-item`\n * ### ES6 Module Import\n *\n * `import @ui5/webcomponents-fiori/dist/SortItem.js\";`\n * @constructor\n * @extends UI5Element\n * @abstract\n * @since 1.0.0-rc.16\n * @public\n */\n@customElement(\"ui5-sort-item\")\nclass SortItem extends UI5Element {\n\t/**\n\t * Defines the text of the component.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttext!: string;\n\n\t/**\n\t * Defines if the component is selected.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n}\n\nSortItem.define();\n\nexport default SortItem;\n"]}

package/dist/Timeline.d.ts

@@ -4,8 +4,7 @@ import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation
 import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import TimelineLayout from "./types/TimelineLayout.js";
 /**
- * Interface for components that may be slotted inside <code>ui5-timeline</code> as items
- *
+ * Interface for components that may be slotted inside `ui5-timeline` as items
  * @public
  */
 interface ITimelineItem extends UI5Element, ITabbable {
@@ -18,14 +17,13 @@ interface ITimelineItem extends UI5Element, ITabbable {
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
+ * ### Overview
  *
- * The <code>ui5-timeline</code> component shows entries (such as objects, events, or posts) in chronological order.
+ * The `ui5-timeline` component shows entries (such as objects, events, or posts) in chronological order.
  * A common use case is to provide information about changes to an object, or events related to an object.
  * These entries can be generated by the system (for example, value XY changed from A to B), or added manually.
  * There are two distinct variants of the timeline: basic and social. The basic timeline is read-only,
  * while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.
- *
  * @constructor
  * @extends UI5Element
  * @public
@@ -34,15 +32,6 @@ interface ITimelineItem extends UI5Element, ITabbable {
 declare class Timeline extends UI5Element {
     /**
      * Defines the items orientation.
-     *
-     * <br><br>
-     * <b>Note:</b>
-     * Available options are:
-     * <ul>
-     * <li><code>Vertical</code></li>
-     * <li><code>Horizontal</code></li>
-     * </ul>
-     *
      * @default "Vertical"
      * @since 1.0.0-rc.15
      * @public
@@ -50,15 +39,13 @@ declare class Timeline extends UI5Element {
     layout: `${TimelineLayout}`;
     /**
      * Defines the accessible ARIA name of the component.
-     *
      * @default ""
      * @public
      * @since 1.2.0
      */
     accessibleName: string;
     /**
-     * Determines the content of the <code>ui5-timeline</code>.
-     *
+     * Determines the content of the `ui5-timeline`.
      * @public
      */
     items: Array<ITimelineItem>;

package/dist/Timeline.js

@@ -26,14 +26,13 @@ const LARGE_LINE_WIDTH = "LargeLineWidth";
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
+ * ### Overview
  *
- * The <code>ui5-timeline</code> component shows entries (such as objects, events, or posts) in chronological order.
+ * The `ui5-timeline` component shows entries (such as objects, events, or posts) in chronological order.
  * A common use case is to provide information about changes to an object, or events related to an object.
  * These entries can be generated by the system (for example, value XY changed from A to B), or added manually.
  * There are two distinct variants of the timeline: basic and social. The basic timeline is read-only,
  * while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.
- *
  * @constructor
  * @extends UI5Element
  * @public

package/dist/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../src/Timeline.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 type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isTabNext, isTabPrevious } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport { TIMELINE_ARIA_LABEL } from \"./generated/i18n/i18n-defaults.js\";\nimport TimelineTemplate from \"./generated/templates/TimelineTemplate.lit.js\";\nimport TimelineItem from \"./TimelineItem.js\";\n\n// Styles\nimport TimelineCss from \"./generated/themes/Timeline.css.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-timeline</code> as items\n *\n * @public\n */\ninterface ITimelineItem extends UI5Element, ITabbable {\n    layout: `${TimelineLayout}`,\n    icon: string,\n    forcedLineWidth: string,\n    nameClickable: boolean,\n    focusLink: () => void,\n}\n\nconst SHORT_LINE_WIDTH = \"ShortLineWidth\";\nconst LARGE_LINE_WIDTH = \"LargeLineWidth\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-timeline</code> component shows entries (such as objects, events, or posts) in chronological order.\n * A common use case is to provide information about changes to an object, or events related to an object.\n * These entries can be generated by the system (for example, value XY changed from A to B), or added manually.\n * There are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\n * while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @since 0.8.0\n */\n@customElement({\n\ttag: \"ui5-timeline\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: TimelineCss,\n\ttemplate: TimelineTemplate,\n\tdependencies: [TimelineItem],\n})\nclass Timeline extends UI5Element {\n\t/**\n\t * Defines the items orientation.\n\t *\n\t * <br><br>\n\t * <b>Note:</b>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Vertical</code></li>\n\t * <li><code>Horizontal</code></li>\n\t * </ul>\n\t *\n\t * @default \"Vertical\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property({ type: TimelineLayout, defaultValue: TimelineLayout.Vertical })\n\tlayout!: `${TimelineLayout}`;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t *\n\t * @default \"\"\n\t * @public\n\t * @since 1.2.0\n\t */\n\t@property()\n\taccessibleName!: string;\n\n\t/**\n\t * Determines the content of the <code>ui5-timeline</code>.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n\titems!: Array<ITimelineItem>;\n\n\tstatic i18nBundle: I18nBundle;\n\n\t_itemNavigation: ItemNavigation;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\tgetItemsCallback: () => this.items,\n\t\t});\n\t}\n\n\tstatic async onDefine() {\n\t\tTimeline.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tget ariaLabel() {\n\t\treturn this.accessibleName\n\t\t\t? `${Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL)} ${this.accessibleName}`\n\t\t\t: Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tconst target = e.target as TimelineItem;\n\n\t\tthis._itemNavigation.setCurrentItem(target);\n\t}\n\n\tonBeforeRendering() {\n\t\tthis._itemNavigation._navigationMode = this.layout === TimelineLayout.Horizontal ? NavigationMode.Horizontal : NavigationMode.Vertical;\n\n\t\tfor (let i = 0; i < this.items.length; i++) {\n\t\t\tthis.items[i].layout = this.layout;\n\t\t\tif (this.items[i + 1] && !!this.items[i + 1].icon) {\n\t\t\t\tthis.items[i].forcedLineWidth = SHORT_LINE_WIDTH;\n\t\t\t} else if (this.items[i].icon && this.items[i + 1] && !this.items[i + 1].icon) {\n\t\t\t\tthis.items[i].forcedLineWidth = LARGE_LINE_WIDTH;\n\t\t\t}\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst target = e.target as TimelineItem;\n\n\t\tif (isTabNext(e)) {\n\t\t\tif (!target.nameClickable || getEventMark(e) === \"link\") {\n\t\t\t\tthis._handleTabNextOrPrevious(e, isTabNext(e));\n\t\t\t}\n\t\t} else if (isTabPrevious(e)) {\n\t\t\tthis._handleTabNextOrPrevious(e);\n\t\t}\n\t}\n\n\t_handleTabNextOrPrevious(e: KeyboardEvent, isNext?: boolean) {\n\t\tconst target = e.target as TimelineItem;\n\t\tconst nextTargetIndex = isNext ? this.items.indexOf(target) + 1 : this.items.indexOf(target) - 1;\n\t\tconst nextTarget = this.items[nextTargetIndex] as TimelineItem;\n\t\tif (!nextTarget) {\n\t\t\treturn;\n\t\t}\n\t\tif (nextTarget.nameClickable && !isNext) {\n\t\t\te.preventDefault();\n\t\t\tnextTarget.focusLink();\n\t\t\treturn;\n\t\t}\n\t\te.preventDefault();\n\t\tnextTarget.focus();\n\t\tthis._itemNavigation.setCurrentItem(nextTarget);\n\t}\n}\n\nTimeline.define();\n\nexport default Timeline;\nexport type {\n\tITimelineItem,\n};\n"]}
+{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../src/Timeline.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 type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isTabNext, isTabPrevious } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport { TIMELINE_ARIA_LABEL } from \"./generated/i18n/i18n-defaults.js\";\nimport TimelineTemplate from \"./generated/templates/TimelineTemplate.lit.js\";\nimport TimelineItem from \"./TimelineItem.js\";\n\n// Styles\nimport TimelineCss from \"./generated/themes/Timeline.css.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\n\n/**\n * Interface for components that may be slotted inside `ui5-timeline` as items\n * @public\n */\ninterface ITimelineItem extends UI5Element, ITabbable {\n    layout: `${TimelineLayout}`,\n    icon: string,\n    forcedLineWidth: string,\n    nameClickable: boolean,\n    focusLink: () => void,\n}\n\nconst SHORT_LINE_WIDTH = \"ShortLineWidth\";\nconst LARGE_LINE_WIDTH = \"LargeLineWidth\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-timeline` component shows entries (such as objects, events, or posts) in chronological order.\n * A common use case is to provide information about changes to an object, or events related to an object.\n * These entries can be generated by the system (for example, value XY changed from A to B), or added manually.\n * There are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\n * while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.\n * @constructor\n * @extends UI5Element\n * @public\n * @since 0.8.0\n */\n@customElement({\n\ttag: \"ui5-timeline\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: TimelineCss,\n\ttemplate: TimelineTemplate,\n\tdependencies: [TimelineItem],\n})\nclass Timeline extends UI5Element {\n\t/**\n\t * Defines the items orientation.\n\t * @default \"Vertical\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property({ type: TimelineLayout, defaultValue: TimelineLayout.Vertical })\n\tlayout!: `${TimelineLayout}`;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default \"\"\n\t * @public\n\t * @since 1.2.0\n\t */\n\t@property()\n\taccessibleName!: string;\n\n\t/**\n\t * Determines the content of the `ui5-timeline`.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n\titems!: Array<ITimelineItem>;\n\n\tstatic i18nBundle: I18nBundle;\n\n\t_itemNavigation: ItemNavigation;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\tgetItemsCallback: () => this.items,\n\t\t});\n\t}\n\n\tstatic async onDefine() {\n\t\tTimeline.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tget ariaLabel() {\n\t\treturn this.accessibleName\n\t\t\t? `${Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL)} ${this.accessibleName}`\n\t\t\t: Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tconst target = e.target as TimelineItem;\n\n\t\tthis._itemNavigation.setCurrentItem(target);\n\t}\n\n\tonBeforeRendering() {\n\t\tthis._itemNavigation._navigationMode = this.layout === TimelineLayout.Horizontal ? NavigationMode.Horizontal : NavigationMode.Vertical;\n\n\t\tfor (let i = 0; i < this.items.length; i++) {\n\t\t\tthis.items[i].layout = this.layout;\n\t\t\tif (this.items[i + 1] && !!this.items[i + 1].icon) {\n\t\t\t\tthis.items[i].forcedLineWidth = SHORT_LINE_WIDTH;\n\t\t\t} else if (this.items[i].icon && this.items[i + 1] && !this.items[i + 1].icon) {\n\t\t\t\tthis.items[i].forcedLineWidth = LARGE_LINE_WIDTH;\n\t\t\t}\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst target = e.target as TimelineItem;\n\n\t\tif (isTabNext(e)) {\n\t\t\tif (!target.nameClickable || getEventMark(e) === \"link\") {\n\t\t\t\tthis._handleTabNextOrPrevious(e, isTabNext(e));\n\t\t\t}\n\t\t} else if (isTabPrevious(e)) {\n\t\t\tthis._handleTabNextOrPrevious(e);\n\t\t}\n\t}\n\n\t_handleTabNextOrPrevious(e: KeyboardEvent, isNext?: boolean) {\n\t\tconst target = e.target as TimelineItem;\n\t\tconst nextTargetIndex = isNext ? this.items.indexOf(target) + 1 : this.items.indexOf(target) - 1;\n\t\tconst nextTarget = this.items[nextTargetIndex] as TimelineItem;\n\t\tif (!nextTarget) {\n\t\t\treturn;\n\t\t}\n\t\tif (nextTarget.nameClickable && !isNext) {\n\t\t\te.preventDefault();\n\t\t\tnextTarget.focusLink();\n\t\t\treturn;\n\t\t}\n\t\te.preventDefault();\n\t\tnextTarget.focus();\n\t\tthis._itemNavigation.setCurrentItem(nextTarget);\n\t}\n}\n\nTimeline.define();\n\nexport default Timeline;\nexport type {\n\tITimelineItem,\n};\n"]}

package/dist/TimelineItem.d.ts

@@ -4,45 +4,39 @@ import TimelineLayout from "./types/TimelineLayout.js";
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
+ * ### Overview
  *
  * An entry posted on the timeline.
- *
  * @constructor
  * @extends UI5Element
  * @implements { ITimelineItem }
  * @public
- * @slot {Node[]} default - Determines the description of the <code>ui5-timeline-item</code>.
+ * @slot {Node[]} default - Determines the description of the `ui5-timeline-item`.
  */
 declare class TimelineItem extends UI5Element implements ITimelineItem {
     /**
-     * Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>.
+     * Defines the icon to be displayed as graphical element within the `ui5-timeline-item`.
      * SAP-icons font provides numerous options.
-     * <br><br>
-     *
-     * See all the available icons in the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
      *
+     * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
      * @default ""
      * @public
      */
     icon: string;
     /**
-     * Defines the name of the item, displayed before the <code>title-text</code>.
-     *
+     * Defines the name of the item, displayed before the `title-text`.
      * @default ""
      * @public
      */
     name: string;
     /**
-     * Defines if the <code>name</code> is clickable.
-     *
+     * Defines if the `name` is clickable.
      * @default false
      * @public
      */
     nameClickable: boolean;
     /**
      * Defines the title text of the component.
-     *
      * @default ""
      * @public
      */
@@ -56,14 +50,12 @@ declare class TimelineItem extends UI5Element implements ITimelineItem {
     forcedTabIndex: string;
     /**
      * Defines the items orientation.
-     *
      * @default "Vertical"
      * @private
      */
     layout: `${TimelineLayout}`;
     /**
      * Defines the indicator line width.
-     *
      * @private
      */
     forcedLineWidth: string;

package/dist/TimelineItem.js

@@ -20,15 +20,14 @@ const LARGE_LINE_WIDTH = "LargeLineWidth";
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
+ * ### Overview
  *
  * An entry posted on the timeline.
- *
  * @constructor
  * @extends UI5Element
  * @implements { ITimelineItem }
  * @public
- * @slot {Node[]} default - Determines the description of the <code>ui5-timeline-item</code>.
+ * @slot {Node[]} default - Determines the description of the `ui5-timeline-item`.
  */
 let TimelineItem = class TimelineItem extends UI5Element {
     constructor() {
@@ -96,10 +95,9 @@ TimelineItem = __decorate([
     /**
      * Fired when the item name is pressed either with a
      * click/tap or by using the Enter or Space key.
-     * <br><br>
-     * <b>Note:</b> The event will not be fired if the <code>name-clickable</code>
-     * attribute is not set.
      *
+     * **Note:** The event will not be fired if the `name-clickable`
+     * attribute is not set.
      * @public
      */
     ,

package/dist/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../src/TimelineItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,oBAAoB,MAAM,mDAAmD,CAAC;AACrF,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,SAAS;AACT,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAErE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC1C,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAE1C;;;;;;;;;;;;GAYG;AAqBH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAqEpC;QACC,KAAK,EAAE,CAAC;IACT,CAAC;IAED,WAAW;QACV,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,SAAS;QACR,IAAI,CAAC,UAAW,CAAC,aAAa,CAAO,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;IAC7D,CAAC;IAED,IAAI,OAAO;QACV,OAAO;YACN,SAAS,EAAE;gBACV,mBAAmB,EAAE,IAAI;gBACzB,8BAA8B,EAAE,IAAI,CAAC,eAAe,KAAK,gBAAgB;gBACzE,8BAA8B,EAAE,IAAI,CAAC,eAAe,KAAK,gBAAgB;aACzE;YACD,mBAAmB,EAAE;gBACpB,sBAAsB,EAAE,IAAI;gBAC5B,4BAA4B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,QAAQ;gBACrE,2BAA2B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,UAAU;aACtE;SACD,CAAC;IACH,CAAC;CACD,CAAA;AAtFA;IADC,QAAQ,EAAE;0CACG;AASd;IADC,QAAQ,EAAE;0CACG;AASd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACJ;AASxB;IADC,QAAQ,EAAE;+CACQ;AAQnB;IADC,QAAQ,EAAE;kDACW;AAGtB;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oDAC5B;AASxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,CAAC,QAAQ,EAAE,CAAC;4CAC7C;AAQ7B;IADC,QAAQ,EAAE;qDACc;AAnEpB,YAAY;IApBjB,aAAa,CAAC;QACd,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,oBAAoB;QAC9B,YAAY,EAAE;YACb,IAAI;YACJ,IAAI;SACJ;KACD,CAAC;IACF;;;;;;;;OAQG;;IACF,KAAK,CAAC,YAAY,CAAC;GACd,YAAY,CAkGjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport type { ITimelineItem } from \"./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 * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * An entry posted on the timeline.\n *\n * @constructor\n * @extends UI5Element\n * @implements { ITimelineItem }\n * @public\n * @slot {Node[]} default - Determines the description of the <code>ui5-timeline-item</code>.\n */\n@customElement({\n\ttag: \"ui5-timeline-item\",\n\trenderer: litRender,\n\tstyles: TimelineItemCss,\n\ttemplate: TimelineItemTemplate,\n\tdependencies: [\n\t\tIcon,\n\t\tLink,\n\t],\n})\n/**\n * Fired when the item name is pressed either with a\n * click/tap or by using the Enter or Space key.\n * <br><br>\n * <b>Note:</b> The event will not be fired if the <code>name-clickable</code>\n * attribute is not set.\n *\n * @public\n */\n@event(\"name-click\")\nclass TimelineItem extends UI5Element implements ITimelineItem {\n\t/**\n\t * Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>.\n\t * SAP-icons font provides numerous options.\n\t * <br><br>\n\t *\n\t * See all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ticon!: string;\n\n\t/**\n\t * Defines the name of the item, displayed before the <code>title-text</code>.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tname!: string;\n\n\t/**\n\t * Defines if the <code>name</code> is clickable.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tnameClickable!: boolean;\n\n\t/**\n\t * Defines the title text of the component.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttitleText!: string;\n\n\t/**\n\t * Defines the subtitle text of the component.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tsubtitleText!: string;\n\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\tforcedTabIndex!: string;\n\n\t/**\n\t * Defines the items orientation.\n\t *\n\t * @default \"Vertical\"\n\t * @private\n\t */\n\t@property({ type: TimelineLayout, defaultValue: TimelineLayout.Vertical })\n\tlayout!: `${TimelineLayout}`;\n\n\t/**\n\t * Defines the indicator line width.\n\t *\n\t * @private\n\t */\n\t@property()\n\tforcedLineWidth!: string;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tonNamePress() {\n\t\tthis.fireEvent(\"name-click\", {});\n\t}\n\n\t/**\n\t * Focus the internal link.\n\t */\n\tfocusLink() {\n\t\tthis.shadowRoot!.querySelector<Link>(\"[ui5-link]\")?.focus();\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tindicator: {\n\t\t\t\t\"ui5-tli-indicator\": true,\n\t\t\t\t\"ui5-tli-indicator-short-line\": this.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\nTimelineItem.define();\n\nexport default TimelineItem;\n"]}
+{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../src/TimelineItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,oBAAoB,MAAM,mDAAmD,CAAC;AACrF,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,SAAS;AACT,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAErE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC1C,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAE1C;;;;;;;;;;;GAWG;AAoBH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IA8DpC;QACC,KAAK,EAAE,CAAC;IACT,CAAC;IAED,WAAW;QACV,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,SAAS;QACR,IAAI,CAAC,UAAW,CAAC,aAAa,CAAO,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;IAC7D,CAAC;IAED,IAAI,OAAO;QACV,OAAO;YACN,SAAS,EAAE;gBACV,mBAAmB,EAAE,IAAI;gBACzB,8BAA8B,EAAE,IAAI,CAAC,eAAe,KAAK,gBAAgB;gBACzE,8BAA8B,EAAE,IAAI,CAAC,eAAe,KAAK,gBAAgB;aACzE;YACD,mBAAmB,EAAE;gBACpB,sBAAsB,EAAE,IAAI;gBAC5B,4BAA4B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,QAAQ;gBACrE,2BAA2B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,UAAU;aACtE;SACD,CAAC;IACH,CAAC;CACD,CAAA;AAjFA;IADC,QAAQ,EAAE;0CACG;AAQd;IADC,QAAQ,EAAE;0CACG;AAQd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACJ;AAQxB;IADC,QAAQ,EAAE;+CACQ;AAQnB;IADC,QAAQ,EAAE;kDACW;AAGtB;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oDAC5B;AAQxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,CAAC,QAAQ,EAAE,CAAC;4CAC7C;AAO7B;IADC,QAAQ,EAAE;qDACc;AA5DpB,YAAY;IAnBjB,aAAa,CAAC;QACd,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,oBAAoB;QAC9B,YAAY,EAAE;YACb,IAAI;YACJ,IAAI;SACJ;KACD,CAAC;IACF;;;;;;;OAOG;;IACF,KAAK,CAAC,YAAY,CAAC;GACd,YAAY,CA2FjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport type { ITimelineItem } from \"./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 * @slot {Node[]} default - Determines the description of the `ui5-timeline-item`.\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\")\nclass TimelineItem extends UI5Element implements ITimelineItem {\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 \"\"\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 \"\"\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!: boolean;\n\n\t/**\n\t * Defines the title text of the component.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttitleText!: string;\n\n\t/**\n\t * Defines the subtitle text of the component.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tsubtitleText!: string;\n\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\tforcedTabIndex!: string;\n\n\t/**\n\t * Defines the items orientation.\n\t * @default \"Vertical\"\n\t * @private\n\t */\n\t@property({ type: TimelineLayout, defaultValue: TimelineLayout.Vertical })\n\tlayout!: `${TimelineLayout}`;\n\n\t/**\n\t * Defines the indicator line width.\n\t * @private\n\t */\n\t@property()\n\tforcedLineWidth!: string;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tonNamePress() {\n\t\tthis.fireEvent(\"name-click\", {});\n\t}\n\n\t/**\n\t * Focus the internal link.\n\t */\n\tfocusLink() {\n\t\tthis.shadowRoot!.querySelector<Link>(\"[ui5-link]\")?.focus();\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tindicator: {\n\t\t\t\t\"ui5-tli-indicator\": true,\n\t\t\t\t\"ui5-tli-indicator-short-line\": this.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\nTimelineItem.define();\n\nexport default TimelineItem;\n"]}

package/dist/UploadCollection.d.ts

@@ -8,8 +8,7 @@ import "@ui5/webcomponents-icons/dist/document.js";
 import type { DnDEventListener, DnDEventListenerParam } from "./upload-utils/UploadCollectionBodyDnD.js";
 import UploadCollectionDnDOverlayMode from "./types/UploadCollectionDnDMode.js";
 /**
- * Interface for components that may be slotted inside <code>ui5-upload-collection</code> as items
- *
+ * Interface for components that may be slotted inside `ui5-upload-collection` as items
  * @public
  */
 interface IUploadCollectionItem extends HTMLElement {
@@ -23,15 +22,14 @@ type UploadCollectionItemDeleteEventDetail = {
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
- * This component allows you to represent files before uploading them to a server, with the help of <code>ui5-upload-collection-item</code>.
+ * ### Overview
+ * This component allows you to represent files before uploading them to a server, with the help of `ui5-upload-collection-item`.
  * It also allows you to show already uploaded files.
  *
- * <h3>ES6 Module Import</h3>
- * <code>import "@ui5/webcomponents-fiori/dist/UploadCollection.js";</code>
- * <br>
- * <code>import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";</code> (for <code>ui5-upload-collection-item</code>)
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UploadCollection.js";`
  *
+ * `import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";` (for `ui5-upload-collection-item`)
  * @constructor
  * @extends UI5Element
  * @public
@@ -39,43 +37,38 @@ type UploadCollectionItemDeleteEventDetail = {
  */
 declare class UploadCollection extends UI5Element {
     /**
-     * Defines the mode of the <code>ui5-upload-collection</code>.
-     *
-     * <br><b>Note:</b>
-     * Mode "Delete" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem
+     * Defines the mode of the `ui5-upload-collection`.
      *
+     * **Note:**
+     * Mode "Delete" has no effect. The delete button is controlled by the `hideDeleteButton` property of UploadCollectionItem
      * @default "None"
      * @public
      */
     mode: `${ListMode}`;
     /**
      * Allows you to set your own text for the 'No data' description.
-     *
      * @default ""
      * @public
      */
     noDataDescription: string;
     /**
      * Allows you to set your own text for the 'No data' text.
-     *
      * @default ""
      * @public
      */
     noDataText: string;
     /**
-     * By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> when files
+     * By default there will be drag and drop overlay shown over the `ui5-upload-collection` when files
      * are dragged. If you don't intend to use drag and drop, set this property.
-     * <br><br>
-     * <b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it.
-     * <code>ui5-upload-collection</code> only displays an overlay.
      *
+     * **Note:** It is up to the application developer to add handler for `drop` event and handle it.
+     * `ui5-upload-collection` only displays an overlay.
      * @default false
      * @public
      */
     hideDragOverlay: boolean;
     /**
      * Defines the accessible ARIA name of the component.
-     *
      * @default ""
      * @public
      * @since 1.0.0-rc.16
@@ -83,25 +76,23 @@ declare class UploadCollection extends UI5Element {
     accessibleName: string;
     /**
      * Indicates what overlay to show when files are being dragged.
-     *
      * @default "None"
      * @private
      */
     _dndOverlayMode: UploadCollectionDnDOverlayMode;
     /**
-     * Defines the items of the <code>ui5-upload-collection</code>.
-     * <br><b>Note:</b> Use <code>ui5-upload-collection-item</code> for the intended design.
+     * Defines the items of the `ui5-upload-collection`.
      *
+     * **Note:** Use `ui5-upload-collection-item` for the intended design.
      * @public
      */
     items: Array<IUploadCollectionItem>;
     /**
-     * Defines the <code>ui5-upload-collection</code> header.
-     * <br><br>
-     * <b>Note:</b> If <code>header</code> slot is provided,
-     * the labelling of the <code>UploadCollection</code> is a responsibility of the application developer.
-     * <code>accessibleName</code> should be used.
+     * Defines the `ui5-upload-collection` header.
      *
+     * **Note:** If `header` slot is provided,
+     * the labelling of the `UploadCollection` is a responsibility of the application developer.
+     * `accessibleName` should be used.
      * @public
      */
     header: Array<HTMLElement>;

package/dist/UploadCollection.js

@@ -31,15 +31,14 @@ import UploadCollectionCss from "./generated/themes/UploadCollection.css.js";
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
- * This component allows you to represent files before uploading them to a server, with the help of <code>ui5-upload-collection-item</code>.
+ * ### Overview
+ * This component allows you to represent files before uploading them to a server, with the help of `ui5-upload-collection-item`.
  * It also allows you to show already uploaded files.
  *
- * <h3>ES6 Module Import</h3>
- * <code>import "@ui5/webcomponents-fiori/dist/UploadCollection.js";</code>
- * <br>
- * <code>import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";</code> (for <code>ui5-upload-collection-item</code>)
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UploadCollection.js";`
  *
+ * `import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";` (for `ui5-upload-collection-item`)
  * @constructor
  * @extends UI5Element
  * @public
@@ -192,10 +191,9 @@ UploadCollection = UploadCollection_1 = __decorate([
     })
     /**
      * Fired when an element is dropped inside the drag and drop overlay.
-     * <br><br>
-     * <b>Note:</b> The <code>drop</code> event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the <code>ui5-upload-collection</code>.
      *
-     * @param {DataTransfer} dataTransfer The <code>drop</code> event operation data.
+     * **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`.
+     * @param {DataTransfer} dataTransfer The `drop` event operation data.
      * @public
      * @native
      */
@@ -203,8 +201,7 @@ UploadCollection = UploadCollection_1 = __decorate([
     event("drop")
     /**
      * Fired when the delete button of any item is pressed.
-     *
-     * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was deleted.
+     * @param {HTMLElement} item The `ui5-upload-collection-item` which was deleted.
      * @public
      */
     ,
@@ -218,8 +215,7 @@ UploadCollection = UploadCollection_1 = __decorate([
     })
     /**
      * Fired when selection is changed by user interaction
-     * in <code>SingleSelect</code> and <code>MultiSelect</code> modes.
-     *
+     * in `SingleSelect` and `MultiSelect` modes.
      * @param {Array} selectedItems An array of the selected items.
      * @public
      */

package/dist/UploadCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadCollection.js","sourceRoot":"","sources":["../src/UploadCollection.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport type { ListSelectionChangeEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport ListMode from \"@ui5/webcomponents/dist/types/ListMode.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport \"./illustrations/Tent.js\";\nimport \"@ui5/webcomponents-icons/dist/upload-to-cloud.js\";\nimport \"@ui5/webcomponents-icons/dist/document.js\";\nimport {\n\tUPLOADCOLLECTION_NO_DATA_TEXT,\n\tUPLOADCOLLECTION_NO_DATA_DESCRIPTION,\n\tUPLOADCOLLECTION_DRAG_FILE_INDICATOR,\n\tUPLOADCOLLECTION_DROP_FILE_INDICATOR,\n\tUPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport {\n\tattachBodyDnDHandler,\n\tdetachBodyDnDHandler,\n\tdraggingFiles,\n} from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport type { DnDEventListener, DnDEventListenerParam } from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport UploadCollectionDnDOverlayMode from \"./types/UploadCollectionDnDMode.js\";\n\n// Template\nimport UploadCollectionTemplate from \"./generated/templates/UploadCollectionTemplate.lit.js\";\n\n// Styles\nimport UploadCollectionCss from \"./generated/themes/UploadCollection.css.js\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-upload-collection</code> as items\n *\n * @public\n */\ninterface IUploadCollectionItem extends HTMLElement { }\n\ntype UploadCollectionSelectionChangeEventDetail = {\n\tselectedItems: Array<IUploadCollectionItem>,\n};\n\ntype UploadCollectionItemDeleteEventDetail = {\n\titem: IUploadCollectionItem,\n};\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n * This component allows you to represent files before uploading them to a server, with the help of <code>ui5-upload-collection-item</code>.\n * It also allows you to show already uploaded files.\n *\n * <h3>ES6 Module Import</h3>\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollection.js\";</code>\n * <br>\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code> (for <code>ui5-upload-collection-item</code>)\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0-rc.7\n */\n@customElement({\n\ttag: \"ui5-upload-collection\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: UploadCollectionCss,\n\ttemplate: UploadCollectionTemplate,\n\tdependencies: [\n\t\tIcon,\n\t\tLabel,\n\t\tList,\n\t\tTitle,\n\t\tIllustratedMessage,\n\t],\n})\n/**\n * Fired when an element is dropped inside the drag and drop overlay.\n * <br><br>\n * <b>Note:</b> The <code>drop</code> event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the <code>ui5-upload-collection</code>.\n *\n * @param {DataTransfer} dataTransfer The <code>drop</code> event operation data.\n * @public\n * @native\n */\n@event(\"drop\")\n\n/**\n * Fired when the delete button of any item is pressed.\n *\n * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was deleted.\n * @public\n */\n@event<UploadCollectionItemDeleteEventDetail>(\"item-delete\", {\n\tdetail: {\n\t\t/**\n\t\t * @public\n\t\t */\n\t\titem: { type: HTMLElement },\n\t},\n})\n\n/**\n * Fired when selection is changed by user interaction\n * in <code>SingleSelect</code> and <code>MultiSelect</code> modes.\n *\n * @param {Array} selectedItems An array of the selected items.\n * @public\n */\n@event<UploadCollectionSelectionChangeEventDetail>(\"selection-change\", {\n\tdetail: {\n\t\t/**\n\t\t * @public\n\t\t */\n\t\tselectedItems: { type: Array },\n\t},\n})\nclass UploadCollection extends UI5Element {\n\t/**\n\t * Defines the mode of the <code>ui5-upload-collection</code>.\n\t *\n\t * <br><b>Note:</b>\n\t * Mode \"Delete\" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem\n\t *\n\t * @default \"None\"\n\t * @public\n\t */\n\t@property({ type: ListMode, defaultValue: ListMode.None })\n\tmode!: `${ListMode}`;\n\n\t/**\n\t * Allows you to set your own text for the 'No data' description.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tnoDataDescription!: string;\n\n\t/**\n\t * Allows you to set your own text for the 'No data' text.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tnoDataText!: string;\n\n\t/**\n\t * By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> when files\n\t * are dragged. If you don't intend to use drag and drop, set this property.\n\t * <br><br>\n\t * <b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it.\n\t * <code>ui5-upload-collection</code> only displays an overlay.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideDragOverlay!: boolean;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t *\n\t * @default \"\"\n\t * @public\n\t * @since 1.0.0-rc.16\n\t */\n\t @property()\n\t accessibleName!: string;\n\n\t/**\n\t * Indicates what overlay to show when files are being dragged.\n\t *\n\t * @default \"None\"\n\t * @private\n\t */\n\t@property({ type: UploadCollectionDnDOverlayMode, defaultValue: UploadCollectionDnDOverlayMode.None })\n\t_dndOverlayMode!: UploadCollectionDnDOverlayMode;\n\n\t/**\n\t * Defines the items of the <code>ui5-upload-collection</code>.\n\t * <br><b>Note:</b> Use <code>ui5-upload-collection-item</code> for the intended design.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<IUploadCollectionItem>;\n\n\t/**\n\t * Defines the <code>ui5-upload-collection</code> header.\n\t * <br><br>\n\t * <b>Note:</b> If <code>header</code> slot is provided,\n\t * the labelling of the <code>UploadCollection</code> is a responsibility of the application developer.\n\t * <code>accessibleName</code> should be used.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\theader!: Array<HTMLElement>;\n\n\t_bodyDnDHandler: DnDEventListener;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tUploadCollection.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._bodyDnDHandler = this.bodyDnDHandler.bind(this);\n\t}\n\n\tbodyDnDHandler(e: DnDEventListenerParam) {\n\t\tif (this._dndOverlayMode !== UploadCollectionDnDOverlayMode.Drop) {\n\t\t\tthis._dndOverlayMode = e.mode;\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tattachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\tonExitDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tdetachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\t_ondragenter(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!draggingFiles(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drop;\n\t}\n\n\t_ondrop(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.target !== this.shadowRoot!.querySelector(\".uc-dnd-overlay\")) {\n\t\t\te.stopPropagation();\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.None;\n\t}\n\n\t_ondragover(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t}\n\n\t_ondragleave() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drag;\n\t}\n\n\t_onItemDelete(e: CustomEvent) {\n\t\tthis.fireEvent<UploadCollectionItemDeleteEventDetail>(\"item-delete\", { item: e.target as IUploadCollectionItem });\n\t}\n\n\t_onSelectionChange(e: CustomEvent<ListSelectionChangeEventDetail>) {\n\t\tthis.fireEvent<UploadCollectionSelectionChangeEventDetail>(\"selection-change\", { selectedItems: e.detail.selectedItems as IUploadCollectionItem[] });\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tcontent: {\n\t\t\t\t\"ui5-uc-content\": true,\n\t\t\t\t\"ui5-uc-content-no-data\": this.items.length === 0,\n\t\t\t},\n\t\t\tdndOverlay: {\n\t\t\t\t\"uc-dnd-overlay\": true,\n\t\t\t\t\"uc-drag-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,\n\t\t\t\t\"uc-drop-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,\n\t\t\t},\n\t\t\tnoFiles: {\n\t\t\t\t\"uc-no-files\": true,\n\t\t\t\t\"uc-no-files-dnd-overlay\": this._showDndOverlay,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _root() {\n\t\treturn this.shadowRoot!.querySelector(\".ui5-uc-root\");\n\t}\n\n\tget _dndOverlay() {\n\t\treturn this._root?.querySelector(\".uc-dnd-overlay\");\n\t}\n\n\tget _showDndOverlay() {\n\t\treturn this._dndOverlayMode !== UploadCollectionDnDOverlayMode.None;\n\t}\n\n\tget _showNoData() {\n\t\treturn this.items.length === 0;\n\t}\n\n\tget _noDataText() {\n\t\treturn this.noDataText || UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_TEXT);\n\t}\n\n\tget _noDataDescription() {\n\t\treturn this.noDataDescription || UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_DESCRIPTION);\n\t}\n\n\tget _roleDescription() {\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION);\n\t}\n\n\tget _dndOverlayText() {\n\t\tif (this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag) {\n\t\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DRAG_FILE_INDICATOR);\n\t\t}\n\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DROP_FILE_INDICATOR);\n\t}\n}\n\nUploadCollection.define();\n\nexport default UploadCollection;\nexport type {\n\tIUploadCollectionItem,\n\tUploadCollectionItemDeleteEventDetail,\n\tUploadCollectionSelectionChangeEventDetail,\n};\n"]}
+{"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,kDAAkD,CAAC;AACrE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,yBAAyB,CAAC;AACjC,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;AAEhF,WAAW;AACX,OAAO,wBAAwB,MAAM,uDAAuD,CAAC;AAE7F,SAAS;AACT,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAgB7E;;;;;;;;;;;;;;;GAeG;AAqDH,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAiFxC,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,kBAAgB,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,0BAA0B,CAAC,CAAC;IAC/E,CAAC;IAED;QACC,KAAK,EAAE,CAAC;QACR,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;YACjE,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC;SAC9B;IACF,CAAC;IAED,UAAU;QACT,IAAI,IAAI,CAAC,eAAe,EAAE;YACzB,OAAO;SACP;QAED,oBAAoB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC;IAED,SAAS;QACR,IAAI,IAAI,CAAC,eAAe,EAAE;YACzB,OAAO;SACP;QAED,oBAAoB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC;IAED,YAAY,CAAC,CAAY;QACxB,IAAI,IAAI,CAAC,eAAe,EAAE;YACzB,OAAO;SACP;QAED,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;YACtB,OAAO;SACP;QAED,IAAI,CAAC,eAAe,GAAG,8BAA8B,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED,OAAO,CAAC,CAAY;QACnB,IAAI,IAAI,CAAC,eAAe,EAAE;YACzB,OAAO;SACP;QAED,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE;YACnE,CAAC,CAAC,eAAe,EAAE,CAAC;SACpB;QAED,IAAI,CAAC,eAAe,GAAG,8BAA8B,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED,WAAW,CAAC,CAAY;QACvB,IAAI,IAAI,CAAC,eAAe,EAAE;YACzB,OAAO;SACP;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;IACpB,CAAC;IAED,YAAY;QACX,IAAI,IAAI,CAAC,eAAe,EAAE;YACzB,OAAO;SACP;QAED,IAAI,CAAC,eAAe,GAAG,8BAA8B,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED,aAAa,CAAC,CAAc;QAC3B,IAAI,CAAC,SAAS,CAAwC,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,MAA+B,EAAE,CAAC,CAAC;IACnH,CAAC;IAED,kBAAkB,CAAC,CAA8C;QAChE,IAAI,CAAC,SAAS,CAA6C,kBAAkB,EAAE,EAAE,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,aAAwC,EAAE,CAAC,CAAC;IACtJ,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;YACjE,OAAO,kBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAAC;SACjF;QAED,OAAO,kBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAAC;IAClF,CAAC;CACD,CAAA;AA3MA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;8CACrC;AAQrB;IADC,QAAQ,EAAE;2DACgB;AAQ3B;IADC,QAAQ,EAAE;oDACS;AAYpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACF;AASzB;IADC,QAAQ,EAAE;wDACa;AAQzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,8BAA8B,EAAE,YAAY,EAAE,8BAA8B,CAAC,IAAI,EAAE,CAAC;yDACrD;AASjD;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CACR;AAWrC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;gDACA;AA3EvB,gBAAgB;IApDrB,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,KAAK;YACL,kBAAkB;SAClB;KACD,CAAC;IACF;;;;;;;OAOG;;IACF,KAAK,CAAC,MAAM,CAAC;IAEd;;;;OAIG;;IACF,KAAK,CAAwC,aAAa,EAAE;QAC5D,MAAM,EAAE;YACP;;eAEG;YACH,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAC3B;KACD,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAA6C,kBAAkB,EAAE;QACtE,MAAM,EAAE;YACP;;eAEG;YACH,aAAa,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SAC9B;KACD,CAAC;GACI,gBAAgB,CAqNrB;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.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport type { ListSelectionChangeEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport ListMode from \"@ui5/webcomponents/dist/types/ListMode.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport \"./illustrations/Tent.js\";\nimport \"@ui5/webcomponents-icons/dist/upload-to-cloud.js\";\nimport \"@ui5/webcomponents-icons/dist/document.js\";\nimport {\n\tUPLOADCOLLECTION_NO_DATA_TEXT,\n\tUPLOADCOLLECTION_NO_DATA_DESCRIPTION,\n\tUPLOADCOLLECTION_DRAG_FILE_INDICATOR,\n\tUPLOADCOLLECTION_DROP_FILE_INDICATOR,\n\tUPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport {\n\tattachBodyDnDHandler,\n\tdetachBodyDnDHandler,\n\tdraggingFiles,\n} from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport type { DnDEventListener, DnDEventListenerParam } from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport UploadCollectionDnDOverlayMode from \"./types/UploadCollectionDnDMode.js\";\n\n// Template\nimport UploadCollectionTemplate from \"./generated/templates/UploadCollectionTemplate.lit.js\";\n\n// Styles\nimport UploadCollectionCss from \"./generated/themes/UploadCollection.css.js\";\n\n/**\n * Interface for components that may be slotted inside `ui5-upload-collection` as items\n * @public\n */\ninterface IUploadCollectionItem extends HTMLElement { }\n\ntype UploadCollectionSelectionChangeEventDetail = {\n\tselectedItems: Array<IUploadCollectionItem>,\n};\n\ntype UploadCollectionItemDeleteEventDetail = {\n\titem: IUploadCollectionItem,\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\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\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<UploadCollectionItemDeleteEventDetail>(\"item-delete\", {\n\tdetail: {\n\t\t/**\n\t\t * @public\n\t\t */\n\t\titem: { type: HTMLElement },\n\t},\n})\n\n/**\n * Fired when selection is changed by user interaction\n * in `SingleSelect` and `MultiSelect` modes.\n * @param {Array} selectedItems An array of the selected items.\n * @public\n */\n@event<UploadCollectionSelectionChangeEventDetail>(\"selection-change\", {\n\tdetail: {\n\t\t/**\n\t\t * @public\n\t\t */\n\t\tselectedItems: { type: Array },\n\t},\n})\nclass UploadCollection extends UI5Element {\n\t/**\n\t * Defines the mode of the `ui5-upload-collection`.\n\t *\n\t * **Note:**\n\t * Mode \"Delete\" has no effect. The delete button is controlled by the `hideDeleteButton` property of UploadCollectionItem\n\t * @default \"None\"\n\t * @public\n\t */\n\t@property({ type: ListMode, defaultValue: ListMode.None })\n\tmode!: `${ListMode}`;\n\n\t/**\n\t * Allows you to set your own text for the 'No data' description.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tnoDataDescription!: string;\n\n\t/**\n\t * Allows you to set your own text for the 'No data' text.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tnoDataText!: string;\n\n\t/**\n\t * By default there will be drag and drop overlay shown over the `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!: boolean;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default \"\"\n\t * @public\n\t * @since 1.0.0-rc.16\n\t */\n\t @property()\n\t accessibleName!: string;\n\n\t/**\n\t * Indicates what overlay to show when files are being dragged.\n\t * @default \"None\"\n\t * @private\n\t */\n\t@property({ type: UploadCollectionDnDOverlayMode, defaultValue: UploadCollectionDnDOverlayMode.None })\n\t_dndOverlayMode!: UploadCollectionDnDOverlayMode;\n\n\t/**\n\t * Defines the items of the `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<IUploadCollectionItem>;\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\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tUploadCollection.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._bodyDnDHandler = this.bodyDnDHandler.bind(this);\n\t}\n\n\tbodyDnDHandler(e: DnDEventListenerParam) {\n\t\tif (this._dndOverlayMode !== UploadCollectionDnDOverlayMode.Drop) {\n\t\t\tthis._dndOverlayMode = e.mode;\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tattachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\tonExitDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tdetachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\t_ondragenter(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!draggingFiles(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drop;\n\t}\n\n\t_ondrop(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.target !== this.shadowRoot!.querySelector(\".uc-dnd-overlay\")) {\n\t\t\te.stopPropagation();\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.None;\n\t}\n\n\t_ondragover(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t}\n\n\t_ondragleave() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drag;\n\t}\n\n\t_onItemDelete(e: CustomEvent) {\n\t\tthis.fireEvent<UploadCollectionItemDeleteEventDetail>(\"item-delete\", { item: e.target as IUploadCollectionItem });\n\t}\n\n\t_onSelectionChange(e: CustomEvent<ListSelectionChangeEventDetail>) {\n\t\tthis.fireEvent<UploadCollectionSelectionChangeEventDetail>(\"selection-change\", { selectedItems: e.detail.selectedItems as IUploadCollectionItem[] });\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tcontent: {\n\t\t\t\t\"ui5-uc-content\": true,\n\t\t\t\t\"ui5-uc-content-no-data\": this.items.length === 0,\n\t\t\t},\n\t\t\tdndOverlay: {\n\t\t\t\t\"uc-dnd-overlay\": true,\n\t\t\t\t\"uc-drag-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,\n\t\t\t\t\"uc-drop-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,\n\t\t\t},\n\t\t\tnoFiles: {\n\t\t\t\t\"uc-no-files\": true,\n\t\t\t\t\"uc-no-files-dnd-overlay\": this._showDndOverlay,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _root() {\n\t\treturn this.shadowRoot!.querySelector(\".ui5-uc-root\");\n\t}\n\n\tget _dndOverlay() {\n\t\treturn this._root?.querySelector(\".uc-dnd-overlay\");\n\t}\n\n\tget _showDndOverlay() {\n\t\treturn this._dndOverlayMode !== UploadCollectionDnDOverlayMode.None;\n\t}\n\n\tget _showNoData() {\n\t\treturn this.items.length === 0;\n\t}\n\n\tget _noDataText() {\n\t\treturn this.noDataText || UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_TEXT);\n\t}\n\n\tget _noDataDescription() {\n\t\treturn this.noDataDescription || UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_DESCRIPTION);\n\t}\n\n\tget _roleDescription() {\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION);\n\t}\n\n\tget _dndOverlayText() {\n\t\tif (this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag) {\n\t\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DRAG_FILE_INDICATOR);\n\t\t}\n\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DROP_FILE_INDICATOR);\n\t}\n}\n\nUploadCollection.define();\n\nexport default UploadCollection;\nexport type {\n\tIUploadCollectionItem,\n\tUploadCollectionItemDeleteEventDetail,\n\tUploadCollectionSelectionChangeEventDetail,\n};\n"]}