@ui5/webcomponents-fiori 1.21.1 → 1.22.0-rc.0

package/dist/IllustratedMessage.d.ts

@@ -2,6 +2,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import TitleLevel from "@ui5/webcomponents/dist/types/TitleLevel.js";
+import type IButton from "@ui5/webcomponents/dist/Button.js";
 import IllustrationMessageSize from "./types/IllustrationMessageSize.js";
 import IllustrationMessageType from "./types/IllustrationMessageType.js";
 import "./illustrations/BeforeSearch.js";
@@ -45,10 +46,7 @@ import "./illustrations/BeforeSearch.js";
  * <code>import "@ui5/webcomponents-fiori/dist/IllustratedMessage.js";</code>
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.IllustratedMessage
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-illustrated-message
+ * @extends UI5Element
  * @public
  * @since 1.0.0-rc.15
  */
@@ -66,9 +64,7 @@ declare class IllustratedMessage extends UI5Element {
     * You can import them removing the <code>Tnt</code> prefix like this:
     * <br>
     * <code>import "@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js";</code>
-    * @type {sap.ui.webc.fiori.types.IllustrationMessageType}
-    * @defaultvalue "BeforeSearch"
-    * @name sap.ui.webc.fiori.IllustratedMessage.prototype.name
+    * @default "BeforeSearch"
     * @public
     */
     name: `${IllustrationMessageType}`;
@@ -79,9 +75,7 @@ declare class IllustratedMessage extends UI5Element {
     * As <code>IllustratedMessage</code> adapts itself around the <code>Illustration</code>, the other
     * elements of the component are displayed differently on the different breakpoints/illustration sizes.
     *
-    * @type {sap.ui.webc.fiori.types.IllustrationMessageSize}
-    * @defaultvalue "Auto"
-    * @name sap.ui.webc.fiori.IllustratedMessage.prototype.size
+    * @default "Auto"
     * @public
     * @since 1.5.0
     */
@@ -92,9 +86,7 @@ declare class IllustratedMessage extends UI5Element {
     * <b>Note:</b> Using this property, the default subtitle text of illustration will be overwritten.
     * <br><br>
     * <b>Note:</b> Using <code>subtitle</code> slot, the default of this property will be overwritten.
-    * @type {string}
-    * @defaultvalue ""
-    * @name sap.ui.webc.fiori.IllustratedMessage.prototype.subtitleText
+    * @default ""
     * @public
     */
     subtitleText: string;
@@ -102,18 +94,14 @@ declare class IllustratedMessage extends UI5Element {
     * Defines the title of the component.
     * <br><br>
     * <b>Note:</b> Using this property, the default title text of illustration will be overwritten.
-    * @type {string}
-    * @defaultvalue ""
-    * @name sap.ui.webc.fiori.IllustratedMessage.prototype.titleText
+    * @default ""
     * @public
     */
     titleText: string;
     /**
     * Receives id(or many ids) of the elements that label the component.
     *
-    * @type {string}
-    * @defaultvalue ""
-    * @name sap.ui.webc.fiori.IllustratedMessage.prototype.accessibleNameRef
+    * @default ""
     * @public
     * @since 1.7.0
     */
@@ -123,9 +111,7 @@ declare class IllustratedMessage extends UI5Element {
     *
     * <b>Note:</b> Used for accessibility purposes only.
     *
-    * @type {sap.ui.webc.main.types.TitleLevel}
-    * @defaultvalue "H2"
-    * @name sap.ui.webc.fiori.IllustratedMessage.prototype.titleLevel
+    * @default "H2"
     * @public
     * @since 1.20.0
     */
@@ -134,7 +120,6 @@ declare class IllustratedMessage extends UI5Element {
     * Illustration breakpoint variant for the <code>Spot</code> size.
     *
     * @private
-    * @type {String}
     * @since 1.9.0
     */
     spotSvg: string;
@@ -142,7 +127,6 @@ declare class IllustratedMessage extends UI5Element {
     * Illustration breakpoint variant for the <code>Scene</code> size.
     *
     * @private
-    * @type {String}
     * @since 1.9.0
     */
     sceneSvg: string;
@@ -150,7 +134,6 @@ declare class IllustratedMessage extends UI5Element {
     * Illustration breakpoint variant for the <code>Dialog</code> size.
     *
     * @private
-    * @type {String}
     * @since 1.9.0
     */
     dialogSvg: string;
@@ -163,9 +146,6 @@ declare class IllustratedMessage extends UI5Element {
     * Defines the title of the component.
     * <br><br>
     * <b>Note:</b> Using this slot, the default title text of illustration and the value of <code>title</code> property will be overwritten.
-    * @type {HTMLElement}
-    * @slot title
-    * @name sap.ui.webc.fiori.IllustratedMessage.prototype.title
     * @public
     * @since 1.7.0
     */
@@ -174,21 +154,15 @@ declare class IllustratedMessage extends UI5Element {
     * Defines the subtitle of the component.
     * <br><br>
     * <b>Note:</b> Using this slot, the default subtitle text of illustration and the value of <code>subtitleText</code> property will be overwritten.
-    * @type {HTMLElement}
-    * @slot subtitle
-    * @name sap.ui.webc.fiori.IllustratedMessage.prototype.subtitle
     * @public
     * @since 1.0.0-rc.16
     */
     subtitle: Array<HTMLElement>;
     /**
     * Defines the component actions.
-    * @type {sap.ui.webc.main.IButton[]}
-    * @slot actions
-    * @name sap.ui.webc.fiori.IllustratedMessage.prototype.default
     * @public
     */
-    actions: Array<HTMLElement>;
+    actions: Array<IButton>;
     illustrationTitle?: string;
     illustrationSubtitle?: string;
     static i18nBundle: I18nBundle;

package/dist/IllustratedMessage.js

@@ -63,10 +63,7 @@ import IllustratedMessageTemplate from "./generated/templates/IllustratedMessage
  * <code>import "@ui5/webcomponents-fiori/dist/IllustratedMessage.js";</code>
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.IllustratedMessage
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-illustrated-message
+ * @extends UI5Element
  * @public
  * @since 1.0.0-rc.15
  */

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 TitleLevel from \"@ui5/webcomponents/dist/types/TitleLevel.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* <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*\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* Defines the semantic level of the title.\n\t*\n\t* <b>Note:</b> Used for accessibility purposes only.\n\t*\n\t* @type {sap.ui.webc.main.types.TitleLevel}\n\t* @defaultvalue \"H2\"\n\t* @name sap.ui.webc.fiori.IllustratedMessage.prototype.titleLevel\n\t* @public\n\t* @since 1.20.0\n\t*/\n\t@property({ type: TitleLevel, defaultValue: TitleLevel.H2 })\n\ttitleLevel!: `${TitleLevel}`;\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_lastKnownOffsetHeightForMedia: 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\tthis._lastKnownOffsetHeightForMedia = {};\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 BREAKPOINTS_HEIGHT() {\n\t\treturn {\n\t\t\tDIALOG: 451,\n\t\t\tSPOT: 296,\n\t\t\tBASE: 87,\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\tthis._adjustHeightToFitContainer();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._applyMedia();\n\t\twindow.requestAnimationFrame(this._adjustHeightToFitContainer.bind(this));\n\t}\n\n\t_applyMedia(heightChange?: boolean) {\n\t\tconst currOffsetWidth = this.offsetWidth,\n\t\t\tcurrOffsetHeight = this.offsetHeight;\n\n\t\tconst size = heightChange ? currOffsetHeight : currOffsetWidth,\n\t\t\toBreakpounts = heightChange ? IllustratedMessage.BREAKPOINTS_HEIGHT : IllustratedMessage.BREAKPOINTS;\n\t\tlet newMedia = \"\";\n\n\t\tif (size <= oBreakpounts.BASE) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.BASE;\n\t\t} else if (size <= oBreakpounts.SPOT) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.SPOT;\n\t\t} else if (size <= oBreakpounts.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\tlastKnownOffsetHeight = this._lastKnownOffsetHeightForMedia[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\n\t\t\t&& lastKnownOffsetHeight && currOffsetHeight === lastKnownOffsetHeight)\n\t\t\t|| this._lastKnownOffsetWidthForMedia[this._lastKnownMedia] === 0\n\t\t\t|| this._lastKnownOffsetHeightForMedia[this._lastKnownMedia] === 0\n\t\t\t|| this._lastKnownMedia !== newMedia) {\n\t\t\tthis.media = newMedia;\n\t\t\tthis._lastKnownOffsetWidthForMedia[newMedia] = currOffsetWidth;\n\t\t\tthis._lastKnownOffsetHeightForMedia[newMedia] = currOffsetHeight;\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\t_adjustHeightToFitContainer() {\n\t\tconst illustrationWrapper = <HTMLElement> this.shadowRoot!.querySelector(\".ui5-illustrated-message-illustration\"),\n\t\t\tillustration = illustrationWrapper.querySelector(\"svg\");\n\n\t\tif (illustration) {\n\t\t\tillustrationWrapper.classList.toggle(\"ui5-illustrated-message-illustration-fit-content\", false);\n\t\t\tif (this.getDomRef()!.scrollHeight > this.getDomRef()!.offsetHeight) {\n\t\t\t\tillustrationWrapper.classList.toggle(\"ui5-illustrated-message-illustration-fit-content\", true);\n\t\t\t\tthis._applyMedia(true /* height change */);\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 TitleLevel from \"@ui5/webcomponents/dist/types/TitleLevel.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type IButton from \"@ui5/webcomponents/dist/Button.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 * @extends UI5Element\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* <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* @default \"BeforeSearch\"\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*\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* @default \"Auto\"\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* @default \"\"\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* @default \"\"\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* @default \"\"\n\t* @public\n\t* @since 1.7.0\n\t*/\n\t@property({ defaultValue: \"\" })\n\taccessibleNameRef!: string;\n\n\t/**\n\t* Defines the semantic level of the title.\n\t*\n\t* <b>Note:</b> Used for accessibility purposes only.\n\t*\n\t* @default \"H2\"\n\t* @public\n\t* @since 1.20.0\n\t*/\n\t@property({ type: TitleLevel, defaultValue: TitleLevel.H2 })\n\ttitleLevel!: `${TitleLevel}`;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Spot</code> size.\n\t*\n\t* @private\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* @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* @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* @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* @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* @public\n\t*/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tactions!: Array<IButton>;\n\n\tillustrationTitle?: string;\n\tillustrationSubtitle?: string;\n\n\tstatic i18nBundle: I18nBundle;\n\t_lastKnownOffsetWidthForMedia: Record<string, number>;\n\t_lastKnownOffsetHeightForMedia: 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\tthis._lastKnownOffsetHeightForMedia = {};\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 BREAKPOINTS_HEIGHT() {\n\t\treturn {\n\t\t\tDIALOG: 451,\n\t\t\tSPOT: 296,\n\t\t\tBASE: 87,\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\tthis._adjustHeightToFitContainer();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._applyMedia();\n\t\twindow.requestAnimationFrame(this._adjustHeightToFitContainer.bind(this));\n\t}\n\n\t_applyMedia(heightChange?: boolean) {\n\t\tconst currOffsetWidth = this.offsetWidth,\n\t\t\tcurrOffsetHeight = this.offsetHeight;\n\n\t\tconst size = heightChange ? currOffsetHeight : currOffsetWidth,\n\t\t\toBreakpounts = heightChange ? IllustratedMessage.BREAKPOINTS_HEIGHT : IllustratedMessage.BREAKPOINTS;\n\t\tlet newMedia = \"\";\n\n\t\tif (size <= oBreakpounts.BASE) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.BASE;\n\t\t} else if (size <= oBreakpounts.SPOT) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.SPOT;\n\t\t} else if (size <= oBreakpounts.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\tlastKnownOffsetHeight = this._lastKnownOffsetHeightForMedia[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\n\t\t\t&& lastKnownOffsetHeight && currOffsetHeight === lastKnownOffsetHeight)\n\t\t\t|| this._lastKnownOffsetWidthForMedia[this._lastKnownMedia] === 0\n\t\t\t|| this._lastKnownOffsetHeightForMedia[this._lastKnownMedia] === 0\n\t\t\t|| this._lastKnownMedia !== newMedia) {\n\t\t\tthis.media = newMedia;\n\t\t\tthis._lastKnownOffsetWidthForMedia[newMedia] = currOffsetWidth;\n\t\t\tthis._lastKnownOffsetHeightForMedia[newMedia] = currOffsetHeight;\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\t_adjustHeightToFitContainer() {\n\t\tconst illustrationWrapper = <HTMLElement> this.shadowRoot!.querySelector(\".ui5-illustrated-message-illustration\"),\n\t\t\tillustration = illustrationWrapper.querySelector(\"svg\");\n\n\t\tif (illustration) {\n\t\t\tillustrationWrapper.classList.toggle(\"ui5-illustrated-message-illustration-fit-content\", false);\n\t\t\tif (this.getDomRef()!.scrollHeight > this.getDomRef()!.offsetHeight) {\n\t\t\t\tillustrationWrapper.classList.toggle(\"ui5-illustrated-message-illustration-fit-content\", true);\n\t\t\t\tthis._applyMedia(true /* height change */);\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/Interfaces.d.ts

@@ -1,113 +1,53 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import TimelineLayout from "./types/TimelineLayout.js";
 /**
  * Interface for components that may be slotted inside <code>ui5-page</code> as header and footer.
  *
- * @name sap.ui.webc.fiori.IBar
- * @interface
  * @public
  */
-declare const IBar = "sap.ui.webc.fiori.IBar";
-/**
- * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as filter items
- *
- * @name sap.ui.webc.fiori.IFilterItem
- * @interface
- * @public
- */
-declare const IFilterItem = "sap.ui.webc.fiori.IFilterItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-filter-item</code> as values
- *
- * @name sap.ui.webc.fiori.IFilterItemOption
- * @interface
- * @public
- */
-declare const IFilterItemOption = "sap.ui.webc.fiori.IFilterItemOption";
+interface IBar extends HTMLElement {
+}
 /**
  * Interface for components that can be slotted inside <code>ui5-media-gallery</code> as items.
  *
- * @name sap.ui.webc.fiori.IMediaGalleryItem
- * @interface
- * @public
- */
-declare const IMediaGalleryItem = "sap.ui.webc.fiori.IMediaGalleryItem";
-/**
- * Interface for components that may be slotted as an action inside <code>ui5-li-notification</code> and <code>ui5-li-notification-group</code>
- *
- * @name sap.ui.webc.fiori.INotificationAction
- * @interface
  * @public
  */
-declare const INotificationAction = "sap.ui.webc.fiori.INotificationAction";
-/**
- * Interface for components that may be slotted inside a notification list
- *
- * @name sap.ui.webc.fiori.INotificationListItem
- * @interface
- * @public
- */
-declare const INotificationListItem = "sap.ui.webc.fiori.INotificationListItem";
+interface IMediaGalleryItem extends ITabbable {
+    selected: boolean;
+    disabled: boolean;
+    focused: boolean;
+}
 /**
  * Interface for components that may be slotted inside <code>ui5-product-switch</code> as items
  *
- * @name sap.ui.webc.fiori.IProductSwitchItem
- * @interface
- * @public
- */
-declare const IProductSwitchItem = "sap.ui.webc.fiori.IProductSwitchItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-shellbar</code> as items
- *
- * @name sap.ui.webc.fiori.IShellBarItem
- * @interface
- * @public
- */
-declare const IShellBarItem = "sap.ui.webc.fiori.IShellBarItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-side-navigation</code> as items
- *
- * @name sap.ui.webc.fiori.ISideNavigationItem
- * @interface
- * @public
- */
-declare const ISideNavigationItem = "sap.ui.webc.fiori.ISideNavigationItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-side-navigation-item</code> as sub-items
- *
- * @name sap.ui.webc.fiori.ISideNavigationSubItem
- * @interface
- * @public
- */
-declare const ISideNavigationSubItem = "sap.ui.webc.fiori.ISideNavigationSubItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as sort items
- *
- * @name sap.ui.webc.fiori.ISortItem
- * @interface
  * @public
  */
-declare const ISortItem = "sap.ui.webc.fiori.ISortItem";
+interface IProductSwitchItem extends ITabbable {
+    titleText: string;
+    subtitleText: string;
+    icon: string;
+    target: string;
+    targetSrc: string;
+    selected: boolean;
+}
 /**
  * Interface for components that may be slotted inside <code>ui5-timeline</code> as items
  *
- * @name sap.ui.webc.fiori.ITimelineItem
- * @interface
  * @public
  */
-declare const ITimelineItem = "sap.ui.webc.fiori.ITimelineItem";
+interface ITimelineItem extends UI5Element, ITabbable {
+    layout: `${TimelineLayout}`;
+    icon: string;
+    _lineWidth: string;
+    nameClickable: boolean;
+    focusLink: () => void;
+}
 /**
  * Interface for components that may be slotted inside <code>ui5-upload-collection</code> as items
  *
- * @name sap.ui.webc.fiori.IUploadCollectionItem
- * @interface
- * @public
- */
-declare const IUploadCollectionItem = "sap.ui.webc.fiori.IUploadCollectionItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-wizard</code> as wizard steps
- *
- * @name sap.ui.webc.fiori.IWizardStep
- * @interface
  * @public
  */
-declare const IWizardStep = "sap.ui.webc.fiori.IWizardStep";
-export { IBar, IFilterItem, IFilterItemOption, IMediaGalleryItem, INotificationAction, INotificationListItem, IProductSwitchItem, IShellBarItem, ISideNavigationItem, ISideNavigationSubItem, ISortItem, ITimelineItem, IUploadCollectionItem, IWizardStep, };
+interface IUploadCollectionItem extends HTMLElement {
+}
+export { IBar, IMediaGalleryItem, IProductSwitchItem, ITimelineItem, IUploadCollectionItem, };

package/dist/Interfaces.js

@@ -1,114 +1,3 @@
-/**
- * Interface for components that may be slotted inside <code>ui5-page</code> as header and footer.
- *
- * @name sap.ui.webc.fiori.IBar
- * @interface
- * @public
- */
-const IBar = "sap.ui.webc.fiori.IBar";
-/**
- * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as filter items
- *
- * @name sap.ui.webc.fiori.IFilterItem
- * @interface
- * @public
- */
-const IFilterItem = "sap.ui.webc.fiori.IFilterItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-filter-item</code> as values
- *
- * @name sap.ui.webc.fiori.IFilterItemOption
- * @interface
- * @public
- */
-const IFilterItemOption = "sap.ui.webc.fiori.IFilterItemOption";
-/**
- * Interface for components that can be slotted inside <code>ui5-media-gallery</code> as items.
- *
- * @name sap.ui.webc.fiori.IMediaGalleryItem
- * @interface
- * @public
- */
-const IMediaGalleryItem = "sap.ui.webc.fiori.IMediaGalleryItem";
-/**
- * Interface for components that may be slotted as an action inside <code>ui5-li-notification</code> and <code>ui5-li-notification-group</code>
- *
- * @name sap.ui.webc.fiori.INotificationAction
- * @interface
- * @public
- */
-const INotificationAction = "sap.ui.webc.fiori.INotificationAction";
-/**
- * Interface for components that may be slotted inside a notification list
- *
- * @name sap.ui.webc.fiori.INotificationListItem
- * @interface
- * @public
- */
-const INotificationListItem = "sap.ui.webc.fiori.INotificationListItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-product-switch</code> as items
- *
- * @name sap.ui.webc.fiori.IProductSwitchItem
- * @interface
- * @public
- */
-const IProductSwitchItem = "sap.ui.webc.fiori.IProductSwitchItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-shellbar</code> as items
- *
- * @name sap.ui.webc.fiori.IShellBarItem
- * @interface
- * @public
- */
-const IShellBarItem = "sap.ui.webc.fiori.IShellBarItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-side-navigation</code> as items
- *
- * @name sap.ui.webc.fiori.ISideNavigationItem
- * @interface
- * @public
- */
-const ISideNavigationItem = "sap.ui.webc.fiori.ISideNavigationItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-side-navigation-item</code> as sub-items
- *
- * @name sap.ui.webc.fiori.ISideNavigationSubItem
- * @interface
- * @public
- */
-const ISideNavigationSubItem = "sap.ui.webc.fiori.ISideNavigationSubItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as sort items
- *
- * @name sap.ui.webc.fiori.ISortItem
- * @interface
- * @public
- */
-const ISortItem = "sap.ui.webc.fiori.ISortItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-timeline</code> as items
- *
- * @name sap.ui.webc.fiori.ITimelineItem
- * @interface
- * @public
- */
-const ITimelineItem = "sap.ui.webc.fiori.ITimelineItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-upload-collection</code> as items
- *
- * @name sap.ui.webc.fiori.IUploadCollectionItem
- * @interface
- * @public
- */
-const IUploadCollectionItem = "sap.ui.webc.fiori.IUploadCollectionItem";
-/**
- * Interface for components that may be slotted inside <code>ui5-wizard</code> as wizard steps
- *
- * @name sap.ui.webc.fiori.IWizardStep
- * @interface
- * @public
- */
-const IWizardStep = "sap.ui.webc.fiori.IWizardStep";
-export { IBar, IFilterItem, IFilterItemOption, IMediaGalleryItem, INotificationAction, INotificationListItem, IProductSwitchItem, IShellBarItem, ISideNavigationItem, ISideNavigationSubItem, ISortItem, ITimelineItem, IUploadCollectionItem, IWizardStep, };
+import "@ui5/webcomponents-base/dist/UI5Element.js";
+import "./types/TimelineLayout.js";
 //# sourceMappingURL=Interfaces.js.map

package/dist/Interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../src/Interfaces.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,IAAI,GAAG,wBAAwB,CAAC;AAEtC;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,+BAA+B,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,qCAAqC,CAAC;AAEhE;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,qCAAqC,CAAC;AAEhE;;;;;;GAMG;AACH,MAAM,mBAAmB,GAAG,uCAAuC,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,qBAAqB,GAAG,yCAAyC,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,kBAAkB,GAAG,sCAAsC,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,iCAAiC,CAAC;AAExD;;;;;;GAMG;AACH,MAAM,mBAAmB,GAAG,uCAAuC,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,sBAAsB,GAAG,0CAA0C,CAAC;AAE1E;;;;;;GAMG;AACH,MAAM,SAAS,GAAG,6BAA6B,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,iCAAiC,CAAC;AAExD;;;;;;GAMG;AACH,MAAM,qBAAqB,GAAG,yCAAyC,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,+BAA+B,CAAC;AAEpD,OAAO,EACN,IAAI,EACJ,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,sBAAsB,EACtB,SAAS,EACT,aAAa,EACb,qBAAqB,EACrB,WAAW,GACX,CAAC","sourcesContent":["/**\n * Interface for components that may be slotted inside <code>ui5-page</code> as header and footer.\n *\n * @name sap.ui.webc.fiori.IBar\n * @interface\n * @public\n */\nconst IBar = \"sap.ui.webc.fiori.IBar\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as filter items\n *\n * @name sap.ui.webc.fiori.IFilterItem\n * @interface\n * @public\n */\nconst IFilterItem = \"sap.ui.webc.fiori.IFilterItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-filter-item</code> as values\n *\n * @name sap.ui.webc.fiori.IFilterItemOption\n * @interface\n * @public\n */\nconst IFilterItemOption = \"sap.ui.webc.fiori.IFilterItemOption\";\n\n/**\n * Interface for components that can be slotted inside <code>ui5-media-gallery</code> as items.\n *\n * @name sap.ui.webc.fiori.IMediaGalleryItem\n * @interface\n * @public\n */\nconst IMediaGalleryItem = \"sap.ui.webc.fiori.IMediaGalleryItem\";\n\n/**\n * Interface for components that may be slotted as an action inside <code>ui5-li-notification</code> and <code>ui5-li-notification-group</code>\n *\n * @name sap.ui.webc.fiori.INotificationAction\n * @interface\n * @public\n */\nconst INotificationAction = \"sap.ui.webc.fiori.INotificationAction\";\n\n/**\n * Interface for components that may be slotted inside a notification list\n *\n * @name sap.ui.webc.fiori.INotificationListItem\n * @interface\n * @public\n */\nconst INotificationListItem = \"sap.ui.webc.fiori.INotificationListItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-product-switch</code> as items\n *\n * @name sap.ui.webc.fiori.IProductSwitchItem\n * @interface\n * @public\n */\nconst IProductSwitchItem = \"sap.ui.webc.fiori.IProductSwitchItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-shellbar</code> as items\n *\n * @name sap.ui.webc.fiori.IShellBarItem\n * @interface\n * @public\n */\nconst IShellBarItem = \"sap.ui.webc.fiori.IShellBarItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-side-navigation</code> as items\n *\n * @name sap.ui.webc.fiori.ISideNavigationItem\n * @interface\n * @public\n */\nconst ISideNavigationItem = \"sap.ui.webc.fiori.ISideNavigationItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-side-navigation-item</code> as sub-items\n *\n * @name sap.ui.webc.fiori.ISideNavigationSubItem\n * @interface\n * @public\n */\nconst ISideNavigationSubItem = \"sap.ui.webc.fiori.ISideNavigationSubItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as sort items\n *\n * @name sap.ui.webc.fiori.ISortItem\n * @interface\n * @public\n */\nconst ISortItem = \"sap.ui.webc.fiori.ISortItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-timeline</code> as items\n *\n * @name sap.ui.webc.fiori.ITimelineItem\n * @interface\n * @public\n */\nconst ITimelineItem = \"sap.ui.webc.fiori.ITimelineItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-upload-collection</code> as items\n *\n * @name sap.ui.webc.fiori.IUploadCollectionItem\n * @interface\n * @public\n */\nconst IUploadCollectionItem = \"sap.ui.webc.fiori.IUploadCollectionItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-wizard</code> as wizard steps\n *\n * @name sap.ui.webc.fiori.IWizardStep\n * @interface\n * @public\n */\nconst IWizardStep = \"sap.ui.webc.fiori.IWizardStep\";\n\nexport {\n\tIBar,\n\tIFilterItem,\n\tIFilterItemOption,\n\tIMediaGalleryItem,\n\tINotificationAction,\n\tINotificationListItem,\n\tIProductSwitchItem,\n\tIShellBarItem,\n\tISideNavigationItem,\n\tISideNavigationSubItem,\n\tISortItem,\n\tITimelineItem,\n\tIUploadCollectionItem,\n\tIWizardStep,\n};\n"]}
+{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../src/Interfaces.ts"],"names":[],"mappings":"AAAA,OAAuB,4CAA4C,CAAC;AAEpE,OAA2B,2BAA2B,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-page</code> as header and footer.\n *\n * @public\n */\ninterface IBar extends HTMLElement {}\n\n/**\n * Interface for components that can be slotted inside <code>ui5-media-gallery</code> as items.\n *\n * @public\n */\ninterface IMediaGalleryItem extends ITabbable {\n\tselected: boolean,\n\tdisabled: boolean,\n\tfocused: boolean,\n}\n\n/**\n * Interface for components that may be slotted inside <code>ui5-product-switch</code> as items\n *\n * @public\n */\ninterface IProductSwitchItem extends ITabbable {\n\ttitleText: string,\n\tsubtitleText: string,\n\ticon: string,\n\ttarget: string,\n\ttargetSrc: string,\n\tselected: boolean,\n}\n\n/**\n * Interface for components that may be slotted inside <code>ui5-timeline</code> as items\n *\n * @public\n */\ninterface ITimelineItem extends UI5Element, ITabbable {\n    layout: `${TimelineLayout}`,\n    icon: string,\n    _lineWidth: string,\n    nameClickable: boolean,\n    focusLink: () => void,\n}\n\n/**\n * Interface for components that may be slotted inside <code>ui5-upload-collection</code> as items\n *\n * @public\n */\ninterface IUploadCollectionItem extends HTMLElement { }\n\nexport {\n\tIBar,\n\tIMediaGalleryItem,\n\tIProductSwitchItem,\n\tITimelineItem,\n\tIUploadCollectionItem,\n};\n"]}

package/dist/MediaGallery.d.ts

@@ -8,6 +8,7 @@ import MediaGalleryItem from "./MediaGalleryItem.js";
 import MediaGalleryLayout from "./types/MediaGalleryLayout.js";
 import MediaGalleryMenuHorizontalAlign from "./types/MediaGalleryMenuHorizontalAlign.js";
 import MediaGalleryMenuVerticalAlign from "./types/MediaGalleryMenuVerticalAlign.js";
+import type IMediaGalleryItem from "./MediaGalleryItem.js";
 type MediaGallerySelectionChangeEventDetail = {
     item: MediaGalleryItem;
 };
@@ -47,11 +48,7 @@ type MediaGallerySelectionChangeEventDetail = {
  * <code>import "@ui5/webcomponents-fiori/dist/MediaGalleryItem";</code>
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.MediaGallery
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-media-gallery
- * @appenddocs sap.ui.webc.fiori.MediaGalleryItem
+ * @extends UI5Element
  * @public
  * @since 1.1.0
  */
@@ -61,9 +58,7 @@ declare class MediaGallery extends UI5Element {
      * If <code>false</code>, only up to five thumbnails are rendered, followed by
      * an overflow button that shows the count of the remaining thumbnails.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.MediaGallery.prototype.showAllThumbnails
-     * @defaultvalue false
+     * @default false
      * @public
      */
     showAllThumbnails: boolean;
@@ -74,18 +69,14 @@ declare class MediaGallery extends UI5Element {
      * The display area is the central area that contains
      * the enlarged content of the currently selected item.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.MediaGallery.prototype.interactiveDisplayArea
-     * @defaultvalue false
+     * @default false
      * @public
      */
     interactiveDisplayArea: boolean;
     /**
      * Determines the layout of the component.
      *
-     * @type {sap.ui.webc.fiori.types.MediaGalleryLayout}
-     * @name sap.ui.webc.fiori.MediaGallery.prototype.layout
-     * @defaultvalue "Auto"
+     * @default "Auto"
      * @public
      */
     layout: `${MediaGalleryLayout}`;
@@ -93,9 +84,7 @@ declare class MediaGallery extends UI5Element {
      * Determines the horizontal alignment of the thumbnails menu
      * vs. the central display area.
      *
-     * @type {sap.ui.webc.fiori.types.MediaGalleryMenuHorizontalAlign}
-     * @name sap.ui.webc.fiori.MediaGallery.prototype.menuHorizontalAlign
-     * @defaultvalue "Left"
+     * @default "Left"
      * @public
      */
     menuHorizontalAlign: `${MediaGalleryMenuHorizontalAlign}`;
@@ -103,9 +92,7 @@ declare class MediaGallery extends UI5Element {
      * Determines the vertical alignment of the thumbnails menu
      * vs. the central display area.
      *
-     * @type {sap.ui.webc.fiori.types.MediaGalleryMenuVerticalAlign}
-     * @name sap.ui.webc.fiori.MediaGallery.prototype.menuVerticalAlign
-     * @defaultvalue "Bottom"
+     * @default "Bottom"
      * @public
      */
     menuVerticalAlign: `${MediaGalleryMenuVerticalAlign}`;
@@ -114,8 +101,7 @@ declare class MediaGallery extends UI5Element {
      * (esp. needed when the app did not specify a fixed layout type
      * but selected <code>Auto</code> layout type).
      *
-     * @type {sap.ui.webc.fiori.types.MediaGalleryLayout}
-     * @defaultvalue "Vertical"
+     * @default "Vertical"
      * @private
      */
     effectiveLayout: `${MediaGalleryLayout}`;
@@ -140,12 +126,9 @@ declare class MediaGallery extends UI5Element {
      * <br><br>
      * <b>Note:</b> Use the <code>ui5-media-gallery-item</code> component to define the desired items.
      *
-     * @type {sap.ui.webc.fiori.IMediaGalleryItem[]}
-     * @name sap.ui.webc.fiori.MediaGallery.prototype.default
-     * @slot items
      * @public
      */
-    items: Array<MediaGalleryItem>;
+    items: Array<IMediaGalleryItem>;
     _itemNavigation: ItemNavigation;
     _onResize: () => void;
     _selectedItem?: MediaGalleryItem;