@ui5/webcomponents-fiori 1.9.3 → 1.10.0

package/dist/TimelineItem.js

@@ -1,4 +1,13 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import Link from "@ui5/webcomponents/dist/Link.js";
@@ -6,129 +15,8 @@ import TimelineItemTemplate from "./generated/templates/TimelineItemTemplate.lit
 import TimelineLayout from "./types/TimelineLayout.js";
 // Styles
 import styles from "./generated/themes/TimelineItem.css.js";
-
 const SHORT_LINE_WIDTH = "ShortLineWidth";
 const LARGE_LINE_WIDTH = "LargeLineWidth";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-timeline-item",
-	slots: /** @lends sap.ui.webcomponents.fiori.TimelineItem.prototype */ {
-		/**
-		 * Determines the description of the <code>ui5-timeline-item</code>.
-		 *
-		 * @type {Node[]}
-		 * @slot
-		 * @public
-		 */
-		"default": {
-			type: Node,
-		},
-	},
-	properties: /** @lends sap.ui.webcomponents.fiori.TimelineItem.prototype */ {
-		/**
-		 * Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>.
-		 * 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" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		icon: {
-			type: String,
-		},
-
-		/**
-		 * Defines the name of the item, displayed before the <code>title-text</code>.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		name: {
-			type: String,
-		},
-
-		/**
-		 * Defines if the <code>name</code> is clickable.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		nameClickable: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines the title text of the component.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		titleText: {
-			type: String,
-		},
-
-		/**
-		 * Defines the subtitle text of the component.
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		subtitleText: {
-			type: String,
-		},
-
-		_tabIndex: {
-			type: String,
-			defaultValue: "-1",
-			noAttribute: true,
-		},
-
-		/**
-		 * Defines the items orientation.
-		 *
-		 * @type {sap.ui.webcomponents.fiori.types.TimelineLayout}
-		 * @defaultvalue "Vertical"
-		 * @private
-		 */
-		layout: {
-			type: TimelineLayout,
-			defaultvalue: TimelineLayout.Vertical,
-		},
-
-		/**
-		 * Defines the indicator line width.
-		 *
-		 * @type {string}
-		 * @private
-		 */
-		_lineWidth: {
-			type: String,
-		},
-	},
-	events: /** @lends sap.ui.webcomponents.fiori.TimelineItem.prototype */ {
-		/**
-		 * 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.
-		 *
-		 * @event sap.ui.webcomponents.fiori.TimelineItem#name-click
-		 * @public
-		 */
-		"name-click": {},
-	},
-};
-
 /**
  * @class
  *
@@ -138,60 +26,103 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.TimelineItem
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.fiori.TimelineItem
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-timeline-item
- * @implements sap.ui.webcomponents.fiori.ITimelineItem
+ * @implements sap.ui.webc.fiori.ITimelineItem
  * @public
  */
