@ui5/webcomponents-fiori 0.0.0-7e7d9ea6f → 0.0.0-81513ce21

package/dist/MediaGalleryItem.js

@@ -1,150 +1,23 @@
+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 litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/background.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import MediaGalleryItemLayout from "./types/MediaGalleryItemLayout.js";
-// Template
-import MediaGalleryItemTemplate from "./generated/templates/MediaGalleryItemTemplate.lit.js";
 // Styles
 import MediaGalleryItemCss from "./generated/themes/MediaGalleryItem.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-media-gallery-item",
-	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.fiori.MediaGalleryItem.prototype */ {
-
-		/**
-		 * Defines the selected state of the component.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		selected: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines whether the component is in disabled state.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		disabled: {
-			type: Boolean,
-		},
-
-		/**
-		 * Determines the layout of the item container.
-		 * <br><br>
-		 * Available options are:
-		 * <ul>
-		 * <li><code>Square</code></li>
-		 * <li><code>Wide</code></li>
-		 * </ul>
-		 *
-		 * @type {MediaGalleryItemLayout}
-		 * @defaultvalue "Square"
-		 * @public
-		 */
-		layout: {
-			type: MediaGalleryItemLayout,
-			defaultValue: MediaGalleryItemLayout.Square,
-		},
-
-		/**
-		 * @private
-		 */
-		_interactive: {
-			type: Boolean,
-		},
-
-		/**
-		 * @private
-		 */
-		_square: {
-			type: Boolean,
-		},
-
-		/**
-		 * @private
-		 */
-		_contentImageNotFound: {
-			type: Boolean,
-		},
-
-		/**
-		 * @private
-		 */
-		_thumbnailNotFound: {
-			type: Boolean,
-		},
-
-		/**
-		 * @private
-		 */
-		_thumbnailDesign: {
-			type: Boolean,
-		},
-
-		/**
-		 * Indicates whether the element is focused.
-		 *
-		 * @private
-		 */
-		focused: {
-			type: Boolean,
-		},
-
-		/**
-		 * @private
-		 */
-		_tabIndex: {
-			type: String,
-			defaultValue: undefined,
-		},
-
-		/**
-		 * @private
-		 */
-		contentHeight: {
-			type: String,
-			noAttribute: true,
-			defaultValue: "",
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.fiori.MediaGalleryItem.prototype */ {
-		/**
-		 * Defines the content of the component.
-		 *
-		 * @type {HTMLElement}
-		 * @slot content
-		 * @public
-		 */
-		 "default": {
-			propertyName: "content",
-			type: HTMLElement,
-		},
-
-		/**
-		 * Defines the content of the thumbnail.
-		 *
-		 * @type {HTMLElement}
-		 * @slot
-		 * @public
-		 */
-		 "thumbnail": {
-			type: HTMLElement,
-		},
-	},
-};
-
+// Template
+import MediaGalleryItemTemplate from "./generated/templates/MediaGalleryItemTemplate.lit.js";
 /**
  * @class
  * <h3 class="comment-api-title">Overview</h3>
@@ -168,169 +41,170 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.MediaGalleryItem
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.fiori.MediaGalleryItem
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-media-gallery-item
  * @public
- * @implements sap.ui.webcomponents.fiori.IMediaGalleryItem
+ * @implements sap.ui.webc.fiori.IMediaGalleryItem
  * @since 1.1.0
  */
-class MediaGalleryItem extends UI5Element {
-	constructor() {
-		super();
-		this._monitoredContent = null;
-		this._monitoredThumbnail = null;
-	}
-
-	onEnterDOM() {
-		this._thumbnailDesign = !isPhone();
-		this._interactive = !isPhone();
-		this._square = true;
-	}
-
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get styles() {
-		return MediaGalleryItemCss;
-	}
-
-	static get template() {
-		return MediaGalleryItemTemplate;
-	}
-
-	get _thumbnail() {
-		return this.thumbnail.length && this.thumbnail[0];
-	}
-
-	get _content() {
-		return this.content.length && this.content[0];
-	}
-
-	get _isThubmnailAvailable() {
-		return this._thumbnail && !this._thumbnailNotFound;
-	}
-
-	get _isContentAvailable() {
-		return this._content && !this._contentImageNotFound;
-	}
-
-	get _useThumbnail() {
-		return this._thumbnailDesign && this._isThubmnailAvailable;
-	}
-
-	get _useContent() {
-		return !this._useThumbnail && this._isContentAvailable;
-	}
-
-	get tabIndex() {
-		return this.disabled ? undefined : this._tabIndex;
-	}
-
-	get _showBackgroundIcon() {
-		return this._thumbnailNotFound || this._contentImageNotFound;
-	}
-
-	get styles() {
-		return {
-			wrapper: {
-				height: this.contentHeight,
-			},
-		};
-	}
-
-	get _role() {
-		return this._interactive ? "button" : undefined;
-	}
-
-	onBeforeRendering() {
-		this._monitorLoadingError();
-	}
-
-	_monitorLoadingError() {
-		let callback,
-			success;
-		if (this._thumbnailDesign && this.thumbnail.length && (this._monitoredThumbnail !== this._thumbnail)) {
-			this._thumbnailNotFound = undefined; // reset flag
-			callback = this._updateThumbnailLoaded;
-			success = this._attachListeners(this._thumbnail, callback);
-			success && (this._monitoredThumbnail = this._thumbnail);
-		}
-		if (!this._useThumbnail && this.content.length && (this._monitoredContent !== this._content)) {
-			this._contentImageNotFound = undefined; // reset flag
-			callback = this._updateContentImageLoaded;
-			success = this._attachListeners(this._content, callback);
-			success && (this._monitoredContent = this._content);
-		}
-	}
-
-	_attachListeners(element, callback) {
-		const isImg = element.tagName === "IMG",
-			img = isImg ? element : element.querySelector("img");
-		if (img) {
-			callback.call(this, img);
-			img.addEventListener("error", () => {
-				if (this.contains(img)) { // img still belongs to us
-					callback.call(this, img);
-				}
-			});
-			img.addEventListener("load", () => {
-				if (this.contains(img)) { // img still belongs to us
-					callback.call(this, img);
-				}
-			});
-			return true;
-		}
-	}
-
-	_updateContentImageLoaded(image) {
-		this._contentImageNotFound = image.naturalHeight === 0 && image.naturalWidth === 0;
-	}
-
-	_updateThumbnailLoaded(image) {
-		this._thumbnailNotFound = image.naturalHeight === 0 && image.naturalWidth === 0;
-	}
-
-	_onkeydown(event) {
-		if (isSpace(event)) {
-			event.preventDefault();
-		}
-
-		if (isEnter(event)) {
-			this._fireItemClick();
-		}
-	}
-
-	_onkeyup(event) {
-		if (isSpace(event)) {
-			this._fireItemClick();
-		}
-	}
-
-	_onfocusout() {
-		this.focused = false;
-	}
-
-	_onfocusin() {
-		this.focused = true;
-	}
-
-	_fireItemClick() {
-		this.fireEvent("click", { item: this });
-	}
-
-	static get dependencies() {
-		return [
-			Icon,
-		];
-	}
-}
-
+let MediaGalleryItem = class MediaGalleryItem extends UI5Element {
+    constructor() {
+        super();
+        this._monitoredContent = null;
+        this._monitoredThumbnail = null;
+    }
+    onEnterDOM() {
+        this._thumbnailDesign = !isPhone();
+        this._interactive = !isPhone();
+        this._square = true;
+    }
+    get _thumbnail() {
+        return this.thumbnail.length ? this.thumbnail[0] : null;
+    }
+    get _content() {
+        return this.content.length ? this.content[0] : null;
+    }
+    get _isThubmnailAvailable() {
+        return this._thumbnail && !this._thumbnailNotFound;
+    }
+    get _isContentAvailable() {
+        return this._content && !this._contentImageNotFound;
+    }
+    get _useThumbnail() {
+        return this._thumbnailDesign && this._isThubmnailAvailable;
+    }
+    get _useContent() {
+        return !this._useThumbnail && this._isContentAvailable;
+    }
+    get effectiveTabIndex() {
+        return this.disabled ? undefined : this._tabIndex;
+    }
+    get _showBackgroundIcon() {
+        return this._thumbnailNotFound || this._contentImageNotFound;
+    }
+    get styles() {
+        return {
+            wrapper: {
+                height: this.contentHeight,
+            },
+        };
+    }
+    get _role() {
+        return this._interactive ? "button" : undefined;
+    }
+    onBeforeRendering() {
+        this._monitorLoadingError();
+    }
+    _monitorLoadingError() {
+        let callback, success;
+        if (this._thumbnailDesign && this.thumbnail.length && (this._monitoredThumbnail !== this._thumbnail)) {
+            this._thumbnailNotFound = false; // reset flag
+            callback = this._updateThumbnailLoaded.bind(this);
+            success = this._attachListeners(this._thumbnail, callback);
+            success && (this._monitoredThumbnail = this._thumbnail);
+        }
+        if (!this._useThumbnail && this.content.length && (this._monitoredContent !== this._content)) {
+            this._contentImageNotFound = false; // reset flag
+            callback = this._updateContentImageLoaded.bind(this);
+            success = this._attachListeners(this._content, callback);
+            success && (this._monitoredContent = this._content);
+        }
+    }
+    _attachListeners(element, callback) {
+        const isImg = element.tagName === "IMG", img = isImg ? element : element.querySelector("img");
+        if (img) {
+            callback(img);
+            img.addEventListener("error", () => {
+                if (this.contains(img)) { // img still belongs to us
+                    callback(img);
+                }
+            });
+            img.addEventListener("load", () => {
+                if (this.contains(img)) { // img still belongs to us
+                    callback(img);
+                }
+            });
+            return true;
+        }
+    }
+    _updateContentImageLoaded(image) {
+        this._contentImageNotFound = image.naturalHeight === 0 && image.naturalWidth === 0;
+    }
+    _updateThumbnailLoaded(image) {
+        this._thumbnailNotFound = image.naturalHeight === 0 && image.naturalWidth === 0;
+    }
+    _onkeydown(e) {
+        if (isSpace(e)) {
+            e.preventDefault();
+        }
+        if (isEnter(e)) {
+            this._fireItemClick();
+        }
+    }
+    _onkeyup(e) {
+        if (isSpace(e)) {
+            this._fireItemClick();
+        }
+    }
+    _onfocusout() {
+        this.focused = false;
+    }
+    _onfocusin() {
+        this.focused = true;
+    }
+    _fireItemClick() {
+        this.fireEvent("click", { item: this });
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], MediaGalleryItem.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediaGalleryItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: MediaGalleryItemLayout, defaultValue: MediaGalleryItemLayout.Square })
+], MediaGalleryItem.prototype, "layout", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediaGalleryItem.prototype, "_interactive", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediaGalleryItem.prototype, "_square", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediaGalleryItem.prototype, "_contentImageNotFound", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediaGalleryItem.prototype, "_thumbnailNotFound", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediaGalleryItem.prototype, "_thumbnailDesign", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediaGalleryItem.prototype, "focused", void 0);
+__decorate([
+    property()
+], MediaGalleryItem.prototype, "_tabIndex", void 0);
+__decorate([
+    property({ noAttribute: true })
+], MediaGalleryItem.prototype, "contentHeight", void 0);
+__decorate([
+    slot({ type: HTMLElement, "default": true })
+], MediaGalleryItem.prototype, "content", void 0);
+__decorate([
+    slot()
+], MediaGalleryItem.prototype, "thumbnail", void 0);
+MediaGalleryItem = __decorate([
+    customElement({
+        tag: "ui5-media-gallery-item",
+        renderer: litRender,
+        styles: MediaGalleryItemCss,
+        template: MediaGalleryItemTemplate,
+        dependencies: [Icon],
+    })
+], MediaGalleryItem);
 MediaGalleryItem.define();
