@ui5/webcomponents-fiori 1.16.0 → 1.17.0-rc.1

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.17.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.17.0-rc.0...v1.17.0-rc.1) (2023-08-17)
+
+**Note:** Version bump only for package @ui5/webcomponents-fiori
+
+
+
+
+
+# [1.17.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.16.0...v1.17.0-rc.0) (2023-08-10)
+
+
+### Bug Fixes
+
+* **ui5-illustrated-message:** support collection based illustration loading ([#7318](https://github.com/SAP/ui5-webcomponents/issues/7318)) ([6b52dbd](https://github.com/SAP/ui5-webcomponents/commit/6b52dbd157a3c8198e41c84157e3d9ae89e3386e))
+* **ui5-shellbar:** button focus outline adjustment ([#7389](https://github.com/SAP/ui5-webcomponents/issues/7389)) ([3b7c711](https://github.com/SAP/ui5-webcomponents/commit/3b7c711875303be0bb995c80545a9786b2ec511c)), closes [#7220](https://github.com/SAP/ui5-webcomponents/issues/7220)
+* **ui5-side-navigation:** allow overstyling of border-radius ([#7400](https://github.com/SAP/ui5-webcomponents/issues/7400)) ([16ca431](https://github.com/SAP/ui5-webcomponents/commit/16ca43197ee7e9d522c813933c660b7dfe2a6ea3)), closes [#7308](https://github.com/SAP/ui5-webcomponents/issues/7308)
+
+
+
+
+
 # [1.16.0](https://github.com/SAP/ui5-webcomponents/compare/v1.16.0-rc.4...v1.16.0) (2023-08-03)
 
 **Note:** Version bump only for package @ui5/webcomponents-fiori

package/dist/Bar.d.ts

@@ -103,7 +103,6 @@ declare class Bar extends UI5Element {
             "ui5-bar-root": boolean;
         };
     };
-    onBeforeRendering(): void;
     onEnterDOM(): void;
     onExitDOM(): void;
 }

package/dist/Bar.js

@@ -88,10 +88,6 @@ let Bar = class Bar extends UI5Element {
             },
         };
     }
-    onBeforeRendering() {
-        // Next row is specific for IE11. Please remove after stop support and edit css file
-        [...this.startContent, ...this.middleContent, ...this.endContent].forEach(element => element.classList.add("ui5-bar-content"));
-    }
     onEnterDOM() {
         ResizeHandler.register(this, this._handleResizeBound);
         this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(child => {

package/dist/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","sourceRoot":"","sources":["../src/Bar.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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport BarDesign from \"./types/BarDesign.js\";\n\n// Template\nimport BarTemplate from \"./generated/templates/BarTemplate.lit.js\";\n\n// Styles\nimport BarCss from \"./generated/themes/Bar.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n * The Bar is a container which is primarily used to hold titles, buttons and input elements\n * and its design and functionality is the basis for page headers and footers.\n * The component consists of three areas to hold its content - startContent slot, default slot and endContent slot.\n * It has the capability to center content, such as a title, while having other components on the left and right side.\n *\n * <h3>Usage</h3>\n * With the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter.\n * <br>\n * <b>Note:</b> Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.\n *\n * <h3>Responsive Behavior</h3>\n * The default slot will be centered in the available space between the startContent and the endContent areas,\n * therefore it might not always be centered in the entire bar.\n *\n * <h3>CSS Shadow Parts</h3>\n *\n * <ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.\n * <br>\n * The <code>ui5-bar</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>bar - Used to style the wrapper of the content of the component</li>\n * </ul>\n *\n * <h3>Keyboard Handling</h3>\n *\n * <h4>Fast Navigation</h4>\n * This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.\n * In order to use this functionality, you need to import the following module:\n * <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code>\n * <br><br>\n *\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@ui5/webcomponents-fiori/dist/Bar.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.Bar\n * @implements sap.ui.webc.fiori.IBar\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-bar\n * @public\n * @since 1.0.0-rc.11\n */\n@customElement({\n\ttag: \"ui5-bar\",\n\tfastNavigation: true,\n\trenderer: litRender,\n\tstyles: BarCss,\n\ttemplate: BarTemplate,\n})\nclass Bar extends UI5Element {\n\t/**\n\t * Defines the component's design.\n\t *\n\t * <br><br>\n\t * <b>Note:</b>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Header</code></li>\n\t * <li><code>Subheader</code></li>\n\t * <li><code>Footer</code></li>\n\t * <li><code>FloatingFooter</code></li>\n\t * </ul>\n\t *\n\t * @type {sap.ui.webc.fiori.types.BarDesign}\n\t * @name sap.ui.webc.fiori.Bar.prototype.design\n\t * @defaultvalue \"Header\"\n\t * @public\n\t */\n\t@property({ type: BarDesign, defaultValue: BarDesign.Header })\n\tdesign!: `${BarDesign}`\n\n\t/**\n\t* Defines the content at the start of the bar\n\t* @type {HTMLElement[]}\n\t* @name sap.ui.webc.fiori.Bar.prototype.startContent\n\t* @slot\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement })\n\tstartContent!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the content in the middle of the bar\n\t* @type {HTMLElement[]}\n\t* @name sap.ui.webc.fiori.Bar.prototype.default\n\t* @slot middleContent\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tmiddleContent!: Array<HTMLElement>\n\n\t/**\n\t* Defines the content at the end of the bar\n\t* @type {HTMLElement[]}\n\t* @name sap.ui.webc.fiori.Bar.prototype.endContent\n\t* @slot\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement })\n\tendContent!: Array<HTMLElement>\n\n\t_handleResizeBound: () => void;\n\n\tget accInfo() {\n\t\treturn {\n\t\t\t\"label\": this.design,\n\t\t};\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._handleResizeBound = this.handleResize.bind(this);\n\t}\n\n\thandleResize() {\n\t\tconst bar = this.getDomRef()!;\n\t\tconst barWidth = bar.offsetWidth;\n\t\tconst needShrinked = Array.from(bar.children).some(child => {\n\t\t\treturn (child as HTMLElement).offsetWidth > barWidth / 3;\n\t\t});\n\n\t\tbar.classList.toggle(\"ui5-bar-root-shrinked\", needShrinked);\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t\"ui5-bar-root\": true,\n\t\t\t},\n\t\t};\n\t}\n\n\tonBeforeRendering() {\n\t\t// Next row is specific for IE11. Please remove after stop support and edit css file\n\t\t[...this.startContent, ...this.middleContent, ...this.endContent].forEach(element => element.classList.add(\"ui5-bar-content\"));\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResizeBound);\n\n\t\tthis.getDomRef()!.querySelectorAll(\".ui5-bar-content-container\").forEach(child => {\n\t\t\tResizeHandler.register(child as HTMLElement, this._handleResizeBound);\n\t\t}, this);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResizeBound);\n\n\t\tthis.getDomRef()!.querySelectorAll(\".ui5-bar-content-container\").forEach(child => {\n\t\t\tResizeHandler.deregister(child as HTMLElement, this._handleResizeBound);\n\t\t}, this);\n\t }\n}\n\nBar.define();\n\nexport default Bar;\n"]}
+{"version":3,"file":"Bar.js","sourceRoot":"","sources":["../src/Bar.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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport BarDesign from \"./types/BarDesign.js\";\n\n// Template\nimport BarTemplate from \"./generated/templates/BarTemplate.lit.js\";\n\n// Styles\nimport BarCss from \"./generated/themes/Bar.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n * The Bar is a container which is primarily used to hold titles, buttons and input elements\n * and its design and functionality is the basis for page headers and footers.\n * The component consists of three areas to hold its content - startContent slot, default slot and endContent slot.\n * It has the capability to center content, such as a title, while having other components on the left and right side.\n *\n * <h3>Usage</h3>\n * With the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter.\n * <br>\n * <b>Note:</b> Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.\n *\n * <h3>Responsive Behavior</h3>\n * The default slot will be centered in the available space between the startContent and the endContent areas,\n * therefore it might not always be centered in the entire bar.\n *\n * <h3>CSS Shadow Parts</h3>\n *\n * <ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.\n * <br>\n * The <code>ui5-bar</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>bar - Used to style the wrapper of the content of the component</li>\n * </ul>\n *\n * <h3>Keyboard Handling</h3>\n *\n * <h4>Fast Navigation</h4>\n * This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.\n * In order to use this functionality, you need to import the following module:\n * <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code>\n * <br><br>\n *\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@ui5/webcomponents-fiori/dist/Bar.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.Bar\n * @implements sap.ui.webc.fiori.IBar\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-bar\n * @public\n * @since 1.0.0-rc.11\n */\n@customElement({\n\ttag: \"ui5-bar\",\n\tfastNavigation: true,\n\trenderer: litRender,\n\tstyles: BarCss,\n\ttemplate: BarTemplate,\n})\nclass Bar extends UI5Element {\n\t/**\n\t * Defines the component's design.\n\t *\n\t * <br><br>\n\t * <b>Note:</b>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Header</code></li>\n\t * <li><code>Subheader</code></li>\n\t * <li><code>Footer</code></li>\n\t * <li><code>FloatingFooter</code></li>\n\t * </ul>\n\t *\n\t * @type {sap.ui.webc.fiori.types.BarDesign}\n\t * @name sap.ui.webc.fiori.Bar.prototype.design\n\t * @defaultvalue \"Header\"\n\t * @public\n\t */\n\t@property({ type: BarDesign, defaultValue: BarDesign.Header })\n\tdesign!: `${BarDesign}`\n\n\t/**\n\t* Defines the content at the start of the bar\n\t* @type {HTMLElement[]}\n\t* @name sap.ui.webc.fiori.Bar.prototype.startContent\n\t* @slot\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement })\n\tstartContent!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the content in the middle of the bar\n\t* @type {HTMLElement[]}\n\t* @name sap.ui.webc.fiori.Bar.prototype.default\n\t* @slot middleContent\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tmiddleContent!: Array<HTMLElement>\n\n\t/**\n\t* Defines the content at the end of the bar\n\t* @type {HTMLElement[]}\n\t* @name sap.ui.webc.fiori.Bar.prototype.endContent\n\t* @slot\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement })\n\tendContent!: Array<HTMLElement>\n\n\t_handleResizeBound: () => void;\n\n\tget accInfo() {\n\t\treturn {\n\t\t\t\"label\": this.design,\n\t\t};\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._handleResizeBound = this.handleResize.bind(this);\n\t}\n\n\thandleResize() {\n\t\tconst bar = this.getDomRef()!;\n\t\tconst barWidth = bar.offsetWidth;\n\t\tconst needShrinked = Array.from(bar.children).some(child => {\n\t\t\treturn (child as HTMLElement).offsetWidth > barWidth / 3;\n\t\t});\n\n\t\tbar.classList.toggle(\"ui5-bar-root-shrinked\", needShrinked);\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t\"ui5-bar-root\": true,\n\t\t\t},\n\t\t};\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResizeBound);\n\n\t\tthis.getDomRef()!.querySelectorAll(\".ui5-bar-content-container\").forEach(child => {\n\t\t\tResizeHandler.register(child as HTMLElement, this._handleResizeBound);\n\t\t}, this);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResizeBound);\n\n\t\tthis.getDomRef()!.querySelectorAll(\".ui5-bar-content-container\").forEach(child => {\n\t\t\tResizeHandler.deregister(child as HTMLElement, this._handleResizeBound);\n\t\t}, this);\n\t }\n}\n\nBar.define();\n\nexport default Bar;\n"]}

package/dist/IllustratedMessage.js

@@ -267,6 +267,7 @@ IllustratedMessage = IllustratedMessage_1 = __decorate([
     customElement({
         tag: "ui5-illustrated-message",
         languageAware: true,
+        themeAware: true,
         renderer: litRender,
         styles: IllustratedMessageCss,
         template: IllustratedMessageTemplate,

package/dist/IllustratedMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"IllustratedMessage.js","sourceRoot":"","sources":["../src/IllustratedMessage.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 ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { getIllustrationDataSync, getIllustrationData } from \"@ui5/webcomponents-base/dist/asset-registries/Illustrations.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AriaLabelHelper.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport IllustrationMessageSize from \"./types/IllustrationMessageSize.js\";\nimport IllustrationMessageType from \"./types/IllustrationMessageType.js\";\nimport \"./illustrations/BeforeSearch.js\";\n\n// Styles\nimport IllustratedMessageCss from \"./generated/themes/IllustratedMessage.css.js\";\n\n// Template\nimport IllustratedMessageTemplate from \"./generated/templates/IllustratedMessageTemplate.lit.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n * An IllustratedMessage is a recommended combination of a solution-oriented message, an engaging\n * illustration, and conversational tone to better communicate an empty or a success state than just show\n * a message alone.\n *\n * Each illustration has default internationalised title and subtitle texts. Also they can be managed with\n * <code>titleText</code> and <code>subtitleText</code> properties.\n *\n * To display the desired illustration, use the <code>name</code> property, where you can find the list of all available illustrations.\n * <br><br>\n * <b>Note:</b> By default the “BeforeSearch” illustration is loaded. To use other illustrations, make sure you import them in addition, for example:\n * <br>\n * <code>import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\"</code>\n * <br>\n * <b>Note:</b> Illustrations starting with the “Tnt” prefix are part of another illustration set. For example to use the “TntSuccess” illustration, add the following import::\n * <br>\n * <code>import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/Success.js\"</code>\n *\n * <h3>Structure</h3>\n * The IllustratedMessage consists of the following elements, which are displayed below each other in the following order:\n * <br>\n * <ul>\n * <li>Illustration</li>\n * <li>Title</li>\n * <li>Subtitle</li>\n * <li>Actions</li>\n * </ul>\n *\n * <h3>Usage</h3>\n * <code>ui5-illustrated-message</code> is meant to be used inside container component, for example a <code>ui5-card</code>,\n * a <code>ui5-dialog</code> or a <code>ui5-page</code>\n *\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.IllustratedMessage\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-illustrated-message\n * @public\n * @since 1.0.0-rc.15\n */\n\n@customElement({\n\ttag: \"ui5-illustrated-message\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: IllustratedMessageCss,\n\ttemplate: IllustratedMessageTemplate,\n\tdependencies: [Title],\n})\nclass IllustratedMessage extends UI5Element {\n\t/**\n\t* Defines the illustration name that will be displayed in the component.\n\t* <br><br>\n\t* Available illustrations are:\n\t* <ul>\n\t* <li><code>AddColumn</code></li>\n\t* <li><code>AddPeople</code></li>\n\t* <li><code>AddDimensions</code></li>\n\t* <li><code>BalloonSky</code></li>\n\t* <li><code>BeforeSearch</code></li>\n\t* <li><code>Connection</code></li>\n\t* <li><code>EmptyCalendar</code></li>\n\t* <li><code>EmptyList</code></li>\n\t* <li><code>EmptyPlanningCalendar</code></li>\n\t* <li><code>ErrorScreen</code></li>\n\t* <li><code>FilterTable</code></li>\n\t* <li><code>GroupTable</code></li>\n\t* <li><code>NoActivities</code></li>\n\t* <li><code>NoColumnsSet</code></li>\n\t* <li><code>NoData</code></li>\n\t* <li><code>NoEntries</code></li>\n\t* <li><code>NoFilterResults</code></li>\n\t* <li><code>NoMail_v1</code></li>\n\t* <li><code>NoMail</code></li>\n\t* <li><code>NoNotifications</code></li>\n\t* <li><code>NoSavedItems_v1</code></li>\n\t* <li><code>NoSavedItems</code></li>\n\t* <li><code>NoSearchResults</code></li>\n\t* <li><code>NoTasks_v1</code></li>\n\t* <li><code>NoTasks</code></li>\n\t* <li><code>NoDimensionsSet</code></li>\n\t* <li><code>PageNotFound</code></li>\n\t* <li><code>ReloadScreen</code></li>\n\t* <li><code>ResizeColumn</code></li>\n\t* <li><code>SearchEarth</code></li>\n\t* <li><code>SearchFolder</code></li>\n\t* <li><code>SimpleBalloon</code></li>\n\t* <li><code>SimpleBell</code></li>\n\t* <li><code>SimpleCalendar</code></li>\n\t* <li><code>SimpleCheckMark</code></li>\n\t* <li><code>SimpleConnection</code></li>\n\t* <li><code>SimpleEmptyDoc</code></li>\n\t* <li><code>SimpleEmptyList</code></li>\n\t* <li><code>SimpleError</code></li>\n\t* <li><code>SimpleMagnifier</code></li>\n\t* <li><code>SimpleMail</code></li>\n\t* <li><code>SimpleNoSavedItems</code></li>\n\t* <li><code>SimpleNotFoundMagnifier</code></li>\n\t* <li><code>SimpleReload</code></li>\n\t* <li><code>SimpleTask</code></li>\n\t* <li><code>SleepingBell</code></li>\n\t* <li><code>SortColumn</code></li>\n\t* <li><code>SuccessBalloon</code></li>\n\t* <li><code>SuccessCheckMark</code></li>\n\t* <li><code>SuccessHighFive</code></li>\n\t* <li><code>SuccessScreen</code></li>\n\t* <li><code>Survey</code></li>\n\t* <li><code>Tent</code></li>\n\t* <li><code>UnableToLoad</code></li>\n\t* <li><code>UnableToLoadImage</code></li>\n\t* <li><code>UnableToUpload</code></li>\n\t* <li><code>UploadToCloud</code></li>\n\t* <li><code>UploadCollection</code></li>\n\t* <li><code>TntChartArea</code></li>\n\t* <li><code>TntChartArea2</code></li>\n\t* <li><code>TntChartBar</code></li>\n\t* <li><code>TntChartBPMNFlow</code></li>\n\t* <li><code>TntChartBullet</code></li>\n\t* <li><code>TntChartDoughnut</code></li>\n\t* <li><code>TntChartFlow</code></li>\n\t* <li><code>TntChartGantt</code></li>\n\t* <li><code>TntChartOrg</code></li>\n\t* <li><code>TntChartPie</code></li>\n\t* <li><code>TntCodePlaceholder</code></li>\n\t* <li><code>TntCompany</code></li>\n\t* <li><code>TntComponents</code></li>\n\t* <li><code>TntExternalLink</code></li>\n\t* <li><code>TntFaceID</code></li>\n\t* <li><code>TntFingerprint</code></li>\n\t* <li><code>TntLock</code></li>\n\t* <li><code>TntMission</code></li>\n\t* <li><code>TntNoApplications</code></li>\n\t* <li><code>TntNoFlows</code></li>\n\t* <li><code>TntNoUsers</code></li>\n\t* <li><code>TntRadar</code></li>\n\t* <li><code>TntSecrets</code></li>\n\t* <li><code>TntServices</code></li>\n\t* <li><code>TntSessionExpired</code></li>\n\t* <li><code>TntSessionExpiring</code></li>\n\t* <li><code>TntSuccess</code></li>\n\t* <li><code>TntSuccessfulAuth</code></li>\n\t* <li><code>TntSystems</code></li>\n\t* <li><code>TntTeams</code></li>\n\t* <li><code>TntTools</code></li>\n\t* <li><code>TntUnableToLoad</code></li>\n\t* <li><code>TntUnlock</code></li>\n\t* <li><code>TntUnsuccessfulAuth</code></li>\n\t* <li><code>TntUser2</code></li>\n\t* </ul>\n\t* <br><br>\n\t* <b>Note:</b> By default the <code>BeforeSearch</code> illustration is loaded.\n\t* <br>\n\t* When using an illustration type, other than the default, it should be loaded in addition:\n\t* <br>\n\t* <code>import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";</code>\n\t* <br><br>\n\t* <b>Note:</b> TNT illustrations cointain <code>Tnt</code> prefix in their name.\n\t* You can import them removing the <code>Tnt</code> prefix like this:\n\t* <br>\n\t* <code>import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";</code>\n\t* @type {sap.ui.webc.fiori.types.IllustrationMessageType}\n\t* @defaultvalue \"BeforeSearch\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.name\n\t* @public\n\t*/\n\t@property({ type: IllustrationMessageType, defaultValue: IllustrationMessageType.BeforeSearch })\n\tname!: `${IllustrationMessageType}`;\n\n\t/**\n\t* Determines which illustration breakpoint variant is used.\n\t* <br><br>\n\t* Available options are:\n\t* <ul>\n\t* <li><code>Auto</code></li>\n\t* <li><code>Base</code></li>\n\t* <li><code>Spot</code></li>\n\t* <li><code>Dialog</code></li>\n\t* <li><code>Scene</code></li>\n\t* </ul>\n\t*\n\t* As <code>IllustratedMessage</code> adapts itself around the <code>Illustration</code>, the other\n\t* elements of the component are displayed differently on the different breakpoints/illustration sizes.\n\t*\n\t* @type {sap.ui.webc.fiori.types.IllustrationMessageSize}\n\t* @defaultvalue \"Auto\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.size\n\t* @public\n\t* @since 1.5.0\n\t*/\n\t@property({ type: IllustrationMessageSize, defaultValue: IllustrationMessageSize.Auto })\n\tsize!: `${IllustrationMessageSize}`;\n\n\t/**\n\t* Defines the subtitle of the component.\n\t* <br><br>\n\t* <b>Note:</b> Using this property, the default subtitle text of illustration will be overwritten.\n\t* <br><br>\n\t* <b>Note:</b> Using <code>subtitle</code> slot, the default of this property will be overwritten.\n\t* @type {string}\n\t* @defaultvalue \"\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.subtitleText\n\t* @public\n\t*/\n\t@property()\n\tsubtitleText!: string;\n\n\t/**\n\t* Defines the title of the component.\n\t* <br><br>\n\t* <b>Note:</b> Using this property, the default title text of illustration will be overwritten.\n\t* @type {string}\n\t* @defaultvalue \"\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.titleText\n\t* @public\n\t*/\n\t@property()\n\ttitleText!: string;\n\n\t/**\n\t* Receives id(or many ids) of the elements that label the component.\n\t*\n\t* @type {string}\n\t* @defaultvalue \"\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.accessibleNameRef\n\t* @public\n\t* @since 1.7.0\n\t*/\n\t@property({ defaultValue: \"\" })\n\taccessibleNameRef!: string;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Spot</code> size.\n\t*\n\t* @private\n\t* @type {String}\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tspotSvg!: string;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Scene</code> size.\n\t*\n\t* @private\n\t* @type {String}\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tsceneSvg!: string;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Dialog</code> size.\n\t*\n\t* @private\n\t* @type {String}\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tdialogSvg!: string;\n\n\t/**\n\t* Determinates what is the current media of the component based on its width.\n\t* @private\n\t*/\n\t@property()\n\tmedia!: string;\n\n\t/**\n\t* Defines the title of the component.\n\t* <br><br>\n\t* <b>Note:</b> Using this slot, the default title text of illustration and the value of <code>title</code> property will be overwritten.\n\t* @type {HTMLElement}\n\t* @slot title\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.title\n\t* @public\n\t* @since 1.7.0\n\t*/\n\t@slot({ type: HTMLElement })\n\ttitle!: Array<HTMLElement> & string; // Note: since title collides with HTMLElement's title attribute and it's a String, we're adding the \"& string\" to the type Array<HTMLElement> to avoid ts complains. In the future we will rename/deprecate this slot name, so that it doesn't collide with HTMLElement's title attribute.\n\n\t/**\n\t* Defines the subtitle of the component.\n\t* <br><br>\n\t* <b>Note:</b> Using this slot, the default subtitle text of illustration and the value of <code>subtitleText</code> property will be overwritten.\n\t* @type {HTMLElement}\n\t* @slot subtitle\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.subtitle\n\t* @public\n\t* @since 1.0.0-rc.16\n\t*/\n\t@slot({ type: HTMLElement })\n\tsubtitle!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the component actions.\n\t* @type {sap.ui.webc.main.IButton[]}\n\t* @slot actions\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.default\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tactions!: Array<HTMLElement>;\n\n\tillustrationTitle?: string;\n\tillustrationSubtitle?: string;\n\n\tstatic i18nBundle: I18nBundle;\n\t_lastKnownOffsetWidthForMedia: Record<string, number>;\n\t_lastKnownMedia: string;\n\t_handleResize: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._handleResize = this.handleResize.bind(this);\n\t\t// this will store the last known offsetWidth of the IllustratedMessage DOM node for a given media (e.g. \"Spot\")\n\t\tthis._lastKnownOffsetWidthForMedia = {};\n\t\t// this will store the last known media, in order to detect if IllustratedMessage has been hidden by expand/collapse container\n\t\tthis._lastKnownMedia = \"base\";\n\t}\n\n\tstatic async onDefine() {\n\t\tIllustratedMessage.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tstatic get BREAKPOINTS() {\n\t\treturn {\n\t\t\tDIALOG: 679,\n\t\t\tSPOT: 319,\n\t\t\tBASE: 259,\n\t\t};\n\t}\n\n\tstatic get MEDIA() {\n\t\treturn {\n\t\t\tBASE: \"base\",\n\t\t\tSPOT: \"spot\",\n\t\t\tDIALOG: \"dialog\",\n\t\t\tSCENE: \"scene\",\n\t\t};\n\t}\n\n\tasync onBeforeRendering() {\n\t\tlet illustrationData = getIllustrationDataSync(this.name);\n\n\t\t// Gets the current illustration name given in the \"name\" attribute\n\t\tconst currentIllustration = this.getAttribute(\"name\") as IllustrationMessageType;\n\n\t\tif (this.hasAttribute(\"name\") && !this.isValidIllustration(currentIllustration)) {\n\t\t\t// eslint-disable-next-line\n\t\t\tconsole.warn(`The illustration \"${currentIllustration!}\" does not exist. The default illustration \"${IllustrationMessageType.BeforeSearch}\" is loaded instead.`);\n\t\t}\n\n\t\tif (illustrationData === undefined) {\n\t\t\tillustrationData = await getIllustrationData(this.name);\n\t\t}\n\n\t\tthis.spotSvg = illustrationData!.spotSvg;\n\t\tthis.dialogSvg = illustrationData!.dialogSvg;\n\t\tthis.sceneSvg = illustrationData!.sceneSvg;\n\n\t\tthis.illustrationTitle = IllustratedMessage.i18nBundle.getText(illustrationData!.title);\n\t\tthis.illustrationSubtitle = IllustratedMessage.i18nBundle.getText(illustrationData!.subtitle);\n\n\t\tif (this.size !== IllustrationMessageSize.Auto) {\n\t\t\tthis._handleCustomSize();\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResize);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResize);\n\t}\n\n\thandleResize() {\n\t\tif (this.size !== IllustrationMessageSize.Auto) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._applyMedia();\n\t}\n\n\t_applyMedia() {\n\t\tconst currOffsetWidth = this.offsetWidth;\n\t\tlet newMedia = \"\";\n\n\t\tif (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.BASE) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.BASE;\n\t\t} else if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.SPOT) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.SPOT;\n\t\t} else if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.DIALOG) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.DIALOG;\n\t\t} else {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\t\tconst lastKnownOffsetWidth = this._lastKnownOffsetWidthForMedia[newMedia];\n\t\t // prevents infinite resizing, when same width is detected for the same media,\n\t\t // excluding the case in which, the control is placed inside expand/collapse container\n\t\tif (!(lastKnownOffsetWidth && currOffsetWidth === lastKnownOffsetWidth) || this._lastKnownOffsetWidthForMedia[this._lastKnownMedia] === 0) {\n\t\t\tthis.media = newMedia;\n\t\t\tthis._lastKnownOffsetWidthForMedia[newMedia] = currOffsetWidth;\n\t\t\tthis._lastKnownMedia = newMedia;\n\t\t}\n\t}\n\n\t_setSVGAccAttrs() {\n\t\tconst svg = this.shadowRoot!.querySelector(\".ui5-illustrated-message-illustration svg\");\n\t\tif (svg) {\n\t\t\tif (this.ariaLabelText) {\n\t\t\t\tsvg.setAttribute(\"aria-label\", this.ariaLabelText);\n\t\t\t} else {\n\t\t\t\tsvg.removeAttribute(\"aria-label\");\n\t\t\t}\n\t\t}\n\t}\n\n\tonAfterRendering() {\n\t\tthis._setSVGAccAttrs();\n\t}\n\n\t/**\n\t * Modifies the IM styles in accordance to the `size` property's value.\n\t * Note: The resize handler has no effect when size is different than \"Auto\".\n\t * @private\n\t * @since 1.5.0\n\t */\n\t_handleCustomSize() {\n\t\tswitch (this.size) {\n\t\tcase IllustrationMessageSize.Base:\n\t\t\tthis.media = IllustratedMessage.MEDIA.BASE;\n\t\t\treturn;\n\t\tcase IllustrationMessageSize.Spot:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SPOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageSize.Dialog:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DIALOG;\n\t\t\treturn;\n\t\tdefault:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\t}\n\n\tget ariaLabelText(): string | undefined {\n\t\treturn getEffectiveAriaLabelText(this);\n\t}\n\n\tget effectiveIllustration(): string {\n\t\tswitch (this.media) {\n\t\tcase IllustratedMessage.MEDIA.SPOT:\n\t\t\treturn this.spotSvg;\n\t\tcase IllustratedMessage.MEDIA.DIALOG:\n\t\t\treturn this.dialogSvg;\n\t\tcase IllustratedMessage.MEDIA.SCENE:\n\t\t\treturn this.sceneSvg;\n\t\tdefault:\n\t\t\treturn \"\";\n\t\t}\n\t}\n\n\tget hasFormattedSubtitle(): boolean {\n\t\treturn !!this.subtitle.length;\n\t}\n\n\tget hasFormattedTitle(): boolean {\n\t\treturn !!this.title.length;\n\t}\n\n\tget effectiveTitleText(): string | undefined {\n\t\treturn this.titleText ? this.titleText : this.illustrationTitle;\n\t}\n\n\tget effectiveSubitleText(): string | undefined {\n\t\treturn this.subtitleText ? this.subtitleText : this.illustrationSubtitle;\n\t}\n\n\tget hasTitle(): boolean {\n\t\treturn !!(this.hasFormattedTitle || this.titleText || this.illustrationTitle);\n\t}\n\n\tget hasSubtitle(): boolean {\n\t\treturn !!(this.hasFormattedSubtitle || this.subtitleText || this.illustrationSubtitle);\n\t}\n\n\tget hasActions(): boolean {\n\t\treturn !!this.actions.length && this.media !== IllustratedMessage.MEDIA.BASE;\n\t}\n\n\tisValidIllustration(currentIllustration: `${IllustrationMessageType}`): boolean {\n\t\treturn currentIllustration in IllustrationMessageType;\n\t}\n}\n\nIllustratedMessage.define();\n\nexport default IllustratedMessage;\n"]}
+{"version":3,"file":"IllustratedMessage.js","sourceRoot":"","sources":["../src/IllustratedMessage.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 ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { getIllustrationDataSync, getIllustrationData } from \"@ui5/webcomponents-base/dist/asset-registries/Illustrations.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AriaLabelHelper.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport IllustrationMessageSize from \"./types/IllustrationMessageSize.js\";\nimport IllustrationMessageType from \"./types/IllustrationMessageType.js\";\nimport \"./illustrations/BeforeSearch.js\";\n\n// Styles\nimport IllustratedMessageCss from \"./generated/themes/IllustratedMessage.css.js\";\n\n// Template\nimport IllustratedMessageTemplate from \"./generated/templates/IllustratedMessageTemplate.lit.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n * An IllustratedMessage is a recommended combination of a solution-oriented message, an engaging\n * illustration, and conversational tone to better communicate an empty or a success state than just show\n * a message alone.\n *\n * Each illustration has default internationalised title and subtitle texts. Also they can be managed with\n * <code>titleText</code> and <code>subtitleText</code> properties.\n *\n * To display the desired illustration, use the <code>name</code> property, where you can find the list of all available illustrations.\n * <br><br>\n * <b>Note:</b> By default the “BeforeSearch” illustration is loaded. To use other illustrations, make sure you import them in addition, for example:\n * <br>\n * <code>import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\"</code>\n * <br>\n * <b>Note:</b> Illustrations starting with the “Tnt” prefix are part of another illustration set. For example to use the “TntSuccess” illustration, add the following import::\n * <br>\n * <code>import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/Success.js\"</code>\n *\n * <h3>Structure</h3>\n * The IllustratedMessage consists of the following elements, which are displayed below each other in the following order:\n * <br>\n * <ul>\n * <li>Illustration</li>\n * <li>Title</li>\n * <li>Subtitle</li>\n * <li>Actions</li>\n * </ul>\n *\n * <h3>Usage</h3>\n * <code>ui5-illustrated-message</code> is meant to be used inside container component, for example a <code>ui5-card</code>,\n * a <code>ui5-dialog</code> or a <code>ui5-page</code>\n *\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.IllustratedMessage\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-illustrated-message\n * @public\n * @since 1.0.0-rc.15\n */\n\n@customElement({\n\ttag: \"ui5-illustrated-message\",\n\tlanguageAware: true,\n\tthemeAware: true,\n\trenderer: litRender,\n\tstyles: IllustratedMessageCss,\n\ttemplate: IllustratedMessageTemplate,\n\tdependencies: [Title],\n})\nclass IllustratedMessage extends UI5Element {\n\t/**\n\t* Defines the illustration name that will be displayed in the component.\n\t* <br><br>\n\t* Available illustrations are:\n\t* <ul>\n\t* <li><code>AddColumn</code></li>\n\t* <li><code>AddPeople</code></li>\n\t* <li><code>AddDimensions</code></li>\n\t* <li><code>BalloonSky</code></li>\n\t* <li><code>BeforeSearch</code></li>\n\t* <li><code>Connection</code></li>\n\t* <li><code>EmptyCalendar</code></li>\n\t* <li><code>EmptyList</code></li>\n\t* <li><code>EmptyPlanningCalendar</code></li>\n\t* <li><code>ErrorScreen</code></li>\n\t* <li><code>FilterTable</code></li>\n\t* <li><code>GroupTable</code></li>\n\t* <li><code>NoActivities</code></li>\n\t* <li><code>NoColumnsSet</code></li>\n\t* <li><code>NoData</code></li>\n\t* <li><code>NoEntries</code></li>\n\t* <li><code>NoFilterResults</code></li>\n\t* <li><code>NoMail_v1</code></li>\n\t* <li><code>NoMail</code></li>\n\t* <li><code>NoNotifications</code></li>\n\t* <li><code>NoSavedItems_v1</code></li>\n\t* <li><code>NoSavedItems</code></li>\n\t* <li><code>NoSearchResults</code></li>\n\t* <li><code>NoTasks_v1</code></li>\n\t* <li><code>NoTasks</code></li>\n\t* <li><code>NoDimensionsSet</code></li>\n\t* <li><code>PageNotFound</code></li>\n\t* <li><code>ReloadScreen</code></li>\n\t* <li><code>ResizeColumn</code></li>\n\t* <li><code>SearchEarth</code></li>\n\t* <li><code>SearchFolder</code></li>\n\t* <li><code>SimpleBalloon</code></li>\n\t* <li><code>SimpleBell</code></li>\n\t* <li><code>SimpleCalendar</code></li>\n\t* <li><code>SimpleCheckMark</code></li>\n\t* <li><code>SimpleConnection</code></li>\n\t* <li><code>SimpleEmptyDoc</code></li>\n\t* <li><code>SimpleEmptyList</code></li>\n\t* <li><code>SimpleError</code></li>\n\t* <li><code>SimpleMagnifier</code></li>\n\t* <li><code>SimpleMail</code></li>\n\t* <li><code>SimpleNoSavedItems</code></li>\n\t* <li><code>SimpleNotFoundMagnifier</code></li>\n\t* <li><code>SimpleReload</code></li>\n\t* <li><code>SimpleTask</code></li>\n\t* <li><code>SleepingBell</code></li>\n\t* <li><code>SortColumn</code></li>\n\t* <li><code>SuccessBalloon</code></li>\n\t* <li><code>SuccessCheckMark</code></li>\n\t* <li><code>SuccessHighFive</code></li>\n\t* <li><code>SuccessScreen</code></li>\n\t* <li><code>Survey</code></li>\n\t* <li><code>Tent</code></li>\n\t* <li><code>UnableToLoad</code></li>\n\t* <li><code>UnableToLoadImage</code></li>\n\t* <li><code>UnableToUpload</code></li>\n\t* <li><code>UploadToCloud</code></li>\n\t* <li><code>UploadCollection</code></li>\n\t* <li><code>TntChartArea</code></li>\n\t* <li><code>TntChartArea2</code></li>\n\t* <li><code>TntChartBar</code></li>\n\t* <li><code>TntChartBPMNFlow</code></li>\n\t* <li><code>TntChartBullet</code></li>\n\t* <li><code>TntChartDoughnut</code></li>\n\t* <li><code>TntChartFlow</code></li>\n\t* <li><code>TntChartGantt</code></li>\n\t* <li><code>TntChartOrg</code></li>\n\t* <li><code>TntChartPie</code></li>\n\t* <li><code>TntCodePlaceholder</code></li>\n\t* <li><code>TntCompany</code></li>\n\t* <li><code>TntComponents</code></li>\n\t* <li><code>TntExternalLink</code></li>\n\t* <li><code>TntFaceID</code></li>\n\t* <li><code>TntFingerprint</code></li>\n\t* <li><code>TntLock</code></li>\n\t* <li><code>TntMission</code></li>\n\t* <li><code>TntNoApplications</code></li>\n\t* <li><code>TntNoFlows</code></li>\n\t* <li><code>TntNoUsers</code></li>\n\t* <li><code>TntRadar</code></li>\n\t* <li><code>TntSecrets</code></li>\n\t* <li><code>TntServices</code></li>\n\t* <li><code>TntSessionExpired</code></li>\n\t* <li><code>TntSessionExpiring</code></li>\n\t* <li><code>TntSuccess</code></li>\n\t* <li><code>TntSuccessfulAuth</code></li>\n\t* <li><code>TntSystems</code></li>\n\t* <li><code>TntTeams</code></li>\n\t* <li><code>TntTools</code></li>\n\t* <li><code>TntUnableToLoad</code></li>\n\t* <li><code>TntUnlock</code></li>\n\t* <li><code>TntUnsuccessfulAuth</code></li>\n\t* <li><code>TntUser2</code></li>\n\t* </ul>\n\t* <br><br>\n\t* <b>Note:</b> By default the <code>BeforeSearch</code> illustration is loaded.\n\t* <br>\n\t* When using an illustration type, other than the default, it should be loaded in addition:\n\t* <br>\n\t* <code>import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";</code>\n\t* <br><br>\n\t* <b>Note:</b> TNT illustrations cointain <code>Tnt</code> prefix in their name.\n\t* You can import them removing the <code>Tnt</code> prefix like this:\n\t* <br>\n\t* <code>import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";</code>\n\t* @type {sap.ui.webc.fiori.types.IllustrationMessageType}\n\t* @defaultvalue \"BeforeSearch\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.name\n\t* @public\n\t*/\n\t@property({ type: IllustrationMessageType, defaultValue: IllustrationMessageType.BeforeSearch })\n\tname!: `${IllustrationMessageType}`;\n\n\t/**\n\t* Determines which illustration breakpoint variant is used.\n\t* <br><br>\n\t* Available options are:\n\t* <ul>\n\t* <li><code>Auto</code></li>\n\t* <li><code>Base</code></li>\n\t* <li><code>Spot</code></li>\n\t* <li><code>Dialog</code></li>\n\t* <li><code>Scene</code></li>\n\t* </ul>\n\t*\n\t* As <code>IllustratedMessage</code> adapts itself around the <code>Illustration</code>, the other\n\t* elements of the component are displayed differently on the different breakpoints/illustration sizes.\n\t*\n\t* @type {sap.ui.webc.fiori.types.IllustrationMessageSize}\n\t* @defaultvalue \"Auto\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.size\n\t* @public\n\t* @since 1.5.0\n\t*/\n\t@property({ type: IllustrationMessageSize, defaultValue: IllustrationMessageSize.Auto })\n\tsize!: `${IllustrationMessageSize}`;\n\n\t/**\n\t* Defines the subtitle of the component.\n\t* <br><br>\n\t* <b>Note:</b> Using this property, the default subtitle text of illustration will be overwritten.\n\t* <br><br>\n\t* <b>Note:</b> Using <code>subtitle</code> slot, the default of this property will be overwritten.\n\t* @type {string}\n\t* @defaultvalue \"\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.subtitleText\n\t* @public\n\t*/\n\t@property()\n\tsubtitleText!: string;\n\n\t/**\n\t* Defines the title of the component.\n\t* <br><br>\n\t* <b>Note:</b> Using this property, the default title text of illustration will be overwritten.\n\t* @type {string}\n\t* @defaultvalue \"\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.titleText\n\t* @public\n\t*/\n\t@property()\n\ttitleText!: string;\n\n\t/**\n\t* Receives id(or many ids) of the elements that label the component.\n\t*\n\t* @type {string}\n\t* @defaultvalue \"\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.accessibleNameRef\n\t* @public\n\t* @since 1.7.0\n\t*/\n\t@property({ defaultValue: \"\" })\n\taccessibleNameRef!: string;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Spot</code> size.\n\t*\n\t* @private\n\t* @type {String}\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tspotSvg!: string;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Scene</code> size.\n\t*\n\t* @private\n\t* @type {String}\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tsceneSvg!: string;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Dialog</code> size.\n\t*\n\t* @private\n\t* @type {String}\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tdialogSvg!: string;\n\n\t/**\n\t* Determinates what is the current media of the component based on its width.\n\t* @private\n\t*/\n\t@property()\n\tmedia!: string;\n\n\t/**\n\t* Defines the title of the component.\n\t* <br><br>\n\t* <b>Note:</b> Using this slot, the default title text of illustration and the value of <code>title</code> property will be overwritten.\n\t* @type {HTMLElement}\n\t* @slot title\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.title\n\t* @public\n\t* @since 1.7.0\n\t*/\n\t@slot({ type: HTMLElement })\n\ttitle!: Array<HTMLElement> & string; // Note: since title collides with HTMLElement's title attribute and it's a String, we're adding the \"& string\" to the type Array<HTMLElement> to avoid ts complains. In the future we will rename/deprecate this slot name, so that it doesn't collide with HTMLElement's title attribute.\n\n\t/**\n\t* Defines the subtitle of the component.\n\t* <br><br>\n\t* <b>Note:</b> Using this slot, the default subtitle text of illustration and the value of <code>subtitleText</code> property will be overwritten.\n\t* @type {HTMLElement}\n\t* @slot subtitle\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.subtitle\n\t* @public\n\t* @since 1.0.0-rc.16\n\t*/\n\t@slot({ type: HTMLElement })\n\tsubtitle!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the component actions.\n\t* @type {sap.ui.webc.main.IButton[]}\n\t* @slot actions\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.default\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tactions!: Array<HTMLElement>;\n\n\tillustrationTitle?: string;\n\tillustrationSubtitle?: string;\n\n\tstatic i18nBundle: I18nBundle;\n\t_lastKnownOffsetWidthForMedia: Record<string, number>;\n\t_lastKnownMedia: string;\n\t_handleResize: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._handleResize = this.handleResize.bind(this);\n\t\t// this will store the last known offsetWidth of the IllustratedMessage DOM node for a given media (e.g. \"Spot\")\n\t\tthis._lastKnownOffsetWidthForMedia = {};\n\t\t// this will store the last known media, in order to detect if IllustratedMessage has been hidden by expand/collapse container\n\t\tthis._lastKnownMedia = \"base\";\n\t}\n\n\tstatic async onDefine() {\n\t\tIllustratedMessage.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tstatic get BREAKPOINTS() {\n\t\treturn {\n\t\t\tDIALOG: 679,\n\t\t\tSPOT: 319,\n\t\t\tBASE: 259,\n\t\t};\n\t}\n\n\tstatic get MEDIA() {\n\t\treturn {\n\t\t\tBASE: \"base\",\n\t\t\tSPOT: \"spot\",\n\t\t\tDIALOG: \"dialog\",\n\t\t\tSCENE: \"scene\",\n\t\t};\n\t}\n\n\tasync onBeforeRendering() {\n\t\tlet illustrationData = getIllustrationDataSync(this.name);\n\n\t\t// Gets the current illustration name given in the \"name\" attribute\n\t\tconst currentIllustration = this.getAttribute(\"name\") as IllustrationMessageType;\n\n\t\tif (this.hasAttribute(\"name\") && !this.isValidIllustration(currentIllustration)) {\n\t\t\t// eslint-disable-next-line\n\t\t\tconsole.warn(`The illustration \"${currentIllustration!}\" does not exist. The default illustration \"${IllustrationMessageType.BeforeSearch}\" is loaded instead.`);\n\t\t}\n\n\t\tif (illustrationData === undefined) {\n\t\t\tillustrationData = await getIllustrationData(this.name);\n\t\t}\n\n\t\tthis.spotSvg = illustrationData!.spotSvg;\n\t\tthis.dialogSvg = illustrationData!.dialogSvg;\n\t\tthis.sceneSvg = illustrationData!.sceneSvg;\n\n\t\tthis.illustrationTitle = IllustratedMessage.i18nBundle.getText(illustrationData!.title);\n\t\tthis.illustrationSubtitle = IllustratedMessage.i18nBundle.getText(illustrationData!.subtitle);\n\n\t\tif (this.size !== IllustrationMessageSize.Auto) {\n\t\t\tthis._handleCustomSize();\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResize);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResize);\n\t}\n\n\thandleResize() {\n\t\tif (this.size !== IllustrationMessageSize.Auto) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._applyMedia();\n\t}\n\n\t_applyMedia() {\n\t\tconst currOffsetWidth = this.offsetWidth;\n\t\tlet newMedia = \"\";\n\n\t\tif (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.BASE) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.BASE;\n\t\t} else if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.SPOT) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.SPOT;\n\t\t} else if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.DIALOG) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.DIALOG;\n\t\t} else {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\t\tconst lastKnownOffsetWidth = this._lastKnownOffsetWidthForMedia[newMedia];\n\t\t // prevents infinite resizing, when same width is detected for the same media,\n\t\t // excluding the case in which, the control is placed inside expand/collapse container\n\t\tif (!(lastKnownOffsetWidth && currOffsetWidth === lastKnownOffsetWidth) || this._lastKnownOffsetWidthForMedia[this._lastKnownMedia] === 0) {\n\t\t\tthis.media = newMedia;\n\t\t\tthis._lastKnownOffsetWidthForMedia[newMedia] = currOffsetWidth;\n\t\t\tthis._lastKnownMedia = newMedia;\n\t\t}\n\t}\n\n\t_setSVGAccAttrs() {\n\t\tconst svg = this.shadowRoot!.querySelector(\".ui5-illustrated-message-illustration svg\");\n\t\tif (svg) {\n\t\t\tif (this.ariaLabelText) {\n\t\t\t\tsvg.setAttribute(\"aria-label\", this.ariaLabelText);\n\t\t\t} else {\n\t\t\t\tsvg.removeAttribute(\"aria-label\");\n\t\t\t}\n\t\t}\n\t}\n\n\tonAfterRendering() {\n\t\tthis._setSVGAccAttrs();\n\t}\n\n\t/**\n\t * Modifies the IM styles in accordance to the `size` property's value.\n\t * Note: The resize handler has no effect when size is different than \"Auto\".\n\t * @private\n\t * @since 1.5.0\n\t */\n\t_handleCustomSize() {\n\t\tswitch (this.size) {\n\t\tcase IllustrationMessageSize.Base:\n\t\t\tthis.media = IllustratedMessage.MEDIA.BASE;\n\t\t\treturn;\n\t\tcase IllustrationMessageSize.Spot:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SPOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageSize.Dialog:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DIALOG;\n\t\t\treturn;\n\t\tdefault:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\t}\n\n\tget ariaLabelText(): string | undefined {\n\t\treturn getEffectiveAriaLabelText(this);\n\t}\n\n\tget effectiveIllustration(): string {\n\t\tswitch (this.media) {\n\t\tcase IllustratedMessage.MEDIA.SPOT:\n\t\t\treturn this.spotSvg;\n\t\tcase IllustratedMessage.MEDIA.DIALOG:\n\t\t\treturn this.dialogSvg;\n\t\tcase IllustratedMessage.MEDIA.SCENE:\n\t\t\treturn this.sceneSvg;\n\t\tdefault:\n\t\t\treturn \"\";\n\t\t}\n\t}\n\n\tget hasFormattedSubtitle(): boolean {\n\t\treturn !!this.subtitle.length;\n\t}\n\n\tget hasFormattedTitle(): boolean {\n\t\treturn !!this.title.length;\n\t}\n\n\tget effectiveTitleText(): string | undefined {\n\t\treturn this.titleText ? this.titleText : this.illustrationTitle;\n\t}\n\n\tget effectiveSubitleText(): string | undefined {\n\t\treturn this.subtitleText ? this.subtitleText : this.illustrationSubtitle;\n\t}\n\n\tget hasTitle(): boolean {\n\t\treturn !!(this.hasFormattedTitle || this.titleText || this.illustrationTitle);\n\t}\n\n\tget hasSubtitle(): boolean {\n\t\treturn !!(this.hasFormattedSubtitle || this.subtitleText || this.illustrationSubtitle);\n\t}\n\n\tget hasActions(): boolean {\n\t\treturn !!this.actions.length && this.media !== IllustratedMessage.MEDIA.BASE;\n\t}\n\n\tisValidIllustration(currentIllustration: `${IllustrationMessageType}`): boolean {\n\t\treturn currentIllustration in IllustrationMessageType;\n\t}\n}\n\nIllustratedMessage.define();\n\nexport default IllustratedMessage;\n"]}

package/dist/NotificationAction.d.ts

@@ -42,16 +42,6 @@ declare class NotificationAction extends UI5Element {
     /**
      * 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

package/dist/NotificationAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationAction.js","sourceRoot":"","sources":["../src/NotificationAction.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,YAAY,MAAM,+CAA+C,CAAC;AACzE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,kDAAkD,CAAC;AAOrE;;;;;;;;;;;;;GAaG;AAeH,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IA6D1C;;;;;;;OAOG;IACH,cAAc,CAAC,CAAa;QAC3B,OAAO,IAAI,CAAC,SAAS,CAAqC,OAAO,EAAE;YAClE,SAAS,EAAG,CAAC,CAAC,MAAiB;SAC/B,EAAE,IAAI,CAAC,CAAC;IACV,CAAC;CACD,CAAA;AAhEA;IADC,QAAQ,EAAE;gDACG;AAad;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACT;AAqBnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,WAAW,EAAE,CAAC;kDAC9C;AAe3B;IADC,QAAQ,EAAE;gDACG;AA3DT,kBAAkB;IAdvB,aAAa,CAAC,yBAAyB,CAAC;IAEzC;;;;;;OAMG;;IACF,KAAK,CAAC,OAAO,EAAE;QACf,MAAM,EAAE;YACP,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAChC;KACD,CAAC;GACI,kBAAkB,CA0EvB;AAED,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAE5B,eAAe,kBAAkB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport ButtonDesign from \"@ui5/webcomponents/dist/types/ButtonDesign.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport type Button from \"@ui5/webcomponents/dist/Button.js\";\n\ntype NotificationActionClickEventDetail = {\n\ttargetRef: Button,\n};\n\n/**\n * @class\n * The <code>ui5-notification-action</code> represents an abstract action,\n * used in the <code>ui5-li-notification</code> and the <code>ui5-li-notification-group</code> items.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.NotificationAction\n * @extends sap.ui.webc.base.UI5Element\n * @abstract\n * @tagname ui5-notification-action\n * @implements sap.ui.webc.fiori.INotificationAction\n * @public\n */\n@customElement(\"ui5-notification-action\")\n\n/**\n * Fired, when the action is pressed.\n *\n * @event sap.ui.webc.fiori.NotificationAction#click\n * @param {HTMLElement} targetRef DOM ref of the clicked element\n * @public\n */\n@event(\"click\", {\n\tdetail: {\n\t\ttargetRef: { type: HTMLElement },\n\t},\n})\nclass NotificationAction extends UI5Element {\n\t/**\n\t * Defines the text of the <code>ui5-notification-action</code>.\n\t *\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationAction.prototype.text\n\t */\n\t@property()\n\ttext!: string;\n\n\t/**\n\t * Defines if the action is disabled.\n\t * <br><br>\n\t * <b>Note:</b> a disabled action can't be pressed or focused, and it is not in the tab chain.\n\t *\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationAction.prototype.disabled\n\t */\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/**\n\t * Defines the action design.\n\t *\n\t * <br><br>\n\t * <b>Note:</b>\n\t * <ul>\n\t * <li><code>Default</code></li>\n\t * <li><code>Emphasized</code></li>\n\t * <li><code>Positive</code></li>\n\t * <li><code>Negative</code></li>\n\t * <li><code>Transparent</code></li>\n\t * </ul>\n\t *\n\t * @type {sap.ui.webc.main.types.ButtonDesign}\n\t * @defaultvalue \"Transparent\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationAction.prototype.design\n\t */\n\t@property({ type: ButtonDesign, defaultValue: ButtonDesign.Transparent })\n\tdesign!: `${ButtonDesign}`;\n\n\t/**\n\t * Defines the <code>icon</code> source URI.\n\t * <br><br>\n\t * <b>Note:</b>\n\t * SAP-icons font provides numerous built-in icons. To find all the available icons, see the\n\t * <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.\n\t *\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationAction.prototype.icon\n\t */\n\t@property()\n\ticon!: string;\n\n\t/**\n\t * Fires a custom event \"click\".\n\t * <b>Note:</b> Called by NotificationListItem and NotificationListGroupItem components.\n\t *\n\t * @param { MouseEvent } e\n\t * @protected\n\t * @returns { boolean } false, if the event was cancelled (preventDefault called), true otherwise\n\t */\n\tfireClickEvent(e: MouseEvent): boolean {\n\t\treturn this.fireEvent<NotificationActionClickEventDetail>(\"click\", {\n\t\t\ttargetRef: (e.target as Button),\n\t\t}, true);\n\t}\n}\n\nNotificationAction.define();\n\nexport default NotificationAction;\n\nexport type {\n\tNotificationActionClickEventDetail,\n};\n"]}
+{"version":3,"file":"NotificationAction.js","sourceRoot":"","sources":["../src/NotificationAction.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,YAAY,MAAM,+CAA+C,CAAC;AACzE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,kDAAkD,CAAC;AAOrE;;;;;;;;;;;;;GAaG;AAeH,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAmD1C;;;;;;;OAOG;IACH,cAAc,CAAC,CAAa;QAC3B,OAAO,IAAI,CAAC,SAAS,CAAqC,OAAO,EAAE;YAClE,SAAS,EAAG,CAAC,CAAC,MAAiB;SAC/B,EAAE,IAAI,CAAC,CAAC;IACV,CAAC;CACD,CAAA;AAtDA;IADC,QAAQ,EAAE;gDACG;AAad;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACT;AAWnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,WAAW,EAAE,CAAC;kDAC9C;AAe3B;IADC,QAAQ,EAAE;gDACG;AAjDT,kBAAkB;IAdvB,aAAa,CAAC,yBAAyB,CAAC;IAEzC;;;;;;OAMG;;IACF,KAAK,CAAC,OAAO,EAAE;QACf,MAAM,EAAE;YACP,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAChC;KACD,CAAC;GACI,kBAAkB,CAgEvB;AAED,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAE5B,eAAe,kBAAkB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport ButtonDesign from \"@ui5/webcomponents/dist/types/ButtonDesign.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport type Button from \"@ui5/webcomponents/dist/Button.js\";\n\ntype NotificationActionClickEventDetail = {\n\ttargetRef: Button,\n};\n\n/**\n * @class\n * The <code>ui5-notification-action</code> represents an abstract action,\n * used in the <code>ui5-li-notification</code> and the <code>ui5-li-notification-group</code> items.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.NotificationAction\n * @extends sap.ui.webc.base.UI5Element\n * @abstract\n * @tagname ui5-notification-action\n * @implements sap.ui.webc.fiori.INotificationAction\n * @public\n */\n@customElement(\"ui5-notification-action\")\n\n/**\n * Fired, when the action is pressed.\n *\n * @event sap.ui.webc.fiori.NotificationAction#click\n * @param {HTMLElement} targetRef DOM ref of the clicked element\n * @public\n */\n@event(\"click\", {\n\tdetail: {\n\t\ttargetRef: { type: HTMLElement },\n\t},\n})\nclass NotificationAction extends UI5Element {\n\t/**\n\t * Defines the text of the <code>ui5-notification-action</code>.\n\t *\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationAction.prototype.text\n\t */\n\t@property()\n\ttext!: string;\n\n\t/**\n\t * Defines if the action is disabled.\n\t * <br><br>\n\t * <b>Note:</b> a disabled action can't be pressed or focused, and it is not in the tab chain.\n\t *\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationAction.prototype.disabled\n\t */\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/**\n\t * Defines the action design.\n\t *\n\t * @type {sap.ui.webc.main.types.ButtonDesign}\n\t * @defaultvalue \"Transparent\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationAction.prototype.design\n\t */\n\t@property({ type: ButtonDesign, defaultValue: ButtonDesign.Transparent })\n\tdesign!: `${ButtonDesign}`;\n\n\t/**\n\t * Defines the <code>icon</code> source URI.\n\t * <br><br>\n\t * <b>Note:</b>\n\t * SAP-icons font provides numerous built-in icons. To find all the available icons, see the\n\t * <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.\n\t *\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationAction.prototype.icon\n\t */\n\t@property()\n\ticon!: string;\n\n\t/**\n\t * Fires a custom event \"click\".\n\t * <b>Note:</b> Called by NotificationListItem and NotificationListGroupItem components.\n\t *\n\t * @param { MouseEvent } e\n\t * @protected\n\t * @returns { boolean } false, if the event was cancelled (preventDefault called), true otherwise\n\t */\n\tfireClickEvent(e: MouseEvent): boolean {\n\t\treturn this.fireEvent<NotificationActionClickEventDetail>(\"click\", {\n\t\t\ttargetRef: (e.target as Button),\n\t\t}, true);\n\t}\n}\n\nNotificationAction.define();\n\nexport default NotificationAction;\n\nexport type {\n\tNotificationActionClickEventDetail,\n};\n"]}

package/dist/NotificationListItemBase.d.ts

@@ -42,13 +42,7 @@ declare class NotificationListItemBase extends ListItemBase {
     titleText: string;
     /**
      * Defines the <code>priority</code> of the item.
-     * Available options are:
-     * <ul>
-     * <li><code>None</code></li>
-     * <li><code>Low</code></li>
-     * <li><code>Medium</code></li>
-     * <li><code>High</code></li>
-     * </ul>
+     *
      * @type {sap.ui.webc.main.types.Priority}
      * @defaultvalue "None"
      * @public

package/dist/NotificationListItemBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationListItemBase.js","sourceRoot":"","sources":["../src/NotificationListItemBase.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport { isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport ListItemBase from \"@ui5/webcomponents/dist/ListItemBase.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport Priority from \"@ui5/webcomponents/dist/types/Priority.js\";\nimport type Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport type NotificationAction from \"./NotificationAction.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/message-success.js\";\nimport \"@ui5/webcomponents-icons/dist/message-error.js\";\nimport \"@ui5/webcomponents-icons/dist/message-warning.js\";\nimport \"@ui5/webcomponents-icons/dist/overflow.js\";\n\n// Templates\nimport NotificationOverflowActionsPopoverTemplate from \"./generated/templates/NotificationOverflowActionsPopoverTemplate.lit.js\";\n\n// Styles\nimport NotificationOverflowActionsPopoverCss from \"./generated/themes/NotificationOverflowActionsPopover.css.js\";\n\n/**\n * Defines the icons corresponding to the notification's priority.\n */\nconst ICON_PER_PRIORITY = {\n\t[Priority.High]: \"message-error\",\n\t[Priority.Medium]: \"message-warning\",\n\t[Priority.Low]: \"message-success\",\n\t[Priority.None]: \"\",\n};\n\ntype NotificationListItemBaseCloseEventDetail = {\n\titem: HTMLElement,\n};\n\n/**\n * @class\n *\n * The base class of the <code>NotificationListItem</code> and <code>NotificationListGroupItem</code>.\n *\n * @abstract\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.NotificationListItemBase\n * @extends sap.ui.webc.main.ListItemBase\n * @since 1.0.0-rc.8\n * @public\n */\n\n/**\n * Fired when the <code>Close</code> button is pressed.\n *\n * @event sap.ui.webc.fiori.NotificationListItemBase#close\n * @param {HTMLElement} item the closed item.\n * @public\n */\n@event(\"close\", {\n\t detail: {\n\t\titem: HTMLElement,\n\t},\n})\n@customElement({\n\tstaticAreaStyles: NotificationOverflowActionsPopoverCss,\n\tstaticAreaTemplate: NotificationOverflowActionsPopoverTemplate,\n})\nclass NotificationListItemBase extends ListItemBase {\n\t/**\n\t * Defines the <code>titleText</code> of the item.\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.titleText\n\t */\n\t@property()\n\ttitleText!: string;\n\n\t/**\n\t * Defines the <code>priority</code> of the item.\n\t * Available options are:\n\t * <ul>\n\t * <li><code>None</code></li>\n\t * <li><code>Low</code></li>\n\t * <li><code>Medium</code></li>\n\t * <li><code>High</code></li>\n\t * </ul>\n\t * @type {sap.ui.webc.main.types.Priority}\n\t * @defaultvalue \"None\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.priority\n\t */\n\t@property({ type: Priority, defaultValue: Priority.None })\n\tpriority!: `${Priority}`;\n\n\t/**\n\t * Defines if the <code>close</code> button would be displayed.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.showClose\n\t */\n\t@property({ type: Boolean })\n\tshowClose!: boolean;\n\n\t/**\n\t * Defines if the <code>notification</code> is new or has been already read.\n\t * <br><br>\n\t * <b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,\n\t * if set to true - it has a normal font.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.read\n\t */\n\t@property({ type: Boolean })\n\tread!: boolean;\n\n\t/**\n\t * Defines if a busy indicator would be displayed over the item.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.busy\n\t * @since 1.0.0-rc.8\n\t */\n\t@property({ type: Boolean })\n\tbusy!: boolean;\n\n\t/**\n\t * Defines the delay in milliseconds, after which the busy indicator will show up for this component.\n\t *\n\t * @type {sap.ui.webc.base.types.Integer}\n\t * @defaultValue 1000\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.busyDelay\n\t */\n\t@property({ validator: Integer, defaultValue: 1000 })\n\tbusyDelay!: number;\n\n\t/**\n\t * Defines the actions, displayed in the top-right area.\n\t * <br><br>\n\t * <b>Note:</b> use the <code>ui5-notification-action</code> component.\n\t *\n\t * @type {sap.ui.webc.fiori.INotificationAction[]}\n\t * @slot\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.actions\n\t */\n\t@slot()\n\tactions!: Array<NotificationAction>\n\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tget hasTitleText() {\n\t\treturn !!this.titleText.length;\n\t}\n\n\tget hasPriority() {\n\t\treturn this.priority !== Priority.None;\n\t}\n\n\tget priorityIcon() {\n\t\treturn ICON_PER_PRIORITY[this.priority];\n\t}\n\n\tget overflowButtonDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-nli-overflow-btn\")!;\n\t}\n\n\tget showOverflow() {\n\t\treturn !!this.overflowActions.length;\n\t}\n\n\tget overflowActions() {\n\t\tif (this.actions.length <= 1) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.actionsInfo;\n\t}\n\n\tget standardActions() {\n\t\tif (this.actions.length > 1) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.actionsInfo;\n\t}\n\n\tget actionsInfo() {\n\t\treturn this.actions.map(action => {\n\t\t\treturn {\n\t\t\t\ticon: action.icon,\n\t\t\t\ttext: action.text,\n\t\t\t\tpress: this._onCustomActionClick.bind(this),\n\t\t\t\trefItemid: action._id,\n\t\t\t\tdisabled: action.disabled ? true : undefined,\n\t\t\t\tdesign: action.design,\n\t\t\t};\n\t\t});\n\t}\n\n\t/**\n\t * Event handlers\n\t */\n\t_onBtnCloseClick() {\n\t\tthis.fireEvent<NotificationListItemBaseCloseEventDetail>(\"close\", { item: this });\n\t}\n\n\t_onBtnOverflowClick() {\n\t\tthis.openOverflow();\n\t}\n\n\t_onCustomActionClick(e: MouseEvent) {\n\t\tconst refItemId = (e.target as Element).getAttribute(\"data-ui5-external-action-item-id\");\n\n\t\tif (refItemId) {\n\t\t\tthis.getActionByID(refItemId)!.fireClickEvent(e);\n\t\t\tthis.closeOverflow();\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tsuper._onkeydown(e);\n\n\t\tif (getEventMark(e) === \"button\") {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\tgetActionByID(id: string) {\n\t\treturn this.actions.find(action => action._id === id);\n\t}\n\n\tasync openOverflow() {\n\t\tconst overflowPopover = await this.getOverflowPopover();\n\t\toverflowPopover.showAt(this.overflowButtonDOM);\n\t}\n\n\tasync closeOverflow() {\n\t\tconst overflowPopover = await this.getOverflowPopover();\n\t\toverflowPopover.close();\n\t}\n\n\tasync getOverflowPopover() {\n\t\tconst staticAreaItem = await this.getStaticAreaItemDomRef();\n\t\treturn staticAreaItem!.querySelector<Popover>(\".ui5-notification-overflow-popover\")!;\n\t}\n\n\tstatic async onDefine() {\n\t\tNotificationListItemBase.i18nFioriBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n}\n\nexport default NotificationListItemBase;\nexport type {\n\tNotificationListItemBaseCloseEventDetail,\n};\n"]}
+{"version":3,"file":"NotificationListItemBase.js","sourceRoot":"","sources":["../src/NotificationListItemBase.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport { isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport ListItemBase from \"@ui5/webcomponents/dist/ListItemBase.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport Priority from \"@ui5/webcomponents/dist/types/Priority.js\";\nimport type Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport type NotificationAction from \"./NotificationAction.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/message-success.js\";\nimport \"@ui5/webcomponents-icons/dist/message-error.js\";\nimport \"@ui5/webcomponents-icons/dist/message-warning.js\";\nimport \"@ui5/webcomponents-icons/dist/overflow.js\";\n\n// Templates\nimport NotificationOverflowActionsPopoverTemplate from \"./generated/templates/NotificationOverflowActionsPopoverTemplate.lit.js\";\n\n// Styles\nimport NotificationOverflowActionsPopoverCss from \"./generated/themes/NotificationOverflowActionsPopover.css.js\";\n\n/**\n * Defines the icons corresponding to the notification's priority.\n */\nconst ICON_PER_PRIORITY = {\n\t[Priority.High]: \"message-error\",\n\t[Priority.Medium]: \"message-warning\",\n\t[Priority.Low]: \"message-success\",\n\t[Priority.None]: \"\",\n};\n\ntype NotificationListItemBaseCloseEventDetail = {\n\titem: HTMLElement,\n};\n\n/**\n * @class\n *\n * The base class of the <code>NotificationListItem</code> and <code>NotificationListGroupItem</code>.\n *\n * @abstract\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.NotificationListItemBase\n * @extends sap.ui.webc.main.ListItemBase\n * @since 1.0.0-rc.8\n * @public\n */\n\n/**\n * Fired when the <code>Close</code> button is pressed.\n *\n * @event sap.ui.webc.fiori.NotificationListItemBase#close\n * @param {HTMLElement} item the closed item.\n * @public\n */\n@event(\"close\", {\n\t detail: {\n\t\titem: HTMLElement,\n\t},\n})\n@customElement({\n\tstaticAreaStyles: NotificationOverflowActionsPopoverCss,\n\tstaticAreaTemplate: NotificationOverflowActionsPopoverTemplate,\n})\nclass NotificationListItemBase extends ListItemBase {\n\t/**\n\t * Defines the <code>titleText</code> of the item.\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.titleText\n\t */\n\t@property()\n\ttitleText!: string;\n\n\t/**\n\t * Defines the <code>priority</code> of the item.\n\t *\n\t * @type {sap.ui.webc.main.types.Priority}\n\t * @defaultvalue \"None\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.priority\n\t */\n\t@property({ type: Priority, defaultValue: Priority.None })\n\tpriority!: `${Priority}`;\n\n\t/**\n\t * Defines if the <code>close</code> button would be displayed.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.showClose\n\t */\n\t@property({ type: Boolean })\n\tshowClose!: boolean;\n\n\t/**\n\t * Defines if the <code>notification</code> is new or has been already read.\n\t * <br><br>\n\t * <b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,\n\t * if set to true - it has a normal font.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.read\n\t */\n\t@property({ type: Boolean })\n\tread!: boolean;\n\n\t/**\n\t * Defines if a busy indicator would be displayed over the item.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.busy\n\t * @since 1.0.0-rc.8\n\t */\n\t@property({ type: Boolean })\n\tbusy!: boolean;\n\n\t/**\n\t * Defines the delay in milliseconds, after which the busy indicator will show up for this component.\n\t *\n\t * @type {sap.ui.webc.base.types.Integer}\n\t * @defaultValue 1000\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.busyDelay\n\t */\n\t@property({ validator: Integer, defaultValue: 1000 })\n\tbusyDelay!: number;\n\n\t/**\n\t * Defines the actions, displayed in the top-right area.\n\t * <br><br>\n\t * <b>Note:</b> use the <code>ui5-notification-action</code> component.\n\t *\n\t * @type {sap.ui.webc.fiori.INotificationAction[]}\n\t * @slot\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.actions\n\t */\n\t@slot()\n\tactions!: Array<NotificationAction>\n\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tget hasTitleText() {\n\t\treturn !!this.titleText.length;\n\t}\n\n\tget hasPriority() {\n\t\treturn this.priority !== Priority.None;\n\t}\n\n\tget priorityIcon() {\n\t\treturn ICON_PER_PRIORITY[this.priority];\n\t}\n\n\tget overflowButtonDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-nli-overflow-btn\")!;\n\t}\n\n\tget showOverflow() {\n\t\treturn !!this.overflowActions.length;\n\t}\n\n\tget overflowActions() {\n\t\tif (this.actions.length <= 1) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.actionsInfo;\n\t}\n\n\tget standardActions() {\n\t\tif (this.actions.length > 1) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.actionsInfo;\n\t}\n\n\tget actionsInfo() {\n\t\treturn this.actions.map(action => {\n\t\t\treturn {\n\t\t\t\ticon: action.icon,\n\t\t\t\ttext: action.text,\n\t\t\t\tpress: this._onCustomActionClick.bind(this),\n\t\t\t\trefItemid: action._id,\n\t\t\t\tdisabled: action.disabled ? true : undefined,\n\t\t\t\tdesign: action.design,\n\t\t\t};\n\t\t});\n\t}\n\n\t/**\n\t * Event handlers\n\t */\n\t_onBtnCloseClick() {\n\t\tthis.fireEvent<NotificationListItemBaseCloseEventDetail>(\"close\", { item: this });\n\t}\n\n\t_onBtnOverflowClick() {\n\t\tthis.openOverflow();\n\t}\n\n\t_onCustomActionClick(e: MouseEvent) {\n\t\tconst refItemId = (e.target as Element).getAttribute(\"data-ui5-external-action-item-id\");\n\n\t\tif (refItemId) {\n\t\t\tthis.getActionByID(refItemId)!.fireClickEvent(e);\n\t\t\tthis.closeOverflow();\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tsuper._onkeydown(e);\n\n\t\tif (getEventMark(e) === \"button\") {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\tgetActionByID(id: string) {\n\t\treturn this.actions.find(action => action._id === id);\n\t}\n\n\tasync openOverflow() {\n\t\tconst overflowPopover = await this.getOverflowPopover();\n\t\toverflowPopover.showAt(this.overflowButtonDOM);\n\t}\n\n\tasync closeOverflow() {\n\t\tconst overflowPopover = await this.getOverflowPopover();\n\t\toverflowPopover.close();\n\t}\n\n\tasync getOverflowPopover() {\n\t\tconst staticAreaItem = await this.getStaticAreaItemDomRef();\n\t\treturn staticAreaItem!.querySelector<Popover>(\".ui5-notification-overflow-popover\")!;\n\t}\n\n\tstatic async onDefine() {\n\t\tNotificationListItemBase.i18nFioriBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n}\n\nexport default NotificationListItemBase;\nexport type {\n\tNotificationListItemBaseCloseEventDetail,\n};\n"]}

package/dist/UploadCollection.d.ts

@@ -39,16 +39,8 @@ 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>SingleSelectBegin</code></li>
-     * <li><code>SingleSelectEnd</code></li>
-     * <li><code>MultiSelect</code></li>
-     * <li><code>Delete</code> - this mode has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>
-     * </ul>
+     * <br><b>Note:</b>
+     * Mode "Delete" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>
      *
      * @type {sap.ui.webc.main.types.ListMode}
      * @name sap.ui.webc.fiori.UploadCollection.prototype.mode

package/dist/UploadCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadCollection.js","sourceRoot":"","sources":["../src/UploadCollection.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport type { ListSelectionChangeEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport ListMode from \"@ui5/webcomponents/dist/types/ListMode.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport \"./illustrations/Tent.js\";\nimport \"@ui5/webcomponents-icons/dist/upload-to-cloud.js\";\nimport \"@ui5/webcomponents-icons/dist/document.js\";\nimport {\n\tUPLOADCOLLECTION_NO_DATA_TEXT,\n\tUPLOADCOLLECTION_NO_DATA_DESCRIPTION,\n\tUPLOADCOLLECTION_DRAG_FILE_INDICATOR,\n\tUPLOADCOLLECTION_DROP_FILE_INDICATOR,\n\tUPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport {\n\tattachBodyDnDHandler,\n\tdetachBodyDnDHandler,\n\tdraggingFiles,\n} from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport type UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport type { DnDEventListener, DnDEventListenerParam } from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport UploadCollectionDnDOverlayMode from \"./types/UploadCollectionDnDMode.js\";\n\n// Template\nimport UploadCollectionTemplate from \"./generated/templates/UploadCollectionTemplate.lit.js\";\n\n// Styles\nimport UploadCollectionCss from \"./generated/themes/UploadCollection.css.js\";\n\ntype UploadCollectionSelectionChangeEventDetail = {\n\tselectedItems: Array<UploadCollectionItem>,\n};\n\ntype UploadCollectionItemDeleteEventDetail = {\n\titem: UploadCollectionItem,\n};\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n * This component allows you to represent files before uploading them to a server, with the help of <code>ui5-upload-collection-item</code>.\n * It also allows you to show already uploaded files.\n *\n * <h3>ES6 Module Import</h3>\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollection.js\";</code>\n * <br>\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code> (for <code>ui5-upload-collection-item</code>)\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.UploadCollection\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-upload-collection\n * @appenddocs sap.ui.webc.fiori.UploadCollectionItem\n * @public\n * @since 1.0.0-rc.7\n */\n@customElement({\n\ttag: \"ui5-upload-collection\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: UploadCollectionCss,\n\ttemplate: UploadCollectionTemplate,\n\tdependencies: [\n\t\tIcon,\n\t\tLabel,\n\t\tList,\n\t\tTitle,\n\t\tIllustratedMessage,\n\t],\n})\n/**\n * Fired when an element is dropped inside the drag and drop overlay.\n * <br><br>\n * <b>Note:</b> The <code>drop</code> event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the <code>ui5-upload-collection</code>.\n *\n * @event sap.ui.webc.fiori.UploadCollection#drop\n * @readonly\n * @param {DataTransfer} dataTransfer The <code>drop</code> event operation data.\n * @public\n * @native\n */\n@event(\"drop\")\n\n/**\n * Fired when the delete button of any item is pressed.\n *\n * @event sap.ui.webc.fiori.UploadCollection#item-delete\n * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was deleted.\n * @public\n */\n@event(\"item-delete\", {\n\tdetail: {\n\t\titem: { type: HTMLElement },\n\t},\n})\n\n/**\n * Fired when selection is changed by user interaction\n * in <code>SingleSelect</code> and <code>MultiSelect</code> modes.\n *\n * @event sap.ui.webc.fiori.UploadCollection#selection-change\n * @param {Array} selectedItems An array of the selected items.\n * @public\n */\n@event(\"selection-change\", {\n\tdetail: {\n\t\tselectedItems: { type: Array },\n\t},\n})\nclass UploadCollection extends UI5Element {\n\t/**\n\t * Defines the mode of the <code>ui5-upload-collection</code>.\n\t *\n\t * <br><br>\n\t * <b>Note:</b>\n\t * <ul>\n\t * <li><code>None</code></li>\n\t * <li><code>SingleSelect</code></li>\n\t * <li><code>SingleSelectBegin</code></li>\n\t * <li><code>SingleSelectEnd</code></li>\n\t * <li><code>MultiSelect</code></li>\n\t * <li><code>Delete</code> - this mode has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>\n\t * </ul>\n\t *\n\t * @type {sap.ui.webc.main.types.ListMode}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.mode\n\t * @defaultvalue \"None\"\n\t * @public\n\t */\n\t@property({ type: ListMode, defaultValue: ListMode.None })\n\tmode!: `${ListMode}`;\n\n\t/**\n\t * Allows you to set your own text for the 'No data' description.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataDescription\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\tnoDataDescription!: string;\n\n\t/**\n\t * Allows you to set your own text for the 'No data' text.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataText\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\tnoDataText!: string;\n\n\t/**\n\t * By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> when files\n\t * are dragged. If you don't intend to use drag and drop, set this property.\n\t * <br><br>\n\t * <b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it.\n\t * <code>ui5-upload-collection</code> only displays an overlay.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.hideDragOverlay\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideDragOverlay!: boolean;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.accessibleName\n\t * @defaultvalue \"\"\n\t * @public\n\t * @since 1.0.0-rc.16\n\t */\n\t @property()\n\t accessibleName!: string;\n\n\t/**\n\t * Indicates what overlay to show when files are being dragged.\n\t *\n\t * @type {sap.ui.webc.fiori.types.UploadCollectionDnDOverlayMode}\n\t * @defaultvalue \"None\"\n\t * @private\n\t */\n\t@property({ type: UploadCollectionDnDOverlayMode, defaultValue: UploadCollectionDnDOverlayMode.None })\n\t_dndOverlayMode!: UploadCollectionDnDOverlayMode;\n\n\t/**\n\t * Defines the items of the <code>ui5-upload-collection</code>.\n\t * <br><b>Note:</b> Use <code>ui5-upload-collection-item</code> for the intended design.\n\t *\n\t * @type {sap.ui.webc.fiori.IUploadCollectionItem[]}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.default\n\t * @slot items\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<UploadCollectionItem>;\n\n\t/**\n\t * Defines the <code>ui5-upload-collection</code> header.\n\t * <br><br>\n\t * <b>Note:</b> If <code>header</code> slot is provided,\n\t * the labelling of the <code>UploadCollection</code> is a responsibility of the application developer.\n\t * <code>accessibleName</code> should be used.\n\t *\n\t * @type {HTMLElement[]}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.header\n\t * @slot\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\theader!: Array<HTMLElement>;\n\n\t_bodyDnDHandler: DnDEventListener;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tUploadCollection.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._bodyDnDHandler = this.bodyDnDHandler.bind(this);\n\t}\n\n\tbodyDnDHandler(e: DnDEventListenerParam) {\n\t\tif (this._dndOverlayMode !== UploadCollectionDnDOverlayMode.Drop) {\n\t\t\tthis._dndOverlayMode = e.mode;\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tattachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\tonExitDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tdetachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\t_ondragenter(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!draggingFiles(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drop;\n\t}\n\n\t_ondrop(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.target !== this.shadowRoot!.querySelector(\".uc-dnd-overlay\")) {\n\t\t\te.stopPropagation();\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.None;\n\t}\n\n\t_ondragover(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t}\n\n\t_ondragleave() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drag;\n\t}\n\n\t_onItemDelete(e: CustomEvent) {\n\t\tthis.fireEvent<UploadCollectionItemDeleteEventDetail>(\"item-delete\", { item: e.target as UploadCollectionItem });\n\t}\n\n\t_onSelectionChange(e: CustomEvent<ListSelectionChangeEventDetail>) {\n\t\tthis.fireEvent<UploadCollectionSelectionChangeEventDetail>(\"selection-change\", { selectedItems: e.detail.selectedItems as UploadCollectionItem[] });\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tcontent: {\n\t\t\t\t\"ui5-uc-content\": true,\n\t\t\t\t\"ui5-uc-content-no-data\": this.items.length === 0,\n\t\t\t},\n\t\t\tdndOverlay: {\n\t\t\t\t\"uc-dnd-overlay\": true,\n\t\t\t\t\"uc-drag-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,\n\t\t\t\t\"uc-drop-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,\n\t\t\t},\n\t\t\tnoFiles: {\n\t\t\t\t\"uc-no-files\": true,\n\t\t\t\t\"uc-no-files-dnd-overlay\": this._showDndOverlay,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _root() {\n\t\treturn this.shadowRoot!.querySelector(\".ui5-uc-root\");\n\t}\n\n\tget _dndOverlay() {\n\t\treturn this._root?.querySelector(\".uc-dnd-overlay\");\n\t}\n\n\tget _showDndOverlay() {\n\t\treturn this._dndOverlayMode !== UploadCollectionDnDOverlayMode.None;\n\t}\n\n\tget _showNoData() {\n\t\treturn this.items.length === 0;\n\t}\n\n\tget _noDataText() {\n\t\treturn this.noDataText || UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_TEXT);\n\t}\n\n\tget _noDataDescription() {\n\t\treturn this.noDataDescription || UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_DESCRIPTION);\n\t}\n\n\tget _roleDescription() {\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION);\n\t}\n\n\tget _dndOverlayText() {\n\t\tif (this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag) {\n\t\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DRAG_FILE_INDICATOR);\n\t\t}\n\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DROP_FILE_INDICATOR);\n\t}\n}\n\nUploadCollection.define();\n\nexport default UploadCollection;\nexport type {\n\tUploadCollectionItemDeleteEventDetail,\n\tUploadCollectionSelectionChangeEventDetail,\n};\n"]}
+{"version":3,"file":"UploadCollection.js","sourceRoot":"","sources":["../src/UploadCollection.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport type { ListSelectionChangeEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport ListMode from \"@ui5/webcomponents/dist/types/ListMode.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport \"./illustrations/Tent.js\";\nimport \"@ui5/webcomponents-icons/dist/upload-to-cloud.js\";\nimport \"@ui5/webcomponents-icons/dist/document.js\";\nimport {\n\tUPLOADCOLLECTION_NO_DATA_TEXT,\n\tUPLOADCOLLECTION_NO_DATA_DESCRIPTION,\n\tUPLOADCOLLECTION_DRAG_FILE_INDICATOR,\n\tUPLOADCOLLECTION_DROP_FILE_INDICATOR,\n\tUPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport {\n\tattachBodyDnDHandler,\n\tdetachBodyDnDHandler,\n\tdraggingFiles,\n} from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport type UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport type { DnDEventListener, DnDEventListenerParam } from \"./upload-utils/UploadCollectionBodyDnD.js\";\nimport UploadCollectionDnDOverlayMode from \"./types/UploadCollectionDnDMode.js\";\n\n// Template\nimport UploadCollectionTemplate from \"./generated/templates/UploadCollectionTemplate.lit.js\";\n\n// Styles\nimport UploadCollectionCss from \"./generated/themes/UploadCollection.css.js\";\n\ntype UploadCollectionSelectionChangeEventDetail = {\n\tselectedItems: Array<UploadCollectionItem>,\n};\n\ntype UploadCollectionItemDeleteEventDetail = {\n\titem: UploadCollectionItem,\n};\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n * This component allows you to represent files before uploading them to a server, with the help of <code>ui5-upload-collection-item</code>.\n * It also allows you to show already uploaded files.\n *\n * <h3>ES6 Module Import</h3>\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollection.js\";</code>\n * <br>\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code> (for <code>ui5-upload-collection-item</code>)\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.UploadCollection\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-upload-collection\n * @appenddocs sap.ui.webc.fiori.UploadCollectionItem\n * @public\n * @since 1.0.0-rc.7\n */\n@customElement({\n\ttag: \"ui5-upload-collection\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: UploadCollectionCss,\n\ttemplate: UploadCollectionTemplate,\n\tdependencies: [\n\t\tIcon,\n\t\tLabel,\n\t\tList,\n\t\tTitle,\n\t\tIllustratedMessage,\n\t],\n})\n/**\n * Fired when an element is dropped inside the drag and drop overlay.\n * <br><br>\n * <b>Note:</b> The <code>drop</code> event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the <code>ui5-upload-collection</code>.\n *\n * @event sap.ui.webc.fiori.UploadCollection#drop\n * @readonly\n * @param {DataTransfer} dataTransfer The <code>drop</code> event operation data.\n * @public\n * @native\n */\n@event(\"drop\")\n\n/**\n * Fired when the delete button of any item is pressed.\n *\n * @event sap.ui.webc.fiori.UploadCollection#item-delete\n * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was deleted.\n * @public\n */\n@event(\"item-delete\", {\n\tdetail: {\n\t\titem: { type: HTMLElement },\n\t},\n})\n\n/**\n * Fired when selection is changed by user interaction\n * in <code>SingleSelect</code> and <code>MultiSelect</code> modes.\n *\n * @event sap.ui.webc.fiori.UploadCollection#selection-change\n * @param {Array} selectedItems An array of the selected items.\n * @public\n */\n@event(\"selection-change\", {\n\tdetail: {\n\t\tselectedItems: { type: Array },\n\t},\n})\nclass UploadCollection extends UI5Element {\n\t/**\n\t * Defines the mode of the <code>ui5-upload-collection</code>.\n\t *\n\t * <br><b>Note:</b>\n\t * Mode \"Delete\" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>\n\t *\n\t * @type {sap.ui.webc.main.types.ListMode}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.mode\n\t * @defaultvalue \"None\"\n\t * @public\n\t */\n\t@property({ type: ListMode, defaultValue: ListMode.None })\n\tmode!: `${ListMode}`;\n\n\t/**\n\t * Allows you to set your own text for the 'No data' description.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataDescription\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\tnoDataDescription!: string;\n\n\t/**\n\t * Allows you to set your own text for the 'No data' text.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.noDataText\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\tnoDataText!: string;\n\n\t/**\n\t * By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> when files\n\t * are dragged. If you don't intend to use drag and drop, set this property.\n\t * <br><br>\n\t * <b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it.\n\t * <code>ui5-upload-collection</code> only displays an overlay.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.hideDragOverlay\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideDragOverlay!: boolean;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.accessibleName\n\t * @defaultvalue \"\"\n\t * @public\n\t * @since 1.0.0-rc.16\n\t */\n\t @property()\n\t accessibleName!: string;\n\n\t/**\n\t * Indicates what overlay to show when files are being dragged.\n\t *\n\t * @type {sap.ui.webc.fiori.types.UploadCollectionDnDOverlayMode}\n\t * @defaultvalue \"None\"\n\t * @private\n\t */\n\t@property({ type: UploadCollectionDnDOverlayMode, defaultValue: UploadCollectionDnDOverlayMode.None })\n\t_dndOverlayMode!: UploadCollectionDnDOverlayMode;\n\n\t/**\n\t * Defines the items of the <code>ui5-upload-collection</code>.\n\t * <br><b>Note:</b> Use <code>ui5-upload-collection-item</code> for the intended design.\n\t *\n\t * @type {sap.ui.webc.fiori.IUploadCollectionItem[]}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.default\n\t * @slot items\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<UploadCollectionItem>;\n\n\t/**\n\t * Defines the <code>ui5-upload-collection</code> header.\n\t * <br><br>\n\t * <b>Note:</b> If <code>header</code> slot is provided,\n\t * the labelling of the <code>UploadCollection</code> is a responsibility of the application developer.\n\t * <code>accessibleName</code> should be used.\n\t *\n\t * @type {HTMLElement[]}\n\t * @name sap.ui.webc.fiori.UploadCollection.prototype.header\n\t * @slot\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\theader!: Array<HTMLElement>;\n\n\t_bodyDnDHandler: DnDEventListener;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tUploadCollection.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._bodyDnDHandler = this.bodyDnDHandler.bind(this);\n\t}\n\n\tbodyDnDHandler(e: DnDEventListenerParam) {\n\t\tif (this._dndOverlayMode !== UploadCollectionDnDOverlayMode.Drop) {\n\t\t\tthis._dndOverlayMode = e.mode;\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tattachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\tonExitDOM() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tdetachBodyDnDHandler(this._bodyDnDHandler);\n\t}\n\n\t_ondragenter(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!draggingFiles(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drop;\n\t}\n\n\t_ondrop(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.target !== this.shadowRoot!.querySelector(\".uc-dnd-overlay\")) {\n\t\t\te.stopPropagation();\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.None;\n\t}\n\n\t_ondragover(e: DragEvent) {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t}\n\n\t_ondragleave() {\n\t\tif (this.hideDragOverlay) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dndOverlayMode = UploadCollectionDnDOverlayMode.Drag;\n\t}\n\n\t_onItemDelete(e: CustomEvent) {\n\t\tthis.fireEvent<UploadCollectionItemDeleteEventDetail>(\"item-delete\", { item: e.target as UploadCollectionItem });\n\t}\n\n\t_onSelectionChange(e: CustomEvent<ListSelectionChangeEventDetail>) {\n\t\tthis.fireEvent<UploadCollectionSelectionChangeEventDetail>(\"selection-change\", { selectedItems: e.detail.selectedItems as UploadCollectionItem[] });\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tcontent: {\n\t\t\t\t\"ui5-uc-content\": true,\n\t\t\t\t\"ui5-uc-content-no-data\": this.items.length === 0,\n\t\t\t},\n\t\t\tdndOverlay: {\n\t\t\t\t\"uc-dnd-overlay\": true,\n\t\t\t\t\"uc-drag-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,\n\t\t\t\t\"uc-drop-overlay\": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,\n\t\t\t},\n\t\t\tnoFiles: {\n\t\t\t\t\"uc-no-files\": true,\n\t\t\t\t\"uc-no-files-dnd-overlay\": this._showDndOverlay,\n\t\t\t},\n\t\t};\n\t}\n\n\tget _root() {\n\t\treturn this.shadowRoot!.querySelector(\".ui5-uc-root\");\n\t}\n\n\tget _dndOverlay() {\n\t\treturn this._root?.querySelector(\".uc-dnd-overlay\");\n\t}\n\n\tget _showDndOverlay() {\n\t\treturn this._dndOverlayMode !== UploadCollectionDnDOverlayMode.None;\n\t}\n\n\tget _showNoData() {\n\t\treturn this.items.length === 0;\n\t}\n\n\tget _noDataText() {\n\t\treturn this.noDataText || UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_TEXT);\n\t}\n\n\tget _noDataDescription() {\n\t\treturn this.noDataDescription || UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_NO_DATA_DESCRIPTION);\n\t}\n\n\tget _roleDescription() {\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION);\n\t}\n\n\tget _dndOverlayText() {\n\t\tif (this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag) {\n\t\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DRAG_FILE_INDICATOR);\n\t\t}\n\n\t\treturn UploadCollection.i18nBundle.getText(UPLOADCOLLECTION_DROP_FILE_INDICATOR);\n\t}\n}\n\nUploadCollection.define();\n\nexport default UploadCollection;\nexport type {\n\tUploadCollectionItemDeleteEventDetail,\n\tUploadCollectionSelectionChangeEventDetail,\n};\n"]}