-class TimelineItem extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return TimelineItemTemplate;
-	}
-
-	static get styles() {
-		return styles;
-	}
-
-	constructor() {
-		super();
-	}
-
-	onNamePress() {
-		this.fireEvent("name-click", {});
-	}
-
-	static get dependencies() {
-		return [
-			Icon,
-			Link,
-		];
-	}
-
-	get classes() {
-		return {
-			indicator: {
-				"ui5-tli-indicator": true,
-				"ui5-tli-indicator-short-line": this._lineWidth === SHORT_LINE_WIDTH,
-				"ui5-tli-indicator-large-line": this._lineWidth === 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,
-			},
-		};
-	}
-}
-
+let TimelineItem = class TimelineItem extends UI5Element {
+    /**
+     * Determines the description of the <code>ui5-timeline-item</code>.
+     *
+     * @type {Node[]}
+     * @name sap.ui.webc.fiori.TimelineItem.prototype.default
+     * @slot
+     * @public
+     */
+    static get render() {
+        return litRender;
+    }
+    static get template() {
+        return TimelineItemTemplate;
+    }
+    static get styles() {
+        return styles;
+    }
+    constructor() {
+        super();
+    }
+    onNamePress() {
+        this.fireEvent("name-click", {});
+    }
+    static get dependencies() {
+        return [
+            Icon,
+            Link,
+        ];
+    }
+    /**
+     * Focus the internal link.
+     * @protected
+     */
+    focusLink() {
+        this.shadowRoot.querySelector("[ui5-link]")?.focus();
+    }
+    get classes() {
+        return {
+            indicator: {
+                "ui5-tli-indicator": true,
+                "ui5-tli-indicator-short-line": this._lineWidth === SHORT_LINE_WIDTH,
+                "ui5-tli-indicator-large-line": this._lineWidth === 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,
+            },
+        };
+    }
+};
+__decorate([
+    property()
+], TimelineItem.prototype, "icon", void 0);
+__decorate([
+    property()
+], TimelineItem.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean })
+], TimelineItem.prototype, "nameClickable", void 0);
+__decorate([
+    property()
+], TimelineItem.prototype, "titleText", void 0);
+__decorate([
+    property()
+], TimelineItem.prototype, "subtitleText", void 0);
+__decorate([
+    property({ defaultValue: "-1", noAttribute: true })
+], TimelineItem.prototype, "_tabIndex", void 0);
+__decorate([
+    property({ type: TimelineLayout, defaultValue: TimelineLayout.Vertical })
+], TimelineItem.prototype, "layout", void 0);
+__decorate([
+    property()
+], TimelineItem.prototype, "_lineWidth", void 0);
+TimelineItem = __decorate([
+    customElement("ui5-timeline-item")
+    /**
+     * 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.
+     *
+     * @event sap.ui.webc.fiori.TimelineItem#name-click
+     * @public
+     */
+    ,
+    event("name-click")
+], TimelineItem);
 TimelineItem.define();
-
 export default TimelineItem;
+//# sourceMappingURL=TimelineItem.js.map

package/dist/TimelineItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../src/TimelineItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,oBAAoB,MAAM,mDAAmD,CAAC;AACrF,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,SAAS;AACT,OAAO,MAAM,MAAM,wCAAwC,CAAC;AAE5D,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC1C,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAE1C;;;;;;;;;;;;;;GAcG;AAaH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAiFpC;;;;;;;OAOG;IAEH,MAAM,KAAK,MAAM;QAChB,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,MAAM,KAAK,QAAQ;QAClB,OAAO,oBAAoB,CAAC;IAC7B,CAAC;IAED,MAAM,KAAK,MAAM;QAChB,OAAO,MAAM,CAAC;IACf,CAAC;IAED;QACC,KAAK,EAAE,CAAC;IACT,CAAC;IAED,WAAW;QACV,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC;IAED,MAAM,KAAK,YAAY;QACtB,OAAO;YACN,IAAI;YACJ,IAAI;SACJ,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,SAAS;QACR,IAAI,CAAC,UAAW,CAAC,aAAa,CAAO,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;IAC7D,CAAC;IAED,IAAI,OAAO;QACV,OAAO;YACN,SAAS,EAAE;gBACV,mBAAmB,EAAE,IAAI;gBACzB,8BAA8B,EAAE,IAAI,CAAC,UAAU,KAAK,gBAAgB;gBACpE,8BAA8B,EAAE,IAAI,CAAC,UAAU,KAAK,gBAAgB;aACpE;YACD,mBAAmB,EAAE;gBACpB,sBAAsB,EAAE,IAAI;gBAC5B,4BAA4B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,QAAQ;gBACrE,2BAA2B,EAAE,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,UAAU;aACtE;SACD,CAAC;IACH,CAAC;CACD,CAAA;AA7HA;IADC,QAAQ,EAAE;0CACG;AAWd;IADC,QAAQ,EAAE;0CACG;AAWd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACJ;AAWxB;IADC,QAAQ,EAAE;+CACQ;AAUnB;IADC,QAAQ,EAAE;kDACW;AAGtB;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;+CACjC;AAUnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,CAAC,QAAQ,EAAE,CAAC;4CAClD;AASxB;IADC,QAAQ,EAAE;gDACS;AA/Ef,YAAY;IAZjB,aAAa,CAAC,mBAAmB,CAAC;IACnC;;;;;;;;;OASG;;IACF,KAAK,CAAC,YAAY,CAAC;GACd,YAAY,CA2IjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC"}