-
 export default MediaGalleryItem;
+//# sourceMappingURL=MediaGalleryItem.js.map

package/dist/MediaGalleryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaGalleryItem.js","sourceRoot":"","sources":["../src/MediaGalleryItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/background.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 { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport MediaGalleryItemLayout from \"./types/MediaGalleryItemLayout.js\";\n\n// Styles\nimport MediaGalleryItemCss from \"./generated/themes/MediaGalleryItem.css.js\";\n\n// Template\nimport MediaGalleryItemTemplate from \"./generated/templates/MediaGalleryItemTemplate.lit.js\";\n\n/**\n * @class\n * <h3 class=\"comment-api-title\">Overview</h3>\n * The <code>ui5-media-gallery-item</code> web component represents the items displayed in the\n * <code>ui5-media-gallery</code> web component.\n * <br><br>\n * <b>Note:</b> <code>ui5-media-gallery-item</code> is not supported when used outside of <code>ui5-media-gallery</code>.\n * <br><br>\n *\n * <h3>Keyboard Handling</h3>\n * The <code>ui5-media-gallery</code> provides advanced keyboard handling.\n * When focused, the user can use the following keyboard\n * shortcuts in order to perform a navigation:\n * <br>\n * <ul>\n * <li>[SPACE/ENTER/RETURN] - Trigger <code>ui5-click</code> event</li>\n * </ul>\n *\n * <h3>ES6 Module Import</h3>\n * <code>import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem.js\";</code> (comes with <code>ui5-media-gallery</code>)\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.MediaGalleryItem\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-media-gallery-item\n * @public\n * @implements sap.ui.webc.fiori.IMediaGalleryItem\n * @since 1.1.0\n */\n@customElement({\n\ttag: \"ui5-media-gallery-item\",\n\trenderer: litRender,\n\tstyles: MediaGalleryItemCss,\n\ttemplate: MediaGalleryItemTemplate,\n\tdependencies: [Icon],\n})\nclass MediaGalleryItem extends UI5Element implements ITabbable {\n\t/**\n\t * Defines the selected state of the component.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.MediaGalleryItem.prototype.selected\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/**\n\t * Defines whether the component is in disabled state.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.MediaGalleryItem.prototype.disabled\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/**\n\t * Determines the layout of the item container.\n\t * <br><br>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Square</code></li>\n\t * <li><code>Wide</code></li>\n\t * </ul>\n\t *\n\t * @type {sap.ui.webc.fiori.types.MediaGalleryItemLayout}\n\t * @name sap.ui.webc.fiori.MediaGalleryItem.prototype.layout\n\t * @defaultvalue \"Square\"\n\t * @public\n\t */\n\t@property({ type: MediaGalleryItemLayout, defaultValue: MediaGalleryItemLayout.Square })\n\tlayout!: MediaGalleryItemLayout;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_interactive!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_square!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_contentImageNotFound!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_thumbnailNotFound!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_thumbnailDesign!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfocused!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property()\n\t_tabIndex!: string;\n\n\t/**\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\tcontentHeight!: string;\n\n\t/**\n\t * Defines the content of the component.\n\t *\n\t * @type {HTMLElement}\n\t * @name sap.ui.webc.fiori.MediaGalleryItem.prototype.default\n\t * @slot content\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent!: Array<HTMLElement>;\n\n\t/**\n\t * Defines the content of the thumbnail.\n\t *\n\t * @type {HTMLElement}\n\t * @name sap.ui.webc.fiori.MediaGalleryItem.prototype.thumbnail\n\t * @slot thumbnail\n\t * @public\n\t */\n\t@slot()\n\tthumbnail!: Array<HTMLElement>;\n\n\t_monitoredThumbnail: HTMLElement | null;\n\t_monitoredContent: HTMLElement | null;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._monitoredContent = null;\n\t\tthis._monitoredThumbnail = null;\n\t}\n\n\tonEnterDOM() {\n\t\tthis._thumbnailDesign = !isPhone();\n\t\tthis._interactive = !isPhone();\n\t\tthis._square = true;\n\t}\n\n\tget _thumbnail() {\n\t\treturn this.thumbnail.length ? this.thumbnail[0] : null;\n\t}\n\n\tget _content() {\n\t\treturn this.content.length ? this.content[0] : null;\n\t}\n\n\tget _isThubmnailAvailable() {\n\t\treturn this._thumbnail && !this._thumbnailNotFound;\n\t}\n\n\tget _isContentAvailable() {\n\t\treturn this._content && !this._contentImageNotFound;\n\t}\n\n\tget _useThumbnail() {\n\t\treturn this._thumbnailDesign && this._isThubmnailAvailable;\n\t}\n\n\tget _useContent() {\n\t\treturn !this._useThumbnail && this._isContentAvailable;\n\t}\n\n\tget effectiveTabIndex() {\n\t\treturn this.disabled ? undefined : this._tabIndex;\n\t}\n\n\tget _showBackgroundIcon() {\n\t\treturn this._thumbnailNotFound || this._contentImageNotFound;\n\t}\n\n\tget styles() {\n\t\treturn {\n\t\t\twrapper: {\n\t\t\t\theight: this.contentHeight,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _role() {\n\t\treturn this._interactive ? \"button\" : undefined;\n\t}\n\n\tonBeforeRendering() {\n\t\tthis._monitorLoadingError();\n\t}\n\n\t_monitorLoadingError() {\n\t\tlet callback,\n\t\t\tsuccess;\n\t\tif (this._thumbnailDesign && this.thumbnail.length && (this._monitoredThumbnail !== this._thumbnail)) {\n\t\t\tthis._thumbnailNotFound = false; // reset flag\n\t\t\tcallback = this._updateThumbnailLoaded.bind(this);\n\t\t\tsuccess = this._attachListeners(this._thumbnail as HTMLImageElement, callback);\n\t\t\tsuccess && (this._monitoredThumbnail = this._thumbnail);\n\t\t}\n\t\tif (!this._useThumbnail && this.content.length && (this._monitoredContent !== this._content)) {\n\t\t\tthis._contentImageNotFound = false; // reset flag\n\t\t\tcallback = this._updateContentImageLoaded.bind(this);\n\t\t\tsuccess = this._attachListeners(this._content as HTMLImageElement, callback);\n\t\t\tsuccess && (this._monitoredContent = this._content);\n\t\t}\n\t}\n\n\t_attachListeners(element: HTMLImageElement, callback: (image: HTMLImageElement) => void) {\n\t\tconst isImg = element.tagName === \"IMG\",\n\t\t\timg = isImg ? element : element.querySelector(\"img\");\n\t\tif (img) {\n\t\t\tcallback(img);\n\t\t\timg.addEventListener(\"error\", () => {\n\t\t\t\tif (this.contains(img)) { // img still belongs to us\n\t\t\t\t\tcallback(img);\n\t\t\t\t}\n\t\t\t});\n\t\t\timg.addEventListener(\"load\", () => {\n\t\t\t\tif (this.contains(img)) { // img still belongs to us\n\t\t\t\t\tcallback(img);\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn true;\n\t\t}\n\t}\n\n\t_updateContentImageLoaded(image: HTMLImageElement) {\n\t\tthis._contentImageNotFound = image.naturalHeight === 0 && image.naturalWidth === 0;\n\t}\n\n\t_updateThumbnailLoaded(image: HTMLImageElement) {\n\t\tthis._thumbnailNotFound = image.naturalHeight === 0 && image.naturalWidth === 0;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._fireItemClick();\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._fireItemClick();\n\t\t}\n\t}\n\n\t_onfocusout() {\n\t\tthis.focused = false;\n\t}\n\n\t_onfocusin() {\n\t\tthis.focused = true;\n\t}\n\n\t_fireItemClick() {\n\t\tthis.fireEvent(\"click\", { item: this });\n\t}\n}\n\nMediaGalleryItem.define();\n\nexport default MediaGalleryItem;\n"]}

package/dist/NotificationAction.d.ts

@@ -0,0 +1,85 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import ButtonDesign from "@ui5/webcomponents/dist/types/ButtonDesign.js";
+import type Button from "@ui5/webcomponents/dist/Button.js";
+type NotificationActionClickEventDetail = {
+    targetRef: Button;
+};
+/**
+ * @class
+ * The <code>ui5-notification-action</code> represents an abstract action,
+ * used in the <code>ui5-li-notification</code> and the <code>ui5-li-notification-group</code> items.
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.NotificationAction
+ * @extends sap.ui.webc.base.UI5Element
+ * @abstract
+ * @tagname ui5-notification-action
+ * @implements sap.ui.webc.fiori.INotificationAction
+ * @public
+ */
+declare class NotificationAction extends UI5Element {
+    /**
+     * Defines the text of the <code>ui5-notification-action</code>.
+     *
+     * @type {string}
+     * @defaultvalue ""
+     * @public
+     * @name sap.ui.webc.fiori.NotificationAction.prototype.text
+     */
+    text: string;
+    /**
+     * Defines if the action is disabled.
+     * <br><br>
+     * <b>Note:</b> a disabled action can't be pressed or focused, and it is not in the tab chain.
+     *
+     * @type {boolean}
+     * @defaultvalue false
+     * @public
+     * @name sap.ui.webc.fiori.NotificationAction.prototype.disabled
+     */
+    disabled: boolean;
+    /**
+     * Defines the action design.
+     *
+     * <br><br>
+     * <b>Note:</b>
+     * <ul>
+     * <li><code>Default</code></li>
+     * <li><code>Emphasized</code></li>
+     * <li><code>Positive</code></li>
+     * <li><code>Negative</code></li>
+     * <li><code>Transparent</code></li>
+     * </ul>
+     *
+     * @type {sap.ui.webc.main.types.ButtonDesign}
+     * @defaultvalue "Transparent"
+     * @public
+     * @name sap.ui.webc.fiori.NotificationAction.prototype.design
+     */
+    design: ButtonDesign;
+    /**
+     * Defines the <code>icon</code> source URI.
+     * <br><br>
+     * <b>Note:</b>
+     * SAP-icons font provides numerous built-in icons. To find all the available icons, see the
+     * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
+     *
+     * @type {string}
+     * @defaultvalue ""
+     * @public
+     * @name sap.ui.webc.fiori.NotificationAction.prototype.icon
+     */
+    icon: string;
+    /**
+     * Fires a custom event "click".
+     * <b>Note:</b> Called by NotificationListItem and NotificationListGroupItem components.
+     *
+     * @param { MouseEvent } e
+     * @protected
+     * @returns { boolean } false, if the event was cancelled (preventDefault called), true otherwise
+     */
+    fireClickEvent(e: MouseEvent): boolean;
+}
+export default NotificationAction;
+export type { NotificationActionClickEventDetail, };