package/dist/UploadCollection.d.ts

@@ -0,0 +1,171 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.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";
+import ListMode from "@ui5/webcomponents/dist/types/ListMode.js";
+import Title from "@ui5/webcomponents/dist/Title.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";
+type SelectionChangeEventDetail = {
+    selectedItems: Array<HTMLElement>;
+};
+type ItemDeleteEventDetail = {
+    item: HTMLElement;
+};
+/**
+ * @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>.
+ * 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>)
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.UploadCollection
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-upload-collection
+ * @appenddocs UploadCollectionItem
+ * @public
+ * @since 1.0.0-rc.7
+ */
+declare class UploadCollection extends UI5Element {
+    /**
+     * Defines the mode of the <code>ui5-upload-collection</code>.
+     *
+     * <br><br>
+     * <b>Note:</b>
+     * <ul>
+     * <li><code>None</code></li>
+     * <li><code>SingleSelect</code></li>
+     * <li><code>MultiSelect</code></li>
+     * <li><code>Delete</code></li>
+     * </ul>
+     *
+     * @type {sap.ui.webc.main.types.ListMode}
+     * @name sap.ui.webc.fiori.UploadCollection.prototype.mode
+     * @defaultvalue "None"
+     * @public
+     */
+    mode: ListMode;
+    /**
+     * Allows you to set your own text for the 'No data' description.
+     *
+     * @type {string}
+     * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataDescription
+     * @defaultvalue ""
+     * @public
+     */
+    noDataDescription: string;
+    /**
+     * Allows you to set your own text for the 'No data' text.
+     *
+     * @type {string}
+     * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataText
+     * @defaultvalue ""
+     * @public
+     */
+    noDataText: string;
+    /**
+     * By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> 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.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.fiori.UploadCollection.prototype.hideDragOverlay
+     * @defaultvalue false
+     * @public
+     */
+    hideDragOverlay: boolean;
+    /**
+     * Defines the accessible ARIA name of the component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.fiori.UploadCollection.prototype.accessibleName
+     * @defaultvalue ""
+     * @public
+     * @since 1.0.0-rc.16
+     */
+    accessibleName: string;
+    /**
+     * Indicates what overlay to show when files are being dragged.
+     *
+     * @type {sap.ui.webc.fiori.types.UploadCollectionDnDOverlayMode}
+     * @defaultvalue "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.
+     *
+     * @type {sap.ui.webc.fiori.IUploadCollectionItem[]}
+     * @name sap.ui.webc.fiori.UploadCollection.prototype.default
+     * @slot items
+     * @public
+     */
+    items: Array<HTMLElement>;
+    /**
+     * 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.
+     *
+     * @type {HTMLElement[]}
+     * @name sap.ui.webc.fiori.UploadCollection.prototype.header
+     * @slot
+     * @public
+     */
+    header: Array<HTMLElement>;
+    _bodyDnDHandler: DnDEventListener;
+    static i18nBundle: I18nBundle;
+    static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
+    static get styles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
+    static get template(): import("@ui5/webcomponents-base/src/renderer/executeTemplate.js").TemplateFunction;
+    static get dependencies(): (typeof Title | typeof Icon | typeof Label | typeof List)[];
+    static onDefine(): Promise<void>;
+    constructor();
+    bodyDnDHandler(e: DnDEventListenerParam): void;
+    onEnterDOM(): void;
+    onExitDOM(): void;
+    _ondragenter(e: DragEvent): void;
+    _ondrop(e: DragEvent): void;
+    _ondragover(e: DragEvent): void;
+    _ondragleave(): void;
+    _onItemDelete(e: CustomEvent<ItemDeleteEventDetail>): void;
+    _onSelectionChange(e: CustomEvent<SelectionChangeEventDetail>): void;
+    get classes(): {
+        content: {
+            "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;
+    get _showDndOverlay(): boolean;
+    get _showNoData(): boolean;
+    get _noDataText(): string;
+    get _noDataDescription(): string;
+    get _roleDescription(): string;
+    get _dndOverlayText(): string;
+}
+export default UploadCollection;